/*   
Theme Name: Nussmueller Architekten ZT GmbH [V9.0]
Theme URI: http://www.nussmueller.at
Description: Custom WordPress Theme fuer Nussmueller Architekten ZT GmbH.
Author: Michael Merzlikar
Author URI: http://www.merzlikar.at
Version: 9.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #323232; text-shadow: none;}
::selection {background: #fcd700; color: #323232; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #FCE101; color: #000; text-decoration: none;}
mark {background-color: #FCE101; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#page-wrap {width: 960px; margin: 20px auto;}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}




/* 
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
MEDIA-QUERY 768 PX AND ABOVE >>> START
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
*/
@media screen and (min-width: 768px) { 

/* MENUE
-------------------------------------------------------------------------------*/
#nav {
width: 210px;
display: block;
border-bottom: 2px solid #323232;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin-left: 20px;
margin-bottom: 50px;
}

#nav .navigation-logo {
display: block;
width: 210px;
height: 40px;
background: url(_/img/elements/NMArch_Logo210x40px.png);
}

#nav .navigation-logo a {
display: block;
width: 210px;
height: 40px;
}

#nav > a {
display: none;
}

#nav li {
position: relative;
}

#nav li a {
color: #000;
display: block;
}

#nav li a:active {
}

#nav span:after {
width: 0;
height: 0;
border: 0.313em solid transparent;
border-bottom: none;
border-top-color: #efa585;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}

/* FIRST-LEVEL */
#nav > ul {
margin-top: -5px;
}

#nav > ul > li {
border-top: 1px solid #323232;
}

#nav > ul > li > a {
font: 600 16px/32px 'Open Sans', Helvetica, Arial, sans-serif;
letter-spacing: 1px;
color: #323232;
text-transform: uppercase;
text-decoration: none;
display: block;
padding-left: 5px;
padding-bottom: 5px;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}

#nav > ul > li > a:hover {
color: #323232;
background: #FCE101;
}

#nav ul li a:hover, #nav li:hover > a {
color: #323232;
background: #FCE101;
}

#nav > ul > li:not( :last-child ) > a {
}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {
}

/* SECOND-LEVEL */
#nav li ul {
display: none;
margin-bottom: 15px;
}

#nav li.current-menu-item ul, #nav li.current-menu-parent ul {
display: block;
margin-bottom: 15px;

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

#nav li:not( :first-child ):hover ul {
}

#nav li ul a {
font: 400 12px/18px 'Open Sans', Helvetica, Arial, sans-serif;
color:#323232;
display:block;
text-transform: uppercase;
text-decoration: none;
padding: 5px 15px;
}

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
}

#nav li.current-menu-item > a, #nav li.current-menu-parent > a{
background: #FCE101;
}

.selected {
background: #FCE101;
}

.current_nav_element {
background: #FCE101;
}


/* GENERALS
-------------------------------------------------------------------------------*/
body {
font-size: 26px;
line-height: 32px;
background: #fff;
padding-bottom: 45px;
}

.wrapper {

}

#container {
width: 1180px;
margin: 35px 0;
padding-bottom: 45px;
/* border-bottom: 1px solid #323232; */
}

#container-full {
width: 100%;
margin: 35px 0;
padding-bottom: 45px;
/* border-bottom: 1px solid #323232; */
}

.inner-container {
}

.inner-container-isotope {
}

.navigation {
float: left;
}

.size1 {
width: 260px;
}

.size2 {
width: 330px;
}

.size-recommended_4 {
width: 212px;
margin: 10px 10px 20px 10px;
}

.size-full {
width: 930px;
margin-left: 20px;
/* margin-bottom: 50px; */
float: left;
}

a {
color: #eee;
text-decoration: none;
}


/* GENERALS - ROYAL-SLIDER
-------------------------------------------------------------------------------*/
.rsDefaultInv .rsThumbsHor {
height: 54px !important;
}

.rsDefaultInv .rsGCaption {
left: 20% !important;
right: 20%;
padding: 0 !important;
bottom: 6px !important;
text-align: center !important;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
background: #FFF;
background: rgba(255,255,255, 0.85) !important;
}

.rsDefaultInv .rsFullscreenBtn {
height: 100% !important;
width: 100% !important;
}

.rsDefaultInv .rsFullscreenIcn {
display: none !important;
}

.rsDefaultInv .rsArrowIcn {
display: none !important;
}


