/*  
Theme Name: ELD
Author: dreamscapes
Author URI: http://www.dreamscapesdesigners.com/
Version: 2.3
Tags: white, two-columns, flexible-width, threaded-comments, sticky-post, translation-ready, microformats, editor-style

*/

/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements

------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
  	max-width: 500px;
}
.alignleft{
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}


.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}

.wp-smiley {
	margin: 0;
}

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform label{
width: 200px;
float:left;
}

#commentform input, #commentform textarea{
border: 1px solid #dbd8d3;
}

#commentform input, #commentform textarea{
border: 1px solid #dbd8d3;
width: 225px;
}

#commentform label.error{
margin-left: 200px;
}
#commentform label.error{
margin-left: 200px;
background: #fbfcda;
border:1px solid #dbdbd3;
}
#commentform label.error{
font-size: 11px;
margin-left: 200px;
background: #fbfcda;
border:1px solid #dbdbd3;
width:229px;
margin-top:4px;
}
#commentform label.error{
font-size: 11px;
margin-left: 200px;
background: #fbfcda url('images/cancel.png') no-repeat left;
border:1px solid #dbdbd3;
width:209px;
margin-top:4px;
padding-left:20px;
}

#commentform p{
margin-top:10px;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
}
#access .menu-header,
div.menu {
	text-align:center;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	display:inline-block;
	position: relative;
	list-style: none;
}
#access a {
	color: #b3b3bf;
	display: block;
	line-height: 34px;
	padding: 0 20px;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	text-transform:uppercase;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 99999;	
	position:absolute;
	left:-55px;	
	width:466px;
	height:185px;
	background-color: #fff;
	
}
#access ul ul li {
	width: 125px;
    display: inline !important;
    padding-left: 120px;
    float: right;
    text-align: center;
    padding-top: 0px;
	
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {	
	line-height: 1em;
	padding: 10px;
	width: 90px;
	height: auto;
	color:#f58d85;
	padding-top:15px;
}
#access ul ul li:first-child{
	margin-top:10px;
}
#access li:hover > a,
#access ul ul :hover > a {
	color: #fff;	
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
#access ul li:before {
	content: "";
	position: absolute;
	left: -3px;
	top: 10px;
	color: #4f4f4f;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
#access ul li:first-child::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 10px;
	color: #4f4f4f;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #f58d85;
}
.menu-item-home a{
	color: #4f4f4f !important;
}
.menu-item-home a:hover{
	color: #f58d85 !important;
}

