/******************************************************************
Theme Name: FEWO FALKAU
Author: Studio Metanoia
Version: 1.0
Tags: html5, css3, fixed, development, bones, h5bp


All Default Styles are in library/css/normalize.css
I reccommend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!

******************************************************************/


@import url('bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');


/******************************************************************
GENERAL MENU OVERLAY
******************************************************************/


#allgemein {
  padding-top:80px;
  padding-bottom:50px;
}

#allgemein p, #wohnung_beschreibung p {
  font-family: Futura light;
    text-transform: inherit;
    font-size: 20px;
    letter-spacing: 0.05em;
    text-align: center;
}

#allgemein .slider_title, #wohnung_allgemein .slider_title {
  display:none;
}

#wohnung_allgemein {
    padding-top:80px;
  padding-bottom:50px;
}
#wohnung_allgemein p {
    font-family: Futura light;
    text-transform: inherit;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-align: center;
}

#home_gallery {
      clear: both;
    overflow: hidden;
    text-align: center;
}
#home_gallery span {
  text-align: center;
  clear:both;
  font-family:'Futura light';  
  font-size:16px;
  padding-top: 10px;
}

#home_gallery img {
  padding-top: 20px;
  padding-bottom: 10px;
  max-width: 100%;
  height:auto;
}


#wohnung_gallery {
      clear: both;
    overflow: hidden;
    text-align: center;
}

#wohnung_gallery h2 {
     font-family: Moon light;
    text-align: center;
    padding-bottom: 30px;
    font-size: 24px;
    letter-spacing: 0.2em;
    padding-top: 20px;

}

#wohnung_gallery img {
  width:100%;
  height:auto;
  padding-bottom:30px;
}
#wohnung_gallery p {
   font-family: Futura light;
    text-transform: inherit;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: center;
    padding-bottom: 20px;
}



#wohnung_beschreibung {
  padding-top:80px;
  padding-bottom:80px;
  overflow:hidden;
}

#inner-footer {
  padding-top: 40px;
}

.address {
    text-align: center;
    font-family: Moon light;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.15em;
}

.footer_menu {
  padding-top:40px;
}

.footer-links {
    float: right;
    padding-top: 40px;
}
.footer-links a {
  color:#fff;
    font-weight: 700;
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    font-family: 'Moon regular';
    font-size: 14px;
    letter-spacing: 0.15em;
}


.datenschutz p {
  text-align:left !important;
}
.datenschutz ul {
      padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.datenschutz ul li {
  font-family: Futura light;
    text-transform: inherit;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.9em;
}


.table {
  border:0 !important;
  font-size:16px;
  margin-bottom: 80px;
}
th {
  text-align: center !important;
  font-family: Futura light;
  letter-spacing: 0.1em;
  border: 0 !important;
}
.headcol {
     font-weight: bold;
    font-family: 'Moon bold' !important;
    letter-spacing: 0.2em !important;
}
.headleft {
  text-align: left !important;
}

#maps {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#maps iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.entfernungen {
  padding-top:60px;
}




#insta_feed {display:none;}
.wp-tiles-legacy .wp-tiles-tile {
    box-shadow: none !important;
}
.wp-tiles-byline-wrapper {display:none;}

.wp-tiles-loaded .wp-tiles-tile-bg {
	background-position:0 center !important;
	pointer-events:none; cursor:default !important;
}
.wp-tiles-loaded:hover .wp-tiles-tile-bg:hover {
	opacity:1;
}
.wp-tiles-tile {opacity:0.6; transition: all 0.9s linear 0s;}
.wp-tiles-tile:hover {opacity:1; transition: all 0.9s linear 0s;}

#newsletter_signup {
	clear:both;
	padding-top:60px;
}


.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999999999999;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity:0.98;	
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 70px;
}
.overlay h1 {
	text-align:center;
    font-family: eb_garamondregular;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
	margin-bottom:56px;	
}
.overlay li {
  padding-top: 15px;
  padding-bottom: 15px;
}
.overlay .menu-item-36 {
  border:0 !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.overlay a {
     letter-spacing: 0.2em;
    padding-left: 15px;
    padding-right: 15px;
   padding: 8px;
  color: #000;
    font-weight: 700;
    display: block;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.33);
    font-family:'Moon regular';
    font-size:20px;
transition: 0.3s;

}
.overlay .current-menu-item a {
	
}

.overlay a:hover, .overlay a:focus {
	font-weight:bold;
	color:#000 !important;
}

#searchform {
	margin-bottom:30px;
}
.sidr-right-link {
	cursor: pointer;
}
.closebtn {
        position: absolute;
    top: 0px;
    font-family: Maven Pro !important;
    right: 45px;
    font-size: 50px !important;
    font-weight: 400 !important;
    z-index: 9;

}
.closebtn:hover {
	font-weight:400 !important;
}

#menu-item-254476 {
	margin-bottom:30px;
}
#menu-item-254484 {
	margin-top:30px;
}
#social {   
	 margin: 30px auto 0;
    	width: 260px;
	padding-bottom:56px;
	margin-bottom:50px;
 }