/* GENERALS - VIDEO-EMBEDDING
-------------------------------------------------------------------------------*/
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper-aktuell {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin-left: 10px; 
	margin-top: 30px;
	height: 0;
}
.video-wrapper-aktuell iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* GENERALS - CONTENT
-------------------------------------------------------------------------------*/
.title-segment {
width: 930px;
padding-bottom: 15px;
margin-top: -10px;
}

.content-title {
width: 930px;
float: left;
font: 700 50px/60px 'Gentium Basic', Times, serif;
padding-left: 10px;
}

.info-segment {
width: 930px;
margin-bottom: 50px;
}

.segment-full {
width: 100%;
padding-top: 10px;
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
}

.segment-full-seewood {
width: 100%;
padding-top: 10px;
background: transparent url(_/img/elements/NMArch_BrownLine50px.jpg) left top no-repeat;
}

.segment-full-gruppe3 {
width: 100%;
padding-top: 10px;
background: transparent url(_/img/elements/NMArch_RedLine50px.jpg) left top no-repeat;
}

.segment-full-noborder {
width: 100%;
padding-top: 10px;
clear: both;
}

.segment-left {
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
padding-top: 10px;
}

.segment-left.nussmueller {
border: none;
}

.segment-left.seewood {
border: none;
background: transparent url(_/img/elements/NMArch_BrownLine50px.jpg) left top no-repeat;
}

.segment-left.gruppe3 {
border: none;
background: transparent url(_/img/elements/NMArch_RedLine50px.jpg) left top no-repeat;
}

.segment-right {
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
padding-top: 10px;
}

.segment-right.nussmueller {
border: none;
}

.segment-right.seewood {
border: none;
background: transparent url(_/img/elements/NMArch_BrownLine50px.jpg) left top no-repeat;
}

.segment-right.gruppe3 {
border: none;
background: transparent url(_/img/elements/NMArch_RedLine50px.jpg) left top no-repeat;
}

.info-text {
width: 500px;
float: left;
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-bottom: 44px;
}

.info-text p a {
color: #323232;
background: #FBF4B6;
text-decoration: none;
}

.info-text p a:hover {
color: #323232;
background: none;
text-decoration: underline;
}

.info-text p, .info-text ul {
padding-bottom: 22px;
}

.info-text ul li:first-child {
margin-top: -22px;
}

.info-text ul li {
list-style: disc;
list-style-position: inside;
}



.info-text b {
font: 600 16px/22px 'Gentium Basic', Times, serif;
}

.info-image {
font: 600 16px/22px 'Gentium Basic', Times, serif;
width:400px;
float: left;
padding: 0 20px 0 10px;
}


/* UEBER UNS - TEAMMITGLIEDER
-------------------------------------------------------------------------------*/
.team-member {
width: 176px;
margin: 0 0 20px 10px;
float: left;
}

.team-portrait {
width: 176px;
}

.team-content {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow.png) center top no-repeat;
margin-top: -15px; 
padding: 15px 0 10px 0;
}

.team-name {
width: 176px;
font: 600 18px/22px 'Gentium Basic', Times, serif;
text-align: center;
}

.team-listing {
width: 250px;
float: left;
}

/* UEBER UNS - AUSZEICHNUNGEN UND PREISE
-------------------------------------------------------------------------------*/
.award-element {
margin-left: 10px;
font: 600 18px/20px 'Gentium Basic', Times, serif;
padding: 10px 0;
border-bottom: 1px solid #FCE101;
}

.award-year {
float: left;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
width: 60px;
}

.award-title {
float: left;
}

.award-project {
float: left;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
margin-left: 5px;
}

.award-project span, .award-project a {
font: 600 18px/20px 'Gentium Basic', Times, serif;
color: #323232;
margin-left: 5px;
}

.award-project a {
text-decoration: none;
background: #FBF4B6;
}

.award-project a:hover {
background: none;
}



/* UEBER UNS - PARTNER UND LINKS
-------------------------------------------------------------------------------*/
.link-element {
position: relative;
width: 300px;
height: 240px;
float: left;
margin-left: 10px;
padding: 10px 0;
border-bottom: 2px solid #FCE101;
text-align: center;
margin-bottom: 10px;
}

.link-content {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow.png) center top no-repeat;
margin-top: -20px;
padding: 15px 10px 20px 0;

}

.link-title a {
font: 600 24px/33px 'Gentium Basic', Times, serif;
color: #323232;
text-decoration: none;
background: #FBF4B6;
padding: 0 5px;
}

