/*
Theme Name: STIMMUNG

*/


::-moz-selection {
background:#c8b381;
color:#fff;
text-shadow:none;
}

::selection {
background:#c8b381;
color:#fff;
text-shadow:none;
}

::-webkit-selection {
background:#c8b381;
color:#fff;
text-shadow:none;
}



/*------------------------------------*\
NO IPAD BUTTON
\*------------------------------------*/
a, a:hover, a:focus, input, textarea, button {
-webkit-appearance: none; /*Safari/Chrome*/
-moz-appearance: none; /*Firefox*/
-ms-appearance: none; /*IE*/
-o-appearance: none; /*Opera*/
appearance: none;
-webkit-border-radius: 0; 

border:0px;
outline:0px;
-webkit-tap-highlight-color: transparent!important;
}



/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

html {
background-color:#ffffff;
margin: 0px;
padding: 0px;
}
body {
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
letter-spacing:1px;
color:#000000;
margin: 0px;
padding: 0px;
}




/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}

.clear:after {
clear:both;
}
.clear {
*zoom:1;
}



img {
max-width:100%;
vertical-align:bottom;
margin: 0px;
padding: 0px;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
color: #c8b381;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #000;
}


li, ul {
list-style:none;
margin: 0px;
padding: 0px;
}

h1 { 
font-size:15px;
}
h2 { 
font-size:15px;
}
h3 { 
font-size:15px;
}

/*------------------------------------*\
STRUCTURE
\*------------------------------------*/

/* wrapper */


.wrapper {
margin: 5% auto 0;
max-width: 1280px;
position: relative;
width: 100%;
background-color: #fff;

-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}



.header {
text-align: center;
height: auto;
background-color: transparent;
}

section {
/*min-height: 600px;*/
background-color: transparent;
/*margin-top: 10%;*/
}



.logo {
width: 100%;
background-color: transparent;
text-align: center;
margin-bottom: 40px;
}


.logo-img {
height: 150px;
background-color: transparent;
width: auto;
margin-top: 0px;
margin-bottom: 20px;
filter: grayscale(0%) contrast(100%);
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;	
}


.logo-img:hover {
height: 150px;
background-color: transparent;
width: auto;
margin-top: 0px;
margin-bottom: 20px;
filter: grayscale(100%) contrast(0%);
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;	
}


.nav {
background-color: transparent;
    height: 20px;
    margin-bottom: 15%;
    text-align: center;
 width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.nav a {
color: #000;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.nav a:hover {
color: #c8b381;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.nav ul li {
color:#000000;
display: inline;
 line-height: 20px;
font-size: 13px;
list-style: outside none none;
position: relative;
text-transform: uppercase;
letter-spacing: 2px;
background-color: transparent;
}
.nav ul li a:hover {
background-color: transparent;
color: #c8b381;
list-style: outside none none;
text-decoration: none;
}
.nav ul li.current_page_item > a, .nav ul li.current-menu-ancestor > a, .nav ul li.current-menu-item > a, .nav ul li.current-menu-parent > a {
color: #c8b381;
}

.nav ul li::after {
content: "/";
padding-left: 10px;
padding-right: 10px;
}

/* contact btn */
.page-item-15:after {
display: none !important;
}


.footer {
height: 100px;
position: relative;
text-align: center;
width: 100%;
font-size: 11px;
color: #c8b381;
text-transform: lowercase;
letter-spacing: 2px;
}

.footer a {
color: #c8b381;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;	
}


.footer a:hover {
color: #000;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;	
}


.pagination {
background-color: transparent;
    height: 50px;
    margin-bottom: 50px;
    margin-top: 50px;
    padding-bottom: 50px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}

.all-posts-title h1 {
    color: #000;
    font-family: helvetica,arial,sans-serif !important;
    font-size: 15px;
    font-weight: normal !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}
.all-posts-date {
    color: #c8b381;
    font-family: helvetica,arial,sans-serif !important;
    font-size: 13px;
    font-weight: normal !important;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}


.nav-previous a {
    color: #000;
    font-weight: normal !important;
	-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.nav-previous a:hover {
    color: #c8b381;
	-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}


.post-content {
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.post-content a {
    color: #c8b381;
    font-weight: normal !important;
	-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.post-content a:hover {
    color: #000;
	-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}

.socialnav {
padding: 0px;
margin: 20px;
}

.socialicon{
filter: grayscale(0%) contrast(100%);
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;	
}

.socialicon:hover{
filter: grayscale(100%) contrast(0%);
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;	
}



#requestreel-content {
line-height: 25px;
margin-left: auto;
margin-right: auto;
max-width: 400px;
min-width: 320px;
position: relative;
text-align: justify;
width: 90%;
padding-bottom: 50px;
min-height: 350px;
 
}


#about-content {
line-height: 25px;
margin-left: auto;
margin-right: auto;
max-width: 620px;
min-width: 320px;
position: relative;
text-align: center;
width: 70%;
padding-bottom: 50px;
 min-height: 350px;
 
}

#specs-content {
line-height: 25px;
margin-left: auto;
margin-right: auto;
max-width: 620px;
min-width: 320px;
position: relative;
text-align: center;
width: 70%;
padding-bottom: 50px;
min-height: 350px;
}


#specs-content a, #about-content a {
    color: #c8b381;
    font-weight: normal !important;
	-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
#specs-content a:hover, #about-content a:hover {
    color: #000;
	-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}