#social li {
	float:left; list-style:none;
}
#social li a {}
#social li img {}


@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .closebtn {
    font-size: 40px !important;
    top: 15px;
    right: 35px;
  }
}
.overlay label {display:none;}

.overlay input[type="text"], .overlay input[type="password"], .overlay input[type="date"], .overlay input[type="datetime"], .overlay input[type="email"], .overlay input[type="number"], .overlay input[type="search"], .overlay input[type="tel"], .overlay input[type="time"], .overlay input[type="url"], .overlay textarea, .overlay select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    font-family: "eb_garamondregular";
    font-size: 12px;
    letter-spacing: 0.1em;
    padding-left: 0;
    text-transform: uppercase;
	border-top:0;
	border-left:0;
	border-right:0;
}


.overlay div#menu-main_nav li {
	float:left;
}
.overlay-content div#menu-main_nav li a {
   
}
.overlay div#menu-main_nav li a:hover {

}



/******************************************************************
ANIMATION STYLES
******************************************************************/

.home_slider img { 
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 -moz-animation-duration: 1s; 
}
.slider_title {
 animation-duration: 2s;
 -webkit-animation-duration: 2s;
 -moz-animation-duration: 2s; 
animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-wbkit-animation-delay: 0.5s;
}
.box .desc {
 animation-duration: 2s;
 -webkit-animation-duration: 2s;
 -moz-animation-duration: 2s; 
animation-delay: 1s;
-moz-animation-delay: 1s;
-wbkit-animation-delay: 1s;
}
.post_content img {
animation-duration: 1s;
 -webkit-animation-duration: 1s;
 -moz-animation-duration: 1s; 
}
.wp-caption-text {
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 -moz-animation-duration: 1s; 
animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-wbkit-animation-delay: 0.5s;
text-align: left;
}


/* general styles */
html, body {
  height: 100%;
  width: 100%;
}

/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  
  font-weight: 700;
  margin: 0;
  padding: 0;
}

/* additional sections */
#home { 
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
margin-top:-76px;
}

#featured {
	clear: both;
  	  padding-left: 50px;
  	  padding-right: 50px;
   	 position: relative;
	padding-top:50px;
	padding-bottom:75px;
	min-height:600px;
}
#featured li {
	list-style-type:none; 
    	text-align:center;
	padding-bottom:50px;
	height:515px;
}
#featured .fader {
      margin: 0 auto;
    max-height: 300px;
    max-width: 450px;
    overflow: hidden;
    text-align: center;
}

#featured img {
-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
      height: auto;
    width: 100%;
	max-width:450px;
}
#featured img:hover {
 -webkit-transform:scale(1.03); /* Safari and Chrome */
    -moz-transform:scale(1.03); /* Firefox */
    -ms-transform:scale(1.03); /* IE 9 */
    -o-transform:scale(1.03); /* Opera */
     transform:scale(1.03);

}

.inner_featured {
	margin: 0 auto;
	max-width: 450px;
}

#featured h2 {
	max-width:450px; 
	font-family:'Maven Pro'; 
	font-size:20px; 
	line-height:24px;
}

.featured_category, #featured .desc {
	max-width:450px;
	
}
.featured_category {
	text-align:left;
	font-family: "eb_garamondregular";
	font-size: 12px;
}
.featured_category a {display:inline;}

.featured_category a:after {
  content: '|';
   padding-left: 20px;
    padding-right: 10px;
}

.featured_category a:last-child:after {
  content: '';
}

#featured .desc p {
	font-family:'Maven Pro';
	font-size:13px;
	line-height:1.5em;
}

.category div#featured {
     padding-left: 50px;
      padding-right: 50px;
     position: relative;
    padding-top:20px;
}


#select_list {}
#select_list li {list-style-type:none; text-align:center; padding-top:10px; padding-bottom:10px;}
#select_list img {max-width:100%; height:auto;}

#select_list .box {
    max-height: 130px;
    left: 50% !important;
    margin-left: -400px !important;
    margin-top: -65px;
    position: absolute;
    top: 50%;
    width: 800px;
    height: auto;
}





#content img.alignleft, #content img.alignright {max-width:490px !important; height:auto !important;}


a {
	text-decoration:none !important;
}

#agency {
	padding-top:50px;
}

#agency h1, #services h1 {
	max-width:666px;
	text-align:center;
	line-height:1.4em;
}
.divider_line {
	border-top:1px solid #000;
	width:224px;
	margin: 0 auto;
	margin-bottom:73px;
}

#agency_press {clear:both; padding-top:50px;}
#agency_press h1 {
	text-align:center;
	font-weight:900;
}
#agency_press h2 {text-align:center;}
#agency_press img {
	max-height:70px;
	width:auto;
	max-width:100%;
	height:auto;
}

#agency_press .item {
	height:120px;
}


#services {
	clear:both;
	margin-top:150px;
}
#services h2, #services p {
	text-align:center;
	line-height:1.8em;
}


.page-id-8 div#services {
	margin-top:50px;
}

#clients {margin-top:50px;}
#clients h1 {text-align:center;}