.link-title a:hover {
background: none;
}

.link-text {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}



/* KONTAKT
-------------------------------------------------------------------------------*/
.contact-text {
width: 290px;
margin-left: 10px;
padding: 10px 0;
float: left;
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-bottom: 44px;
}

.contact-text a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.contact-text a:hover {
background: none;
}

.contact-map {
width: 630px;
padding: 10px 0;
float: left;
}

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* WERKLISTE
-------------------------------------------------------------------------------*/
.projectgrid-title {
font: 600 24px/33px 'Gentium Basic', Times, serif;
margin-left: 10px;
}


.projectgrid-legend {
font: 400 10px/22px 'Open Sans', Helvetica, Arial, sans-serif;
text-transform: uppercase;
border-bottom: 1px solid #FCE101;
margin-left: 10px;
padding: 5px 0;

}

.projectgrid-legend-year {
float: left;
width: 80px;
}

.projectgrid-legend-title {
float: left;
width: 440px;
}

.projectgrid-legend-location {
float: left;
width: 160px;
}

.projectgrid-legend-info {
float: left;
width: 240px;
}

.projectgrid-elements {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
margin-bottom: 50px;
}

.projectgrid-single-element {
margin-left: 10px;
border-bottom: 1px solid #FCE101;
}

.projectgrid-single-year {
float: left;
width: 80px;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding: 10px 0;
}

.projectgrid-single-title {
float: left;
width: 440px;
font: 600 18px/20px 'Gentium Basic', Times, serif;
padding: 10px 0;
}

.projectgrid-single-title a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.projectgrid-single-title a:hover {
background: none;
}

.projectgrid-single-location {
float: left;
width: 160px;
padding: 10px 0;
}

.projectgrid-single-info {
float: left;
width: 240px;
padding: 10px 0;
}

.toggle_trigger {
margin-top: 10px;
margin-left: 10px;
}

.toggle_trigger > a {
font: 400 16px/22px 'Gentium Basic', Times, serif;
color: #323232;
text-decoration: none;
background: #FBF4B6;
padding: 0;
}

.toggle_trigger > a:hover {
text-decoration: underline;
background: none;
}



/* NEWS-BOX - PREVIEW
------------------------------------------------------------------------------- */
.news-box-preview {
position: relative;
z-index: 5;
margin: 0 20px 20px 20px;
padding-top: 15px;
float: left;
font: 400 12px/18px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: center;
text-align: left;
border-top: 1px solid #FCE101;
border-bottom: 2px solid #FCE101;
}

.news-preview-content {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow_Left.png) left top no-repeat;
margin-top: -15px; 
padding: 15px 10px 20px 0;
}

.news-date {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding-bottom: 5px;
}

.news-title {
font: 700 30px/38px 'Gentium Basic', Times, serif;
}

.news-short {
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-top: 15px;
}

.news-link {
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-top: 22px;
}

.news-box-preview a {
color: #323232;
background: #FBF4B6;
text-decoration: none;
}

.news-box-preview a:hover {
text-decoration: underline;
background: none;
}


/* NEWS-BOX - DETAIL
------------------------------------------------------------------------------- */
.news-detail-title-segment {
width: 930px;
padding-bottom: 15px;
margin-top: -10px;
}

.news-detail-title {
width: 930px;
float: left;
font: 700 50px/60px 'Gentium Basic', Times, serif;
padding-left: 10px;
}

.news-detail-info-segment {
width: 930px;
}

.news-detail-galerie {
float:left;
width: 400px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 22px;
}

.news-detail-info {
float:left;
width:500px;
padding-bottom: 22px;
}

.news-detail-info p {
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-left: 10px;

}

.news-detail-info p b {
font: 700 16px/22px 'Gentium Basic', Times, serif;
}

.news-detail-info p a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.news-detail-info p a:hover {
text-decoration: underline;
background: none;
}

.news-detail-links {
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
padding-top: 10px;
padding-left: 10px;
clear: both;
}

.news-detail-links p {
font: 400 16px/22px 'Gentium Basic', Times, serif;
}

.news-detail-links a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.news-detail-links a:hover {
text-decoration: underline;
background: none;
}


/* PROJECT-BOX - PREVIEW
------------------------------------------------------------------------------- */
.project-box-preview {
position: relative;
z-index: 5;
margin: 0 20px 20px 20px;
float: left;
font: 100 12px/18px Helvetica, Arial, sans-serif;
text-align: center;
border-bottom: 2px solid #FCE101;
}

