/*********************
SHINOBI - COREYNIXON VARIATION
**********************/

@import url('../../dark/css/main.css');

.nested {
	position:relative;
}

/* AUTO HIDING HEADER */

#identity {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 180px;
  transition: transform .5s;
z-index: 999;
}

#identity.is-hidden{
  transform: translateY(-100%);
}

#nav.is-hidden {
transform: translateY(-291%);
}

#nav {
position:fixed;
top:180px;
left: 0;
width: 100%;
height: 60px;
transition: transform .5s;
z-index: 999;
}

#banner {
margin-top: 240px;
}

/* END */


body, h1, .header1 {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	color: #e1e1e1;
}

#wrapper, #nav, #mainmenu li .submenu {
	background-color: #313131;
}

#identity {
	background-color: #2a2a2a;
}

.logo {
	float:left;
	margin: 10px 0;
}

#header-right {
	float:right;
	text-align:right;
	margin: 40px 0;
}

#identity h2 {
	font-family: 'Droid Serif', Times, serif;
	font-weight:bold;
	font-size:2em;
}

#nav {
	border-color: white;
}

.nested #mainmenu {
    text-align:center;
}

.nested #mainmenu > li {
    display: inline-block;
    float: none;
    text-align:left;
}

body.index .column2_2, body.index #page_title {
	display: none;
}

body.index #content_area {
    overflow: visible;
    z-index: 103;
    position: relative;
}

body.index #text3 {
    margin-top: -140px;
}

#boxes {
	width: 100%;
}

#boxes img {
	width: 16%;
	-webkit-filter: sepia(30%);
  filter: sepia(30%);
  transition: transform 0.3s ease-in-out ;
  display: inline-block;
}
#boxes img:hover {
	-webkit-filter: sepia(0);
  filter: sepia(0);
}

#listings_bar .flexslider .slides img {
    max-height: 200px;
}

.image_ribbon_index img{
    height: auto !important;
    width: auto !important;
}

.listings_bar_item h2 {
    font-size: 18px !important;
    line-height: 20px !important;
}

body.index .flex-viewport {
    overflow:visible !important;
}

body.index #listings_bar .flexslider .flex-viewport ul.slides {
    width:auto !important;
}

#content_area #listings_bar .flexslider ul li.listings_bar_item {
    height:340px;
    width:300px !important;
    margin: 0 7% 25px 0
}

#listings_bar .flex-control-nav {
    display:none;
}

#listings_bar .flexslider .slides img {
    width:100%;
}

#listings_bar .flexslider {
	padding-bottom: 0;
}

body.index #contact_info {
	width: 100%;
	border: none;
	text-align:center;
}

body.index #contact_info h2 {
	font-weight: normal;
	text-transform: uppercase;
}

#footer {
	background-color: #1f1f1f;
}

#footer #disclaimer {
	display: none;
}

#tablink_container {
	display: none;
}

#flexslider_container {
	padding-top: 30px;
}

/*banner fade-in */

#banner img {
	animation: 2s ease 0s normal none 1 running fadein;
}

#banner img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* primary color */

a, #nav li a.active, #nav a:hover {
	color: #c6863d;
}

#nav li a {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size:17px;
	color: #e1e1e1;
}

#header {
	border-top-color:#000;
}

#contact_button a, input.submit, .fancybox-inner input[type="submit"], #agent_search_form #agentsearchsubmit, .listing_detail_cta_request_showing, .listing_detail_cta_request_showing:hover {
	background-color:#c6863d;
}

.flex-control-paging li a.flex-active {
	background-color:#c6863d !important;
}

/* hover color - darker tint of primary color */

a:hover {
	color: #3292ca;
	text-decoration: none;
}

/* heading 2 - neutral tint of primary color, set to grey or inherit if ugly */

h2, .header2, h3, .header3, h4, .header4, body.shinobi .fancybox-inner h2, #listing_contactform h3 {
	color: inherit;
	font-family: 'Droid Serif', Times, serif;
	font-weight:bold;
}

body.index #listings_bar h2 a {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	color: white;
}


/* #Media Queries
================================================== */

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

#nav li a {
	font-size:15px;
	padding: 16px 10px;
}

}



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

#nav {
	height: 120px;
}
#banner {
	margin-top: 298px;
}

}

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

.logo, #header-right {
	float: none;
	display:block;
	margin: 20px auto;
	text-align:center;
}

#identity {
	height: 320px;
}

#banner {
	margin-top: 425px;
}

#nav {
	top: 320px;
	height: 119px;
}

#nav li a {
	font-size: 14px;
}

#boxes img {
	width: 30%;
}

body.index #text3 {
    margin-top: -92px;
}

}

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

	#identity h2 a {
		font-size: 0.6em;
		line-height: 41px;
	}

	#nav {
		height: 50px;
	}
	#nav.is-hidden {
    	transform: translateY(-614%);
	}
	#mainmenu {
		background-color: #313131;
		border: 1px solid white;
	}
	#banner {
		margin-top: 368px;
	}

#boxes img {
	width: 49%;
}

body.index #text3 {
    margin-top: 0px;
    margin-bottom: 7px;
}

}