#news-content {
line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding-top: 0;
	margin-top: 10px;
    position: relative;
    text-align: left;
    width: 80%;
}

#contact-content {
line-height: 25px;	
 margin-left: 120px;
min-height: 350px; 
padding-bottom:9px;
 text-align: left;
}



#topgroup {
     background-color: transparent;
    width: 100%;
    margin-bottom: 30px;
}
#bottomgroup {
     background-color: transparent;
    width: 100%;
    margin-bottom: 50px;
}

#mainmap {
    margin-top: 60px;
    width: 100%;
    height: auto;
}


#all-contacts {
    height: auto;
    margin-top: 0px;
    text-align: left;
    width: 100%;
	 margin-left: auto;
    margin-right: auto;
}

#all-contacts table {
    font-size: 13px;
    font-weight: normal;
    height: auto;
    letter-spacing: 1px;
    line-height: 25px;
    position: relative;
}
#grp1a, #grp1b, #grp1c, #grp1d {
    background-color: transparent;
    display: inline-table;
    max-width: 290px;
    position: relative;
    text-transform: lowercase;
    vertical-align: top;
    width: 24%;
}

#all-contacts table th {
    background-color: transparent;
    height: auto;
    text-align: left;
    vertical-align: top;
    width: 100%;
}


#grp1b {
    margin-left: -20px;
    margin-right: 20px;
}

#grp1c {
    margin-left: 0px;
}

#grp1d {
    margin-left: 32px;
}

.con-title {
    color: #000;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
	font-weight: normal !important;
}
.con-company {
    color: #c8b381;
	font-weight: normal !important;
}
.con-address {
    color: #000;
    padding-bottom: 20px;
	font-weight: normal !important;
}

.con-nametitle {
    color: #000;
	font-weight: normal !important;
}
.con-name {
    color: #c8b381;
	font-weight: normal !important;
}

.email {
    padding-bottom: 5px;
}

.emailbtn img {
width: 20px;
height: auto;
cursor: pointer;
vertical-align: middle;
}


.emailbtn {
height: auto;
position: relative;
width: 100%;
opacity: 1;	
padding-bottom: 30px;
margin-right:10px;
font-weight: normal !important;

-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: 0.5s ease-out; 	
}


.emailbtn:hover {
opacity: .5;
-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: 0.5s ease-out; 
}

.email a {
    color: #000;
    font-weight: normal !important;
	-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.email a:hover {
    color: #c8b381;
	-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}


.map, .map a {
    color: #c8b381;
    font-weight: normal !important;
    position: relative;
    padding-top: 5px;
}
.map a:hover {
    color: #000000;
}
.breakspace {
	/*line-height:15px;*/
	line-height:30px;
}



#requestreel-content div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    text-align: center;
    border: 0px !important;
    outline: 0px !important;
    text-transform: uppercase;
}