.project-box-preview.nussmueller {
border-bottom: 2px solid #FCE101;
}

.project-box-preview.seewood {
border-bottom: 2px solid #512201;
}

.project-box-preview.gruppe3 {
border-bottom: 2px solid #bb0606;
}

.project-box-preview .project-info-preview {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow.png) center top no-repeat;
margin-top: -15px; 
padding: 15px 10px 20px 10px;
}

.project-box-preview .project-title {
font: 700 30px/36px 'Gentium Basic', Times, serif;
padding: 0 5px 5px 5px;
}

.project-box-preview .project-client {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-box-preview .project-location, .project-box-preview .project-year {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-box-preview a {
color: #323232;
text-decoration: none;
}

.project-box-preview a:hover {
text-decoration: none;
background: #FBF4B6;
}

span.project-special {
background: #FCE101;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding: 2px 10px;
}


/* PROJECT-BOX - RECOMMENDED
------------------------------------------------------------------------------- */
.project-box-recommended {
position: relative;
z-index: 5;
float: left;
font: 100 12px/18px Helvetica, Arial, sans-serif;
text-align: center;
border-bottom: 2px solid #FCE101;
}

.project-recommended-title {
font: 600 24px/33px 'Gentium Basic', Times, serif;
text-align: left;
margin: 35px 0 0 0;
padding: 10px 0 0 10px;
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
}

.project-box-recommended .project-info-preview {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow.png) center top no-repeat;
margin-top: -15px; 
padding: 15px 0 20px 0;
}

.size-recommended_4 .project-title {
font: 600 24px/28px 'Gentium Basic', Times, serif;
padding: 0 5px 5px 5px;
}

.project-box-recommended .project-client {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-box-recommended .project-location, .project-box-recommended .project-year {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-box-recommended a {
color: #323232;
text-decoration: none;
}

.project-box-recommended a:hover {
text-decoration: none;
background: #FBF4B6;
}

span.project-special {
background: #FCE101;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding: 2px 10px;
}


/* PROJEKT-BOX - DETAIL
-------------------------------------------------------------------------------*/
.project-detail-title-segment {
width: 930px;
padding-bottom: 15px;
margin-top: -10px;
}

.project-detail-title {
width: 650px;
float: left;
font: 700 50px/60px 'Gentium Basic', Times, serif;
padding-left: 10px;
}

.project-detail-title-addition {
width: 650px;
float: left;
font: 400 18px/24px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-detail-special-annotation {
max-width: 250px;
float: right;
font: 600 18px/24px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: center;
background: #FCE101;
padding: 10px;
margin-top: 10px;
}

.project-segment-left {
width: 380px;
float: left;
}

.project-segment-right {
width: 550px;
float: right;
}

.project-detail-hardfacts {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding-left: 10px;
padding-bottom: 10px;
}

.project-detail-hardfacts span {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-detail-hardfacts a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.project-detail-hardfacts a:hover {
text-decoration: underline;
}

.project-detail-description {
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-left: 10px;
}


.project-detail-description b {
font: 700 16px/22px 'Gentium Basic', Times, serif;
}

.project-detail-galerie {
float:left;
width: 550px;
padding-left: 10px;
padding-bottom: 22px;
}


/* FOOTER
-------------------------------------------------------------------------------*/
.footer .footer-nussmueller {
width: 220px;
margin: 0 0 0 20px;
padding-top: 10px;
background: transparent url(_/img/elements/NMArch-Footer-DarkYellow205x2px.jpg) left top no-repeat;
float: left;
}

.footer .footer-seewood {
width: 220px;
margin: 0 0 0 20px;
padding-top: 10px;
background: transparent url(_/img/elements/NMArch-Footer-Brown205x2px.jpg) left top no-repeat;
float: left;
}

.footer .footer-gruppe3 {
width: 220px;
margin: 0 0 0 20px;
padding-top: 10px;
background: transparent url(_/img/elements/NMArch-Footer-Red205x2px.jpg) left top no-repeat;
float: left;
}

.footer-nussmueller p, .footer-seewood p, .footer-gruppe3 p {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: left;
}

.footer-nussmueller p span, .footer-seewood p span, .footer-gruppe3 p span {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: left;
}







}
/* 
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
MEDIA-QUERY 768 PX AND ABOVE >>> END
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
*/

/* 
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
MEDIA-QUERY 767 PX AND BELOW >>> START
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
*/

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

/* NAVIGATION >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.navigation-box {
display: none;
}

/* NAVIGATION */
#nav .navigation-logo {
display: block;
width: 220px;
height: 0;
background: none;
}

#nav .navigation-logo a {
display: block;
width: 220px;
height: 40px;
background: url(_/img/elements/NMArch_Logo220x40px.png);
position: absolute;
z-index: 999;
left: 0;
top: 25px;
}

.nav-wrapper {
width: 400px;
height: 75px;
background: #fff;
}

#nav {
position: relative;
top: 0;
z-index: 998;
width: 400px;
margin: 0 auto;
margin-left: 10px;
border-bottom: none;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-align: center;
}

#nav > a {
width: 75px;
height: 75px;
text-indent: -9999px;
background-color:#FBF4B6;
position: relative;
left: 325px;
top: 0;
}