#client_list {}
#client_list img {
	  height: auto;
    max-width: 200px;
}

#client_list h2 {
	text-align:center;
 	font-family: "eb_garamondregular";
    	font-size: 11px;
    	font-weight: 400;
    	letter-spacing: 0.2em;
    	position:absolute;
 	top: 80px;
   	width: 230px;
    	z-index: 999;
}
#client_list li {list-style-type:none;}

#client_list .col-md-3 {
	min-height:200px;
}

.client_thumbnail {
    	opacity: 0; 
    	height: 0;
   	 overflow: hidden;
	/*position:absolute;*/
	text-align:center;
	transition: opacity 1s ease-out;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
}

.client img { 
	max-height:200px;
	width:auto;

}

.client:hover > .client_thumbnail {display:block !important; opacity: 0.7; height: auto; }



#clientdetail_works {}
#clientdetail_works h2 {text-align:center;}

#clientdetail_works div#related_grid {margin-top:50px;}


#showroom {
	margin-top:100px;
}
#showroom h1 {text-align:center;}

#showroom {}
#showroom_works h2 {text-align:center;}


#showroom_grid {clear:both;}

#showroom_press {clear:both; padding-top:50px;}
#showroom_press h2 {text-align:center;}
.press_grid, .press_grid p {text-align:center;}





/*** video responsive **/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video iframe {text-align:center;}
#video p {text-align:center;}

#mc_embed_signup input {border:1px solid #000;}
#mc_embed_signup .mc-field-group label {font-family:'Maven Pro', sans-serif; letter-spacing:0.01em; }
#mc_embed_signup .asterisk {color:#000 !important;}
#mc_embed_signup .indicates-required {font-size:9px !important;}
input:invalid, textarea:invalid {background-color:#fff;}
#mc_embed_signup div.mce_inline_error {background-color:#000 !important;}
#mc_embed_signup .button {background:#000 !important; border-radius:0 !important; font-family: maven pro;
    font-size: 12px !important;
    text-transform: uppercase;}
#mc_embed_signup #mce-success-response {color:#000 !important; font-family: maven pro !important;}
#mc_embed_signup div.response {width:100% !important;}

body { }

/*.layer {background:#000;}*/

#inner-header {
	/* background:#fff; height:80px;  box-shadow: 0 0.8em 1.5em -1.4em rgba(0, 0, 0, 0.2); */
	 position: absolute;
    z-index: 99999999;
	opacity:1;
	width:100%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
  max-width: 1680px;
}

#wrapper {
	max-width:1170px;
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
}



.tile-bg {pointer-events:none; cursor:default !important; }
.tile-bg:hover {opacity:1;}

.wp-tile-container .grid > div {opacity:0.6; transition: all 0.9s linear 0s;}
.wp-tile-container .grid > div:hover {opacity:1; transition: all 0.9s linear 0s;}





#social_single {width:65px; margin:90px auto 0;}
#social_single li {float:left; margin-right:5px; margin-left:5px; list-style:none;}



/******************************************************************
POST SLIDER STYLES
******************************************************************/

.home_slider {
	padding:0;
}

.bx-wrapper .bx-viewport {  background: none;
    border: none;
    box-shadow: none;
    left: 0px;
}

.bxslider .box {
    height: 180px;
    left: 50%;
    margin-left: -400px;
    margin-top: -45px;
    position: absolute;
    top: 50%;
    width: 800px;
}


.slider_title {
  text-align: center;
    color: #fff;
    font-size: 35px;
    font-family: Moon light;
    letter-spacing: 0.2em;
    line-height: 1.4em;
    /*text-shadow: 0 -1px 1px rgba(0,0,0,0.33);*/
    text-shadow:2px 2px 0px black;
}
.slider_title a {
 	color: #fff !important;
 	font-size: 20px;
	font-weight: 700;
}
.box .desc p {
	font-family:'Maven Pro';
	color: #fff !important;
	text-align:center;
}

.bx-controls-direction a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}


.bx-wrapper .bx-prev {
    left: 10px;
    background: url('/wp-content/themes/FEWO/images/arrow_left_w.png') no-repeat;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url('/wp-content/themes/FEWO/images/arrow_right_w.png') no-repeat;
}
.bx-wrapper .bx-controls-direction a {
    height: 70px;
}
.bx-wrapper .bx-prev:hover {
    opacity:0.6;
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    opacity:0.6;
    background-position: 0 0;
}

.bx-wrapper img {
	 display: block;
    height: auto;
    max-width: 100%;
}

.bxslider li img {/*max-width:100%; height:auto;*/ width:auto; max-height:795px; margin:0 auto;}

.bxslider div#box {background: none repeat scroll 0 0 #fff;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 750px;
    height:245px;
    transform: translate(0%, 100%);
    -webkit-transform: translate(0%, 100%);
    -ms-transform: translate(0%, 100%);
}

.bxslider div#box .post_category { margin: 32px auto 32px;}


ul {margin:0; padding:0;}