.debug1{
	background:url('debug/home.png');
	margin:0 auto;
	width:2000px;
	height:4000px;
}
::-webkit-input-placeholder {
   color: #fff;
   font-size:12px;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff;
   font-size:12px;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   font-size:12px;
}
:-ms-input-placeholder {  
   color: #fff;
   font-size:12px;
}
a#menu-icon {
	display: none !important;
	padding: 0px !important;
    border-top: none !important;
    font-size: 20px !important;   
    text-align: center;
	color:#685f3d !important;
}
a#menu-icon:hover {
	color:#685f3d !important;
}
.clear{
	clear:both;
}
div.wpcf7-validation-errors {
    border: none !important;
}
/* custom style for this theme you can remove or overwrite these styles */
body{
    color:#666666;
	font-family: 'Lato', sans-serif;
    font-size:16px;
}
a{
	text-decoration: none;
	color:#222222;
}
a:hover{
	color:#ad9962;
}
#content{
	clear:both;
}
.contact_form ::-webkit-input-placeholder {
   color: #f58e86;
   font-size:13px;
}
.contact_form :-moz-placeholder { /* Firefox 18- */
   color: #f58e86;
   font-size:13px;
}
.contact_form ::-moz-placeholder {  /* Firefox 19+ */
   color: #f58e86;
   font-size:13px;
}
.contact_form :-ms-input-placeholder {  
   color: #f58e86;
   font-size:13px;
}
.contact_form textarea{
	border: 1px solid #f58e86;
	color: #f58e86;
	font-size:13px;
	padding: 10px 5px;
	border-radius: 3px;
	font-family: 'Lato', sans-serif;
	width:99%;
}
.contact_form .g-recaptcha{
	float:right;
}
.contact_form input[type='submit']{
    background-color: #f58e86;
    border: none;
    color: #fff;
    float: right;
    padding: 5px 15px;
    border-radius: 3px;
    margin-top: 20px;	
}
.aligncenter{
	display: block;
    margin: 0 auto;
}
.logo{
	text-align: center;
	padding-top:50px;
}
.descrip h2{
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.descrip{
	margin-top:43px;
}
.line hr{
	border-bottom: 2px solid #b3b3bf;
	margin:0 auto;
	width: 600px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.my_desc p{
	font-size: 20px;
	line-height: 30px;
	color:#fff;
	text-align: center;
	margin-top:28px;
}
.header{
	/*background:url('images/header_bg.jpg');*/
	height:400px;
  	background: red; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left top, #000, #222222); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(bottom right, #000, #222222); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(bottom right, #000, #222222); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to bottom right, #000, #222222); /* Standard syntax */
}
.seperator img{
	width:100%;
	_max-width: 100%;
	height: auto;
	margin:0 auto;
	display:block;
}
.hov{
	_display: none;
}
.gallery ul li{
	position: relative;
}
.gallery ul li .overlay_txt{
	position: absolute;
    top: 44%;
    text-align: center;      
	width:100%;
}
.gallery ul li .overlay_txt p{
	width: 350px;
	padding: 20px 10px;
    /*border: 1px solid #fff;*/	 
    margin: 0 auto;  
}
.gallery ul li{
	display:inline-block;
	margin-right:5px;
	margin-bottom: 20px;
}
.gallery ul li:nth-child(2n){
	display:inline-block;
	margin-left:5px;
}
.gallery ul{
	text-align: center;
}
.gallery ul li a{
	color:#fff;
	font-size: 32px;
	font-weight: bold;
}
.container{
	width:1024px;
	margin:0 auto;
}
.gallery{
	margin-top:68px;
}
.about{
	text-align: center;
}
.about_cont{
	padding-top: 80px;
}
.about h2{
	color:#000;
	font-size: 32px;
	padding-bottom: 42px;
}
.ernie{
	margin-bottom: 40px;
}
.about{
	text-align: center;
	background:url('images/city_bg.jpg');
	height:700px;
}
.about p{
	font-size: 24px;
	line-height: 36px;
	color:#000;
}
.about p a{
	color:#000;
	padding:10px 30px;
	border:2px solid #000;
}
.about p a:hover{
	color:#fff;
	padding:10px 30px;background-color: #000;
  	border:2px solid #000;
}
.about .dwnld{
	margin-top: 44px;
}
.clear{
	clear:both;
}
.contact{
	text-align: center;
	color:#fff;
	background:url('images/contact_bg.png');
	height: 379px;
}
.contact h2{
	font-size: 32px;
	text-transform: uppercase;
	padding-bottom: 36px;
	padding-top:120px;
}
.contact p{
	font-size: 24px;
	line-height: 36px;	
}
.contact p a{
	color:#fff;
	font-weight: bold;
}
.contact p a:hover{
	text-decoration: underline;
}
.goto_top{
	margin-top:42px;
}
#footer p{
	font-size: 16px;
	color:#fff;
	line-height: 36px;
}
#footer .social {
	text-align: center;
    padding-top: 52px;
    margin-bottom: 30px;
}
#footer .social ul li{
	display: inline-block;
	margin:0px 18px;
}
#footer{
	text-align: center;
	background-color: #222222;
	padding-bottom:100px;
}
.fade {
    position: absolute;
    left: 0;
    transition: opacity 1s;
}
.fade:hover {
    opacity: 0;
}
.inner_posts h2{
	text-align:center;
  	padding:30px 0px;
}
.web_design ul{
	text-align:center;
}
.web_design ul li{
	display:inline-block;
	margin:15px;
}
p.back{
	  text-align:center;
}
p.back a{
	display:inline-block;
    padding:10px 40px;
	border:1px solid #666666;
	color:#666666;
	font-size: 15px;
	margin-bottom:50px;
	margin-top:50px;
}
p.back a:hover{
	border:1px solid #666666;
  	background-color: #666666; 
	color:#fff;
}


.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
  	padding-bottom: 30px;
	padding-top: 20px;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	_-moz-box-shadow: 0 0 5px #ccc;
	_-webkit-box-shadow: 0 0 5px #ccc;
	_box-shadow: 0 0 5px #ccc;
	_border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.alm-listing{
	text-align:center;
}
.alm-listing li{
	display:inline-block;
  padding-bottom:30px;
    
}
.big_container{
	width:1120px;
  	margin:0 auto;
}
.alm-listing h3 a{
	background-color:#000;
	color:#fff;
	border-radius:5px;
	padding: 5px 20px;
    margin-top: 10px;
    display: inline-block;  
}
.primary-menu{
    text-align:center;
	padding-top:30px;
}
.primary-menu li{
    display:inline-block;
    padding:10px;
}






