#nav > a {
display: none;
}

#nav > a:before,
#nav > a:after {
position: absolute;
border: 2px solid #323232;
top: 35%;
left: 25%;
right: 25%;
content: '';
}

#nav > a:after {
top: 60%;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {
width: 75px;
height: 75px;
display: block;
}

/* FIRST LEVEL */

#nav > ul {
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
background: #FBF4B6;
border-bottom: 2px solid #323232;
}

#nav:target > ul {
display: block;
}

#nav > ul > li {
border-top: 2px solid #323232;
width: 400px;
float: none;
}

#nav > ul > li > a {
font: 600 16px/32px 'Open Sans', Helvetica, Arial, sans-serif;
color: #323232;
text-transform: uppercase;
text-decoration: none;
height: auto;
width:400px;
display:block;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}

#nav > ul > li:not( :last-child ) > a {
border-right: none;
}

#nav > ul > li > a:hover {
color: #323232;
background: #FCE101;
}

#nav ul li a:hover, #nav li:hover > a {
color: #323232;
background: #FCE101;
}


/* SECOND LEVEL 
#nav li ul {
font: 600 16px/32px 'Open Sans', Helvetica, Arial, sans-serif;
color: #323232;
display:block;
position: static;
padding-top: 0;
text-align: center;
}



#nav li.current-menu-item ul, #nav li.current-menu-parent ul {
display: block;
margin-bottom: 15px;

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

#nav li:not( :first-child ):hover ul {
}

#nav li ul a {
font: 400 12px/18px 'Open Sans', Helvetica, Arial, sans-serif;
color:#323232;
display:block;
text-transform: uppercase;
text-decoration: none;
padding: 5px 15px;
}

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
}
*/

#nav li.current-menu-item > a, #nav li.current-menu-parent > a{
background: #FCE101;
}


#nav li ul {
display: none;
}


#nav li.current-menu-item > ul, #nav li.current-menu-parent > ul {
font: 600 16px/32px 'Open Sans', Helvetica, Arial, sans-serif;
color: #323232;
display:block;
position: static;
padding-top: 0;
text-align: center;
margin-bottom: 15px;
}

#nav li.current-menu-item > ul a, #nav li.current-menu-parent > ul a {
font: 400 12px/18px 'Open Sans', Helvetica, Arial, sans-serif;
color:#323232;
display:block;
text-transform: uppercase;
text-decoration: none;
padding: 5px 15px;
}

.selected {
background: #FCE101;
}

.current_nav_element {
background: #FCE101;
}


/* GENERALS >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
body {
font-size: 26px;
line-height: 32px;
background: #fff;
padding-bottom: 45px;
}

.wrapper {
}

#container {
width: 420px;
margin: 0 auto 10px auto;
/* padding-bottom: 45px; */
/* border-bottom: 1px solid #323232; */

/*background: aqua;  ORIENTIERUNG -------------------------------------------------------------------------------*/
}

#container-full {
width: 420px;
margin: 0 auto;
/* padding-bottom: 45px; */
/* border-bottom: 1px solid #323232; */

/*background: aqua;  ORIENTIERUNG -------------------------------------------------------------------------------*/
}

.inner-container {
}

.inner-container-isotope {
}

.navigation {
float: left;
}

.size1 {
width: 400px;
}

.size2 {
width: 400px;
}

.size-recommended_4 {
width: 190px;
margin: 10px 10px 20px 10px;
}

.size-full {
width: 420px;
margin-bottom: 0;
margin-left: 0;
float: left;
/* background: fuchsia; */
}

.toggle_trigger {
margin-top: 10px;
margin-left: 10px;
}