.post_category {margin:96px auto 32px; text-align:center;  font-family: 'eb_garamondregular'; font-size:14px; font-weight:bold; letter-spacing:0.05em; }
.post_category a {text-decoration:none;}

.post_title { margin:0 auto;  font-family: 'Maven Pro', sans-serif; letter-spacing:0.01em; text-align:center; font-size:20px; text-transform:uppercase; font-weight:700; margin-bottom:32px;}

.work_title {
	text-align:left;
	margin-bottom:16px !important;
}


.sub_title {text-align:center;  font-family: 'eb_garamondregular'; font-size:14px; text-transform:uppercase; margin-top:0; margin-bottom:60px; padding-left:30px; padding-right:30px;}


.article_txt { width:585px; margin:0 auto; font-size:14px; line-height:1.8em; font-family: 'EB Garamond', serif; text-transform:uppercase; text-align:justify; overflow:auto; padding-left:30px; padding-right:20px; height:500px;}
.article_txt h1 {margin:0 auto;  font-family: 'open sans'; letter-spacing:0.01em; text-align:center; font-size:20px; text-transform:uppercase; font-weight:bold;}

.article_txt_small { width:90%; margin:0 auto; font-size:14px; line-height:1.8em; font-family: 'EB Garamond', serif; text-transform:uppercase; text-align:justify;  padding-left:5%; padding-right:5%; margin-bottom:50px;}
.article_txt h1 {margin:0 auto;  font-family: 'open sans'; letter-spacing:0.01em; text-align:center; font-size:20px; text-transform:uppercase; font-weight:bold;}

.article_txt_page { width:585px; margin:0 auto; font-size:14px; line-height:1.8em; font-family: 'EB Garamond', serif; text-transform:uppercase; text-align:justify; overflow:auto; padding-left:30px; padding-right:20px; height:500px;}
.article_txt_page h1 {margin:0 auto; font-family: "Maven Pro",sans-serif; letter-spacing:0.01em; text-align:center; font-size:20px; text-transform:uppercase; font-weight:700;}
/**.jspVerticalBar { display: none !important; } */

.article_txt_page_ws { width:585px; margin:0 auto; font-size:14px; line-height:1.8em; font-family: 'EB Garamond', serif; text-transform:uppercase; text-align:justify; padding-left:30px; padding-right:20px; height:500px;}
.article_txt_page_ws h1 {margin:0 auto; font-family: "Maven Pro",sans-serif; letter-spacing:0.01em; text-align:center; font-size:20px; text-transform:uppercase; font-weight:700;}


.credits_txt {  margin:0 auto; font-size:12px; line-height:1.3em; font-family: 'griffoclassico', serif; text-transform:uppercase; text-align:center; /*padding-left:30px; padding-right:20px;*/ }
.credits_txt span { font-family: maven pro;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.05em;}

.credits_txt a {font-weight:400; text-decoration:none;}
.credits_txt time {font-family: 'griffoclassico';}

.credits_txt_small { width:90%; margin:0 auto; font-size:12px; line-height:1.3em; font-family: 'griffoclassico', serif; text-transform:uppercase; text-align:center; padding-left:5%; padding-right:5%; }
.credits_txt_small span {font-family: 'avenir_lt_std45_book'; font-weight:bold; font-size:10px;}
.credits_txt_small a {font-weight:400; text-decoration:none;}
.credits_txt_small time {font-family: 'griffoclassico';}

.references {margin-bottom:10px; }
.references p {margin-top:0; margin-bottom:0;}

.slider_start {height:auto;}
.slider_credits {height:auto; list-style: none;}
.slider_credits p {text-align: center; line-height: 1.5em !important; font-size: 12px;}

#arrow_bottom {
    bottom: 10px;
    left: 50%;
    margin: 0 auto 0 -35px;
    position: absolute;
    text-align: center;
    width: 70px;}

#related_grid {clear:both; margin-top:100px; margin-bottom:90px;}
.archive div#related_grid, .search div#related_grid {clear:both; margin-top:0;}
.single div#related_grid {clear:both; margin-top:20px;}

#sketch_insta {}

#newsletter_signup {text-align: center; padding-bottom: 80px;}

#newsletter_signup h1 { 
  padding-top: 50px;
    font-family: Moon regular;
    letter-spacing: 0.2em;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
   
  }

  .buchen_btn {
    display:inline-block;
    border: 2px solid #000;
    padding: 10px 20px !important;
    font-family: Moon bold;
    letter-spacing: 0.2em;
    transition: 0.5s;
  }
.buchen_btn:hover {
  background:#000;
  color:#fff;
}


#insta_feed {}

#wp-tiles-1 > div {box-shadow: none !important;}


.pageright {
	margin-top:50px;
}


/******************************************************************
SCROLLBAR STYLES
******************************************************************/

::-webkit-scrollbar {
    width: 2px;
} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {
    background-color: #fff;
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.9);
} /* this will style the thumb, ignoring the track */

/*::-webkit-scrollbar-button {
      background-color: #7c2929;
} */ /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