@media only screen and (max-width: 420px) {	
	.about {
	  text-align: center;
	  height: auto;
	  background-size: cover;
	  padding-bottom: 30px;
	  background-position: top center;
  	  background-size: cover;
	}
  	.gallery ul li{
  		margin-right:0px;
	  	margin-left:0px;
	}
	.gallery ul li:nth-child(2n){
		margin-left:0px;
  	}
}
@media only screen and (max-width: 959px) {	
	#page_wrap{
		width:98%;
		margin:0 auto;
		overflow:hidden;
	}
	#header img{
		width:auto;
		max-width:100%;
	}
	.container,.big_container{
		width:100%;
		margin:0 auto;
	}
	.header{
		height:auto;
  		background-position: top center;
  		background-size: cover;
	}
	.gallery{
		margin-top:0px;
	}
	.gallery img{
		width:auto;
		max-width:100%;
		height:auto;
	}
	.goto_top {
		margin-top: 27px;
	}
	.contact{
  		height:auto;
  		background-position: top center;
  		background-size: cover;
	}
	a#menu-icon{
		display:block !important;
		_margin-top:-10px;
		padding:0px;	
		_margin-left:12px;	
		color:#000;	
	}	
	#access ul, #access:active ul { 
		display: none;	
		position: relative;	
		_padding: 20px;	
		background: #303749;	
		left: 0px;	
		_top: 205px;	
		width: 100% !important;	
		border-radius: 4px 0 4px 4px;	
		z-index:100;	
		padding-bottom: 5px;
	}	
	#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
    	color: #fff;
	}
	#access{
		display:block;
	}
	#access .menu-header, div.menu{
		margin-left:0px;
	}	
	#access a {	
		color: #fff;	
		display: block;	
		line-height: 38px;	
		padding: 0 15px;	
		text-decoration: none;	
		font-size:16px;		
		border-top:none;	
	}
	#access .menu-header li, div.menu li{
		float:none;
	}
	#access li {	
		text-align: center;	
		width: 100%;	
		_padding: 10px 0;	
		margin: 0;
	}	
	#access:hover ul {	
		_display: block;	
	}

	#access ul ul{	
		top:0px !important;	
		position:relative !important;	
		border:0px !important;
		
	}
	#access ul.sub-menu{	
		background-color: transparent;	
		border: medium none;	
		padding: 0 110px;	
		position:relative;	
		top:0px;	
		box-shadow:none;
		left:0px;
		background:none;
		height:auto;
		opacity:1;
	}	
	#access ul.sub-menu li a{
		background-color: transparent;	
		padding:0px 10px;	
		display:block;	
		line-height: 22px;
		color:#fff;
		margin:0 auto;
		text-align: left;
	}	
	#access ul.sub-menu li a:hover{	
		background-color: transparent;	
		padding:0px 10px;	
		display:block;
		color:#4f4f4f !important;
	}	
	#menu-icon span {
		float: left;	
		margin-left: 50px;	
		margin-top: 10px;	
		width:200px;	
	}	
	#access a{	
	    background-color: transparent; 	
	}	
	#access{
		background-color: transparent;	
		border: none !important;
	}	
	#access li li a{	
		background-color:transparent;	
		border:0px;	
	}
	#access{
		margin:5px;
		width:100%;
		float:right;
		margin:0 auto;
	}
	#access .sub-menu a:hover{
		color:#fff !important;
	}
	#access li.menu-item-has-children:after{
		    content: '+';
			position: absolute;
			right: 50px;
			top: 18px;
			color: #fff;		
	}
	#access li:hover > a, #access ul ul :hover > a{
			color:#4f4f4f;
	}
	#access ul ul li {
		text-align: left;
		padding-top: 5px;
		width: 93%;
		padding-left:0px;
		border-bottom:none;
	}
	#access ul ul li a{
		color:#fff;
	}
	.logo img{
		width:auto;
		max-width:90%;
		height:auto;
	}
  	.alm-listing li{
		width:100%;
	}
	  .alm-listing li img{
  		width:auto;
		max-width:100%;
			height:auto;
			
		  }  

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#page_wrap{
		width:99%;
		margin:0 auto;
		overflow:hidden;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#page_wrap{
		width:100%;
		margin:0 auto;
		overflow:hidden;
	}
	.goto_top {
		margin-top: 96px;
	}
}
@media only screen and (min-width: 960px) and (max-width: 1119px) {
	    
}