.toggle_trigger > a {
font: 400 16px/22px 'Gentium Basic', Times, serif;
color: #323232;
text-decoration: none;
background: #FBF4B6;
padding: 0;
}

.toggle_trigger > a:hover {
text-decoration: underline;
background: none;
}


/* GENERALS - ROYAL-SLIDER >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.rsDefaultInv .rsThumbsHor {
height: 54px !important;
}

.rsDefaultInv .rsGCaption {
left: 20% !important;
right: 20%;
padding: 0 !important;
bottom: 6px !important;
text-align: center !important;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
background: #FFF;
background: rgba(255,255,255, 0.85) !important;
}

/* GENERALS - VIDEO-EMBEDDING >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper-aktuell {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin-left: 0; 
	margin-top: 30px;
	height: 0;
}
.video-wrapper-aktuell iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* GENERALS - CONTENT >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.title-segment {
width: 420px;
padding-bottom: 0;
}

.content-title {
width: 420px;
font: 700 40px/48px 'Gentium Basic', Times, serif;
padding: 10px 10px 15px 10px;
}

.info-segment {
width: 420px;
}

.segment-full {
width: 420px;
padding-top: 10px;
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
}

.segment-full-noborder {
width: 420px;
padding-top: 10px;
clear: both;
}

.segment-left {
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
padding-top: 10px;
}

.segment-left.nussmueller {
border: none;
}

.segment-left.seewood {
border: none;
background: transparent url(_/img/elements/NMArch_BrownLine50px.jpg) left top no-repeat;
}

.segment-left.gruppe3 {
border: none;
background: transparent url(_/img/elements/NMArch_RedLine50px.jpg) left top no-repeat;
}

.segment-right {
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
padding-top: 10px;
}

.segment-right.nussmueller {
border: none;
}

.segment-right.seewood {
border: none;
background: transparent url(_/img/elements/NMArch_BrownLine50px.jpg) left top no-repeat;
}

.segment-right.gruppe3 {
border: none;
background: transparent url(_/img/elements/NMArch_RedLine50px.jpg) left top no-repeat;
}

.info-text {
width: 420px;
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding: 0 10px 44px 10px;
}

.info-text p a {
color: #323232;
background: #FBF4B6;
text-decoration: none;
}

.info-text p a:hover {
color: #323232;
background: none;
text-decoration: underline;
}

.info-text p, .info-text ul {
padding-bottom: 22px;
}

.info-text ul li:first-child {
margin-top: -22px;
}

.info-text ul li {
list-style: disc;
list-style-position: inside;
}

.info-text b {
font: 600 16px/22px 'Gentium Basic', Times, serif;
}

.info-image {
font: 600 16px/22px 'Gentium Basic', Times, serif;
width: 420px;
float: left;
padding: 0 10px 22px 10px;
}




/* UEBER UNS - TEAMMITGLIEDER >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.team-member {
width: 190px;
margin: 0 10px 20px 10px;
float: left;
}

.team-portrait {
width: 190px;
}

.team-content {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow.png) center top no-repeat;
margin-top: -15px; 
padding: 15px 0 10px 0;
}

.team-name {
width: 190px;
font: 600 18px/22px 'Gentium Basic', Times, serif;
text-align: center;
}

.team-listing {
width: 200px;
float: left;
margin-top: 22px;
}

/* UEBER UNS - AUSZEICHNUNGEN UND PREISE >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.award-element {
margin: 0 10px;
font: 600 24px/33px 'Gentium Basic', Times, serif;
padding: 10px 0;
border-bottom: 1px solid #FCE101;
}

.award-year {
width: 400px;
font: 400 12px/33px 'Open Sans', Helvetica, Arial, sans-serif;
width: 70px;
}

.award-title {
width: 360px;
margin-left: 40px;
}

.award-project {
width: 360px;
margin-left: 40px;
font: 400 12px/33px 'Open Sans', Helvetica, Arial, sans-serif;
}

.award-project a {
font: 600 18px/33px 'Gentium Basic', Times, serif;
color: #323232;
text-decoration: none;
background: #FBF4B6;
padding: 0 5px;
}

.award-project a:hover {
background: none;
}

/* UEBER UNS - PARTNER UND LINKS >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.link-element {
position: relative;
width: 400px;
height: 250px;
float: left;
margin-left: 10px;
padding: 10px 0;
border-bottom: 2px solid #FCE101;
margin-bottom: 10px;
text-align: left;
}

.link-content {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow_Left.png) left top no-repeat;
margin-top: -15px;
padding: 15px 10px 20px 0;

}

.link-title a {
font: 600 24px/33px 'Gentium Basic', Times, serif;
text-align: left;
color: #323232;
text-decoration: none;
background: #FBF4B6;
padding: 0 5px;
}

.link-title a:hover {
background: none;
}

.link-text {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: left;
}

/* KONTAKT >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.contact-text {
width: 420px;
padding: 10px;
float: left;
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-bottom: 44px;
}

.contact-map {
width: 420px;
padding: 10px;
float: left;
}

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* WERKLISTE >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.projectgrid-title {
font: 600 24px/33px 'Gentium Basic', Times, serif;
margin-left: 10px;
border-bottom: 1px solid #FCE101;
}


.projectgrid-legend {
display: none;
}

.projectgrid-elements {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
margin-bottom: 50px;
}

.projectgrid-single-element {
margin-left: 10px;
border-bottom: 1px solid #FCE101;
}

.projectgrid-single-year {
width: 400px;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding: 10px 0;
}

.projectgrid-single-title {
width: 360px;
margin-left: 40px;
font: 600 18px/20px 'Gentium Basic', Times, serif;
}

.projectgrid-single-title a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.projectgrid-single-title a:hover {
background: none;
}

.projectgrid-single-location {
width: 100px;
float: left;
margin-left: 40px;
padding: 10px 0;
}

.projectgrid-single-info {
float: left;
width: 260px;
padding: 10px 0;
}

/* NEWS-BOX - PREVIEW >>> UNTIL 767PX
------------------------------------------------------------------------------- */
.news-box-preview {
position: relative;
z-index: 5;
margin: 0 10px 20px 10px;
padding-top: 15px;
float: left;
font: 400 12px/18px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: center;
text-align: left;
border-top: 1px solid #FCE101;
border-bottom: 2px solid #FCE101;
}