::-webkit-scrollbar-corner {
    background-color: #fff;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
body {
    scrollbar-face-color: #000;
}


/**
 * Grid items
 */

#posts_grid {clear:both; }

#posts_grid li {
    cursor: pointer;
    /*padding: 4px;*/
    list-style-type:none;
	margin-bottom:30px;
}

#posts_grid li img {
    display: block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

/**
 * Grid item text
 */
#posts_grid li p {
    color: #000;
    font-size: 12px;
    margin: 7px 0 0 7px;
	text-align:center;
}

/**
 * Some extra styles to randomize heights of grid items.
 */
#posts_grid ali:nth-child(3n) {
    height: 200px;
}

#posts_grid ali:nth-child(4n-3) {
    padding-bottom: 30px;
}

#posts_grid ali:nth-child(5n) {
    height: 200px;
}


#hover {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.9s linear 0s;
    width: 100%;

}
#hover:hover { opacity: 0.95; }

.link-text {
    position: absolute;
    text-align: center;
    top: 25%;
    width: 100%;
    padding-left:10%;
    padding-right:10%;
}
.link-text a {text-decoration:none;}

.link-text h2 {
    color: #000;
    font-family: 'Maven Pro', sans-serif;
    letter-spacing:0.01em;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
	text-align:center !important;
}
h3.desc {
    color: #000;
    font-family: 'eb_garamondregular';
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
	
}
h3.desc a {font-weight:400;}
h3.desc a:hover {color:#000 !important;}


/******************************************************************
GRID STYLES
******************************************************************/

/* 960 Grid System (http://960.gs/ ) */

#container {
    padding: 0px 0 0;
	overflow-x:hidden;
}



.wrap {
    margin:0 auto;
    max-width:1070px;
}

/* layout options ( all have margins right & left of 2.1276596%) */
.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
.col140 { width: 14.893617%; } /* width 140px / grid_2  */
.col220 { width: 23.404255%; } /* width 220px / grid_3  */
.col300 { width: 31.914894%; } /* width 300px / grid_4  */
.col380 { width: 40.425532%; } /* width 380px / grid_5  */
.col480 { width: 48.936170%;  } /* width 480px / grid_6  */
.col540 { width: 57.446809%; } /* width 540px / grid_7  */
.col620 { width: 65.957447%; } /* width 620px / grid_8  */
.col700 { width: 74.468085%; } /* width 700px / grid_9  */
.col780 { width: 82.978723%; } /* width 780px / grid_10 */
.col860 { width: 91.489362%; } /* width 860px / grid_11 */
.col940 { width: 100.0%;     } /* width 940px / grid_12 */

/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1.0638298%;   /* 10px */
    margin-right: 1.0638298%;  /* 10px */
}

/* default styles & fixes */
.first { margin-left: 0; } /* fixes alignment */
.last { margin-right: 0; } /* fixes alignment */

/* To Use Another Grid System, simply visit:
http://themble.com/support/bones-grid/
There, you can check out how to replace this grid with other like:
960, Blueprint, and any other custom ones.
*/

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }

/* 	To embed your own fonts, use this syntax
	and place your fonts inside the 
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/

/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/





@font-face {
    font-family: 'Futura light';
    src: url('/wp-content/themes/FEWO/library/fonts/futura_light_bt-webfont.eot');
    src: url('/wp-content/themes/FEWO/library/fonts/futura_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/FEWO/library/fonts/futura_light_bt-webfont.woff2') format('woff2'),
         url('/wp-content/themes/FEWO/library/fonts/futura_light_bt-webfont.woff') format('woff'),
         url('/wp-content/themes/FEWO/library/fonts/futura_light_bt-webfont.ttf') format('truetype'),
         url('/wp-content/themes/FEWO/library/fonts/futura_light_bt-webfont.svg#futura_light_bt-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'Moon bold';
    src: url('/wp-content/themes/FEWO/library/fonts/moon2.0-bold-webfont.eot');
    src: url('/wp-content/themes/FEWO/library/fonts/moon2.0-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-bold-webfont.woff') format('woff'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-bold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-bold-webfont.svg#moon_2.0bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Moon light';
    src: url('/wp-content/themes/FEWO/library/fonts/moon2.0-light-webfont.eot');
    src: url('/wp-content/themes/FEWO/library/fonts/moon2.0-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-light-webfont.woff') format('woff'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-light-webfont.ttf') format('truetype'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-light-webfont.svg#moon_2.0light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Moon regular';
    src: url('/wp-content/themes/FEWO/library/fonts/moon2.0-regular-webfont.eot');
    src: url('/wp-content/themes/FEWO/library/fonts/moon2.0-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-regular-webfont.woff') format('woff'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-regular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/FEWO/library/fonts/moon2.0-regular-webfont.svg#moon_2.0regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/******************************************************************
LINK STYLES
******************************************************************/