#requestreel-content .wpcf7-submit {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    border: 0px;
}
#requestreel-content .wpcf7-submit:hover {
    background-color: #fff;
    color: #000;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    border: 0px;
}

#requestreel-content input, textarea, imput:focus {
	color: #000;
    font-family: helvetica,arial,sans-serif !important;
    font-size: 15px;
    font-weight: normal !important;
    letter-spacing: 1px;
	
    -moz-appearance: none;
    border-bottom: 1px solid #000 !important;
    border-radius: 0;
    outline: 0 none;
    padding-bottom: 15px;
    padding-top: 10px;
    width: 100%;
}


#requestreel-content span.wpcf7-not-valid-tip {
    color: #c8b381;
    display: block;
    font-size: 1em;
    padding-top: 0;
}


/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/

@media only screen and (max-height:768px) {
	
.wrapper {
margin: 0 auto 0;
max-width: 1280px;
position: relative;
width: 100%;
background-color: #fff;

-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}	

	
}


@media only screen and (max-width:1270px) {
	
#grp1a, #grp1b, #grp1c, #grp1d {
    background-color: transparent;
    display: inline-table;
    max-width: 240px;
    position: relative;
    text-transform: lowercase;
    vertical-align: top;
    width: 100%;
}

#grp1b {
    margin-left: 0px;
    margin-right: 0px;
}

#grp1c{
    margin-left: 0px;
}
#grp1d {
    margin-left: 0px;
}

}



@media only screen and (max-width:1144px) {
		
#grp1a, #grp1b, #grp1c, #grp1d {
    background-color: transparent;
    display: inline-table;
    max-width: 49%;
    position: relative;
    text-transform: lowercase;
    vertical-align: top;
    width: 100%;
}

#grp1b {
    margin-left: 0px;
    margin-right: 0px;
}

#grp1c{
    margin-left: 0px;
}
#grp1d {
    margin-left: 0px;
}
}


@media only screen and (max-width: 1024px) {
#grp1a, #grp1b, #grp1c, #grp1d {
    background-color: transparent;
    display: inline-table;
    max-width: 49%;
    position: relative;
    text-transform: lowercase;
    vertical-align: top;
    width: 100%;
}

#grp1b {
    margin-left: 0px;
    margin-right: 0px;
}

#grp1c {
    margin-left: 0px;
}
#grp1d {
    margin-left: 0px;
}
}



@media only screen and (max-width:768px) {
		
#grp1a, #grp1b, #grp1c, #grp1d {
    background-color: transparent;
display: inline-table;
max-width: 100%;
position: relative;
text-transform: lowercase;
vertical-align: top;
width: 100%;
}
	
}

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


.nav ul li {
    background-color: transparent;
    color: #000000;
    display: inline;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 20px;
    list-style: outside none none;
    position: relative;
    text-transform: uppercase;
}

.post-content {
    text-align: center;
    padding: 0px;
    margin: 0px;
}
	

#grp1a, #grp1b, #grp1c, #grp1d {
background-color: transparent;
display: inline-table;
max-width: 100%;
position: relative;
text-transform: lowercase;
vertical-align: top;
width: 100%;
}

#grp1b {
    margin-left: 0px;
    margin-right: 0px;
}

#grp1c {
margin-left: 0px;
}
#grp1d {
margin-left: 0px;
}

#contact-content {
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    max-width: 610px;
    min-height: 350px;
    min-width: 320px;
    padding-bottom: 20px;
    padding-top: 50px;
    position: relative;
    text-align: justify;
    width: 70%;
}

#specs-content {
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    max-width: 610px;
    min-height: 350px;
    min-width: 320px;
    padding-bottom: 0;
    padding-top: 50px;
    position: relative;
    text-align: center;
    width: 70%;
}

#mainmap {
    background-color: transparent;
    width: 106%;
}
	
}