.news-preview-content {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow_Left.png) left top no-repeat;
margin-top: -15px; 
padding: 15px 10px 20px 0;
}

.news-date {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding-bottom: 5px;
}

.news-title {
font: 700 30px/38px 'Gentium Basic', Times, serif;
}

.news-short {
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-top: 15px;
}

.news-link {
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding-top: 22px;
}

.news-box-preview a {
color: #323232;
background: #FBF4B6;
text-decoration: none;
}

.news-box-preview a:hover {
text-decoration: underline;
background: none;
}


/* NEWS-BOX - DETAIL >>> UNTIL 767PX
------------------------------------------------------------------------------- */
.news-detail-title-segment {
width: 420px;
padding: 10px 10px 15px 0;
}

.news-detail-title {
width: 420px;
font: 700 40px/48px 'Gentium Basic', Times, serif;
padding: 0 10px;
}

.news-detail-info-segment {
width: 420px;
}

.news-detail-galerie {
width: 420px;
padding: 0 10px 22px 10px;
}

.news-detail-info {
width: 420px;
padding: 22px 10px 22px 10px;
}

.news-detail-info p {
font: 400 16px/22px 'Gentium Basic', Times, serif;
}

.news-detail-info p b {
font: 700 16px/22px 'Gentium Basic', Times, serif;
}

.news-detail-info p a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.news-detail-info p a:hover {
text-decoration: underline;
background: none;
}

.news-detail-links {
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
padding: 10px 10px 0 10px;
clear: both;
}

.news-detail-links p {
font: 400 16px/22px 'Gentium Basic', Times, serif;
}

.news-detail-links a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.news-detail-links a:hover {
text-decoration: underline;
background: none;
}

/* PROJECT-BOX - PREVIEW >>> UNTIL 767PX
------------------------------------------------------------------------------- */
.project-box-preview {
position: relative;
z-index: 5;
margin: 0 10px 20px 10px;
float: left;
font: 100 12px/18px Helvetica, Arial, sans-serif;
text-align: center;
}

.project-box-preview.nussmueller {
border-bottom: 2px solid #FCE101;
}

.project-box-preview.seewood {
border-bottom: 2px solid #512201;
}

.project-box-preview.gruppe3 {
border-bottom: 2px solid #bb0606;
}

.project-box-preview .project-info-preview {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow.png) center top no-repeat;
margin-top: -15px; 
padding: 15px 10px 20px 10px;
}