a  {  color:#000; font-weight:bold;}
a:visited {}
a:hover, a:focus { color: #666; }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
::selection {
    background: #6fc2f6;
    color:#fff;
    text-shadow : none;
}

/* Firefox */
::-moz-selection {
    background: #6fc2f6;
    color:#fff;
    text-shadow : none;
}

/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

.rtl {}
.home {} /* home page */
.blog {}
.archive {} /* archive page */
.date {} /* date archive page */
.date-paged-1 {} /* replace the number to the corresponding page number */
.search {} /* search page */
.search-results {} /* search result page */
.search-no-results {} /* no results search page */
.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
.error404 {} /* 404 page */
.single {} /* single post page */
.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
.attachment {} /* attatchment page */
.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
.attachment-mime-type {} /* style mime type pages */
.author {} /* author page */
.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
.category {} /* category page */
.category-1 {} /* individual category page (i.e. body.category-6) */
.category-paged-1 {} /* replace the number to the corresponding page number */
.tag {} /* tag page */
.tag-slug {} /* individual tag page (i.e. body.tag-news) */
.tag-paged-1 {} /* replace the number to the corresponding page number */
.page-template {} /* custom page template page */
.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
.page-paged-1 {} /* replace the number to the corresponding page number */
.page-parent {}
.page-child {}
.parent-pageid-1 {} /* replace the number to the corresponding page number */
.logged-in {} /* if user is logged in */
.paged {} /* paged items like search results or archives */
.paged-1 {} /* individual paged (i.e. body.paged-3) */

/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: sans-serif; font-weight: 500; color:#000; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 {  
    font-family: "Maven Pro",sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0px auto 32px;
    text-align: left;
    text-transform: uppercase; 
}
h2, .h2 { 
 font-family: "Maven Pro",sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 16px auto 16px;
    text-align: left;
    text-transform: uppercase; 
 }
h3, .h3 { font-size: 1.125em; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }


/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] {/*height:76px; */}

header {/*height:76px;*/}

#logo {  margin-top:25px; text-align:center;}

.sidr-right-link {padding-top:20px; padding-bottom:20px; text-align:right;}

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] {}

nav[role=navigation] .menu {
    margin: 1.1em 0;
    float: right;
}
nav[role=navigation] .menu ul {
   
}
nav[role=navigation] .menu ul li {
    float: left;
     padding: 10px 20px;
}
nav[role=navigation] .menu ul li a {
    color: #fff;
    font-weight: 700;
    display: block;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.33);
    font-family:'Moon regular';
    font-size:16px;
    letter-spacing: 0.15em;
}
nav[role=navigation] .menu ul li a:hover {
  
    color: #fff;
    border-bottom: 2px solid #fff;
}

nav[role=navigation] .menu ul li:first-child a {}

nav[role=navigation] .menu ul li.current-menu-item a,
nav[role=navigation] .menu ul li.current_page_item a,
nav[role=navigation] .menu ul li.current-page-ancestor a { border-bottom: 2px solid #fff;}

/* sub menus */
nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul {
   
    position: absolute;
    left: -9999em;
    z-index: 9999;
  
}
nav[role=navigation] .menu ul li ul li ul {
    margin-left: 200px;
    top: auto;
    
}
nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul {
    left: auto;
}
nav[role=navigation] .menu ul li ul li a {
    width: 160px;
}

nav[role=navigation] .menu ul li ul li a {}
nav[role=navigation] .menu ul li ul li a:hover {}
nav[role=navigation] .menu ul li ul li:last-child a {}

nav[role=navigation] .menu ul li ul li ul.sub-menu { }
nav[role=navigation] .menu ul li ul li:hover ul.sub-menu {  }

.menu-item-128  {border:2px solid #fff; padding:9px 20px !important;transition: 0.5s;}
.menu-item-128:hover {
  background:#fff;
}
.menu-item-128:hover a {
  color:#000;
}


/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {max-width:1140px; margin:0 auto; clear:both;}

.single div#content {padding-top:50px;}

#main {width:100%;}

.hentry { padding:0em 0px 0; }

.single-title, .page-title { margin: 0 0 0.375em;}
.single-title {}
.page-title, .single-title {margin:76px auto 32px;  font-family: "Maven Pro",sans-serif; letter-spacing:0.1em; text-align:left; font-size:20px; text-transform:uppercase; font-weight:700; }

.archive_title {margin:76px auto 32px;  font-family: "Maven Pro",sans-serif; letter-spacing:0.1em; text-align:center; font-size:20px; text-transform:uppercase; font-weight:700; }

/* .archive_title { font-family:'eb_garamondregular'; font-weight:400; text-align:center; letter-spacing:0.05em; padding: 0 20px; margin: 1.1em 0 0.75em; } */

/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */

/* post meta */
.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }
.meta time {}

/* post content */
.post_content {}

p {
	   font-family: "Moon regular",sans-serif;
    font-size: 14px;
    line-height: 1.8em;
    text-align: justify;
    text-transform: uppercase;

-webkit-hyphens: none !important;
 -moz-hyphens: none !important;
 -ms-hyphens: none !important;
 hyphens: none !important;

}
b, strong {
	font-weight:900;
	font-family:'Maven pro';
}

.post_content p { 
	margin: 0 0 1.5em 0; 
 }


.post_content ul, .post_content ol, .post_content table, .post_content dl { }
.post_content ul, .post_content ol { }
.post_content li { margin-bottom: 0.75em; }
.post_content ul li { list-style-type: none; }
.post_content ol li { list-style-type: decimal; }

.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
.post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */

.post_content dl { margin:1.75em 0 1.75em; }
.post_content dt { margin-top: 1.25em; font-weight:700; }
.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }

.post_content img { margin: 0 0 20px 0; max-width: 100%; height:auto;}
.alignleft, img.alignleft {  display: inline; float: left; }
.alignright, img.alignright {  display: inline; float: right; margin-left:30px; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }

.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; max-width:100%;}
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }

/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }


/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/



.bones-page-p { }

/* page navigation */
.page-navigation, .wp-prev-next { clear:both;  text-align: center;}
.bones_page_navi, .wp-prev-next ul {display:inline-block; }
.bones_page_navi li { float: left; margin-left: 0px;  padding-left: 3px;}

.bones_page_navi li a {  font-family: eb_garamondregular; padding: 3px 3px; display: block; text-decoration: none; position: relative;  font-size: 20px; }
.bones_page_navi li a:hover { color: #666; }

.bones_page_navi li.bpn-current {
    font-size: 20px;
    font-family: eb_garamondregular;
    font-weight:bold;
    padding: 3px 3px 3px 5px;
    position: relative;
}
/* current page link */
.bones_page_navi li.bpn-current:hover {}
.bones_page_navi li.bpn-prev-link {  font-family: eb_garamondregular;
    font-size: 20px;
    font-weight: 400;
    padding-top: 3px;
    padding-right: 5px; }

/* previous link */
.bones_page_navi li.bpn-prev-link a { padding: 0; }
.bones_page_navi li.bpn-prev-link a:hover { background: none; color:#666;}

.bones_page_navi li.bpn-next-link {
    font-family: eb_garamondregular;
    font-size: 20px;
    font-weight: 400;
    padding-left: 5px;
    padding-top: 3px;

} /* next page link */

.bones_page_navi li.bpn-next-link a { padding: 0; }
.bones_page_navi li.bpn-next-link a:hover { background: none; color:#666;}
.bones_page_navi li.bpn-last-page-link {} /* last page link */
.bones_page_navi li.bpn-last-page-link a {}
.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
.bones_page_navi li.bpn-first-page-link {} /* first page link */
.bones_page_navi li.bpn-first-page-link a {}
.bones_page_navi li.bpn-first-page-link a:hover { background: none; }

/* fallback previous & next links */
.wp-prev-next {}
.wp-prev-next ul {}
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }


/******************************************************************
COMMENT STYLES
******************************************************************/

#comments { margin: 0 20px 0.75em; }/* h3 comment title */
#comments span { font-weight: 700; color: #1a90db; } /* number of comments span */

.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}

.commentlist { margin: 0 20px; }
.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }
.commentlist li.depth-2 {}
.commentlist li.depth-3 {}
.commentlist li.depth-4 {}
.commentlist li.depth-5 {}
.commentlist li:last-child { margin-bottom: 0; }
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-1 {} /* change number for different depth */
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .alt {}
.commentlist .odd { background: #eee; }
.commentlist .even { background: #fefefe; }
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children { border-left: 2px solid #6ac8d3; }
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}

.commentlist .vcard { margin-left: 55px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
.commentlist .vcard time { float: right; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li .comment_content { margin-left: 55px; }
.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
.commentlist li ul { margin: 0; }
.commentlist .comment-reply-link { text-decoration: none; float: right;  background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }
.commentlist a.comment-reply-link:hover { opacity: 1; }


/******************************************************************
COMMENT FORM STYLES
******************************************************************/

.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
#comment-form-title { margin: 0 0 1.1em; }

#cancel-comment-reply {}
#cancel-comment-reply a {}

.respond-form form[method=post] { margin: 0.75em 0; }

.comments-logged-in-as {}

.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }

#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
.respond-form textarea { resize: none; width: 97.3%; height: 150px; }
#submit {}

/* form validation */
.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }

/* no comments */
.nocomments { margin: 0 20px 1.1em; }

/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar1 { margin-top: 2.2em; }

.widget { padding: 0 10px; margin: 2.2em 0; }
.widget li { margin-bottom: 0.75em; }
.widget li ul { margin-top: 0.75em; padding-left: 1em; }

.widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; }

/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {}
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {}
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* search widget */
#searchform {}
.widget_search {}
.screen-reader-text {}

/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}


/******************************************************************
FOOTER STYLES
******************************************************************/