.project-box-preview .project-title {
font: 700 30px/36px 'Gentium Basic', Times, serif;
padding: 0 5px 5px 5px;
}

.project-box-preview .project-client {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-box-preview .project-location, .project-box-preview .project-year {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-box-preview a {
color: #323232;
text-decoration: none;
}

.project-box-preview a:hover {
text-decoration: none;
background: #FBF4B6;
}

.seewood .project-title a:hover {
background: #eec8ab;
}

.gruppe3 .project-title a:hover {
background: #eebbbb;
}

span.project-special {
background: #FCE101;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding: 2px 10px;
}

.project-box-preview.seewood span.project-special {
background: #512201;
color: #fff;
}

.project-box-preview.gruppe3 span.project-special {
background: #bb0606;
color: #fff;
}


/* PROJECT-BOX - RECOMMENDED >>> UNTIL 767PX
------------------------------------------------------------------------------- */
.project-box-recommended {
position: relative;
z-index: 5;
float: left;
font: 100 12px/18px Helvetica, Arial, sans-serif;
text-align: center;
/* border-bottom: 2px solid #FCE101; */
}

.project-recommended-title {
font: 600 24px/33px 'Gentium Basic', Times, serif;
text-align: left;
margin: 35px 0 0 0;
padding: 10px 0 0 10px;
background: transparent url(_/img/elements/NMArch_DarkYellowLine50px.jpg) left top no-repeat;
}

.project-box-recommended .project-info-preview {
position: relative;
z-index: 5;
background: transparent url(_/img/elements/project-preview-TopArrow.png) center top no-repeat;
margin-top: -15px; 
padding: 15px 0 20px 0;
}

.size-recommended_4 .project-title {
font: 600 24px/28px 'Gentium Basic', Times, serif;
padding: 0 5px 5px 5px;
}

.project-box-recommended .project-client {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-box-recommended .project-location, .project-box-recommended .project-year {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-box-recommended a {
color: #323232;
text-decoration: none;
}

.project-box-recommended a:hover {
text-decoration: none;
background: #FBF4B6;
}

span.project-special {
background: #FCE101;
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding: 2px 10px;
}

/* PROJEKT-BOX - DETAIL >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.project-detail-title-segment {
width: 420px;
padding: 10px 10px 15px 0;
}

.project-detail-title {
width: 420px;
font: 700 40px/48px 'Gentium Basic', Times, serif;
padding: 0 10px;
}

.project-detail-title-addition {
width: 420px;
font: 400 18px/24px 'Open Sans', Helvetica, Arial, sans-serif;
padding: 0 10px;
}

.project-detail-special-annotation {
max-width: 420px;
float: left;
font: 600 18px/24px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: center;
background: #FCE101;
padding: 10px;
margin-top: 10px;
}

.project-segment-left {
width: 420px;
}

.project-segment-right {
width: 420px;
}

.project-detail-hardfacts {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
padding: 0 10px 10px 10px;
}

.project-detail-hardfacts span {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
}

.project-detail-hardfacts a {
color: #323232;
text-decoration: none;
background: #FBF4B6;
}

.project-detail-hardfacts a:hover {
text-decoration: underline;
}

.project-detail-description {
font: 400 16px/22px 'Gentium Basic', Times, serif;
padding: 0 10px;
}


.project-detail-description b {
font: 700 16px/22px 'Gentium Basic', Times, serif;
}

.project-detail-galerie {
float:left;
width: 420px;
padding: 0 10px 22px 10px;
}


/* FOOTER >>> UNTIL 767PX
-------------------------------------------------------------------------------*/
.footer .footer-nussmueller {
width: 400px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 30px;
background: transparent url(_/img/elements/NMArch-Footer-DarkYellow420x2px.jpg) left top no-repeat;
}

.footer-seewood {
width: 400px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 30px;
background: transparent url(_/img/elements/NMArch-Footer-Brown420x2px.jpg) left top no-repeat;
}

.footer-gruppe3 {
width: 400px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 30px;
background: transparent url(_/img/elements/NMArch-Footer-Red420x2px.jpg) left top no-repeat;
}

.footer-nussmueller p, .footer-seewood p, .footer-gruppe3 p {
font: 400 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: center;
}

.footer-nussmueller p span, .footer-seewood p span, .footer-gruppe3 p span {
font: 600 12px/20px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: center;
}





}
/* 
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
MEDIA-QUERY 767 PX AND BELOW >>> END
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
*/






/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.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:      -o-transform, 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;
}