footer[role=contentinfo] {  padding: 1.1em 0 3.3em; margin-top: 2.2em; background: #b8bec0; overflow:hidden;}

/* footer menu */
footer[role=contentinfo] nav { float: left; margin: 1em 0; }
.footer-links {}
.footer-links ul { margin-top: 0; }
.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
.footer-links ul li a { margin-right: 10px; text-decoration: underline; }
.footer-links ul li:last-child a { margin-right: 0; }
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */

.attribution {         
  clear: both;
    text-align: center;
    color: #fff;
    font-size: 9px;
    letter-spacing: 0.2em;
    font-family: Futura light;
    padding-top: 20px;
  }

/******************************************************************
MEDIA QUERIES & DEVICE STYLES
To use a responsive design, it's reccomended to use the responsive version of Bones. You can find it on github: https://github.com/eddiemachado/bones-responsive
******************************************************************/

@media only screen and (max-width: 480px) {
    /* insert styles here */

#logo img {
  max-width: 250px !important;
  height:auto;
}

.box h2 {
  font-size:16px !important;
}


#content .alignleft, img.alignleft {width:100%; float:none;}
#content .alignright, img.alignright {width:100%; float:none; margin-left:0;}

    .sidr-right-link span {display:none;}
    .sidr-right-link {right:0;}

    .bx-wrapper {/*display:none !important;*/}
 #view_large, .bxslider {/*display:none !important;*/}

    #related_grid {margin-top:0;}

   

    .slider_small {width:100%;}
    #view_small li {width:100%;}
    #view_small img {max-width: 100%; height:auto;}

    .post_category {width:100%; }
    .post_title {width:90%; padding-left:5%; padding-right:5%;}

    .credits_txt {width:90%; padding-left:5%; padding-right:5%;}
    #social_single li {line-height:4em;}

    #main {margin-bottom:50px;}

    #arrow_bottom {display:none;}

    .article_txt_page {width:90%; padding-left:5%; padding-right:5%;}


#allgemein {
  padding-top:40px !important;
}

#allgemein .slider_title, #wohnung_allgemein .slider_title {
  font-size:24px !important;
}

#allgemein p, #wohnung_allgemein p, #wohnung_beschreibung p {
  font-size:15px !important;
}


}


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

body {
	padding-left:0px;
	padding-right:0px;
}

#logo img {
  max-width: 300px;
  height: auto;
}


.box h2 {
  font-size:18px !important;
}

#select_list .box .desc p {color:#000 !important;}

.box .desc p {
	line-height:1.3em;
}



#allgemein p, #wohnung_allgemein p, #wohnung_beschreibung p {
  font-size:18px;
}



}




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


body {
  padding-left:0px;
  padding-right:0px;
}

#inner-header {
	height:auto !important;
}
#home {padding-top:67px;}

.archive div#content {
	margin:40px auto 0;
}

#logo {
	text-align:center;
}
nav[role="navigation"] {
    position: relative;
    z-index: 99999;
	
}
.home nav[role="navigation"] {
	margin-bottom:40px;
}
#menu-main_nav {
	width:100%;
	text-align:center;
}
#menu-main_nav li {float:none; line-height:2.2em; }
#menu-item-33 a {padding-right:20px !important;}

#content .alignleft, img.alignleft {width:48%; float:left;}
#content .alignright, img.alignright {width:48%; float:right; margin-left:0;}

.single .home_slider {margin-top:70px;}

.bxslider .box {
	width:100%;
	left:inherit;
	margin-left:inherit;
  height: inherit;

}
.box h2 {
  font-size:24px;
  padding-left:20px;  padding-right: 20px;
}
.box .desc p {
	padding-left:10px;
	padding-right:10px;
}
#select_list .box {
	width:100%;
	left:0 !important;
	margin-left:0 !important;
	padding-left:30px;
	padding-right:30px;
}

}


@media only screen and (min-width: 481px) and (max-width:919px) {
    /* insert styles here */

    .bx-wrapper .bx-viewport {/*height:auto !important;*/}

.bxslider li img {max-width:100%; height:auto;}

    .bxslider div#box {transform: translate(0%, 45%); -webkit-transform: translate(0%, 60%);
        -ms-transform: translate(0%, 60%); width: 75%;}
    #box .post_title {width:80%; padding-left:10%; padding-right:10%;}

 .post_category {width:100%; }

    #related_grid {margin-top:0;}

    #view_large {display:none;}

    #view_small li {width:100%;}
    #view_small img {max-width: 100%; height:auto;}

    #social_single li {line-height:4em;}

    #main {margin-bottom:50px;}

    #arrow_bottom {display:none;}

    .article_txt_page {width:90%; padding-left:5%; padding-right:5%;}

	
}

@media only screen and (max-width: 920px) {
    /* insert styles here */

    #allgemein .slider_title, #wohnung_allgemein .slider_title {
  display:block;
  color:#000;
    padding-bottom: 40px;
    text-shadow: none;
    font-size:30px;
    font-family: 'Moon regular';
}
.bxslider .box {display:none;}

}



@media only screen and (max-width: 1300px) {
    /* insert styles here */

    #main_nav {
        display:none;
    }
    .sidr-right-link {
          display: block;
    right: 0;
    float: right;
    }

}

@media only screen and (min-width: 1301px) {
    /* insert styles here */

    #main_nav {
        display: block;
    }
  .sidr-right-link {
      display:none;
    }

}




@media only screen and (max-width: 1382px) {
    /* insert styles here */
 #arrow_bottom {display:none;}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    /* insert styles here */
}

/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }

To target the .post_content area in older IE use:
html.oldie .post_content { ... }

Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/