@import url('https://fonts.googleapis.com/css2?family=Gruppo&family=Ysabeau+SC:wght@1..1000&family=Oxygen:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ephesis&display=swap');
html { height:100%; width:100%; margin:0; }
body { background:#ECECEC; margin:0; height:100%; padding:0px; min-width:980px; font-family: "Oxygen", sans-serif; font-weight:300;  }
header { width:100%;}
td { vertical-align:top; }

/* custom name font */
.customName { font-family: "Ephesis", cursive !important; font-weight: 100; font-style: normal; font-size: 70px !important; }

#menubar { position:fixed; height:120px; background:rgba(0,0,0,0); width:100%; z-index:9999; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-transform: -webkit-transition all 0.4s; }
#menubar.colorChange { background:rgba(0,0,0,1); }

.shortMenuBar { background:#000; height:120px; width:100%; z-index:9999; }

#mmIcon { cursor:pointer; position:fixed; right:0; z-index:9999; margin-right:35px; margin-top:25px; color:#fff;  display:flex;  align-items: center; }
#iconWrap { float:left; border:1px solid #fff; height:60px; width:60px; border-radius:50%; display:flex; justify-content:center; align-items: center;}
.bar1, .bar2, .bar3 { width:25px; height:3px; background-color:#fff; margin:4px 0; border-radius:5px; }
#mmText { float:left; margin-left:10px; }

.shortMIcon { cursor:pointer; position:absolute; right:0; z-index:999; margin-right:35px; margin-top:25px; color:#fff;  display:flex;  align-items: center; }

#newsideNav { position:fixed; float:right; height:100%; width:0; top:0; right:0; background-color:#fff; overflow-x:hidden; padding-top:60px; z-index:99999; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; }
.sideNav .closebtn { position:absolute; top:20px; right:35px; font-size:36px; color:#000000; text-decoration:none; }

#headerLogo { position:relative; float:left; z-index:888; padding-right:10px; }
#headerLogo img { display: none; height:110px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; margin-left:15px; margin-top:5px; }

ul#navPaw, ul#navPaw ul, ul#navPaw li { margin:0px; padding:0px;  }		
ul#navPaw { z-index:888; float:right; width:360px; }
ul#navPaw li { float:left; width:360px; list-style:none; position:relative; z-index:999; margin-left:20px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; cursor:pointer; }
ul#navPaw li a { color:#606060; text-decoration:none; font-weight:normal; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
ul#navPaw li h1 { font-size:15px; margin:0px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #EAEAEA; padding:10px 0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
ul#navPaw li h2 { font-size:15px; margin:0px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #EAEAEA; padding:10px 0px; position:relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
ul#navPaw li:hover h1 a { color:#b7be33; padding-left:5px; }
ul#navPaw li:hover h2 a { color:#b7be33; padding-left:5px; }
/* ul#navPaw li:hover ul,  ul#navPaw li.uhover ul { display:block; top:30px; } */
ul#navPaw li ul { display:none; z-index:888; left:0px; top:20px; padding-bottom:2px; line-height:25px; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
ul#navPaw li ul li { text-align:left; list-style-position:outside; list-style-type:none; width:160px; border-bottom:1px solid #EAEAEA; padding:3px 0px 0px 10px; }
ul#navPaw li ul li:hover { padding-left:15px; }
ul#navPaw li ul li:hover a { color:#b7be33; }

/* .subNavArrow h2:after { content:'\25BA'; position:absolute; right:0; margin-right:50px; z-index:9999; } */
.subNavArrow { position:absolute; right:0; margin-right:50px; z-index:9999; margin-top:10px; transition: transform .7s ease-in-out; transform: rotate(0deg); width:20px; height:20px; background-image: url('/images/menuArrow.png'); background-size:cover; }
.subNavArrow:hover { background-image: url('/images/menuArrowHover.png'); background-size:cover; }
.subnav { display:block; background:#FFFFFF; color:#606060; margin:0px; text-decoration:none; font-weight:normal; font-size:14px; opacity:1; transition: all 0.3 ease-out; }

.rotate { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }

 #slideshow_wrap:after { background:rgba(0,0,0,0.4); content:""; position:absolute; left:0; right:0; top:0; bottom:0; }
 /* Full screen static image using CSS background*/
#slideshow_wrap { position:relative; overflow:hidden; width:100%; height:100vh; min-height:768px; }
#slideshow img { position: absolute; top:0; right:0; bottom:0; min-width:100%; min-height:100%; left:50%; transform:translateX(-50%); overflow-x:hidden; }

/*Styles to make Youtube Video fullscreen*/
/* #slideshow_wrap { background:#eee; height:100%; overflow:hidden; padding:0; position:relative; }
#slideshow_wrap iframe { box-sizing:border-box; height:56.25vw; left:50%; min-height:100%; min-width:100%; transform:translate(-50%, -50%); position:absolute; top:50%; width:177.77777778vh; } */

#mainCenter { z-index:888; width:100%; position:absolute; bottom:0; margin-bottom:140px; transform-style: preserve-3d; }
#topOpt { text-align:left; margin-left:120px; color:#FFFFFF; }
#tagline { padding-left:80px; font-weight:normal; font-size:22px; font-family: "Gruppo", sans-serif; }
#tagline::before { content:""; display:block; position:absolute; margin:0; padding:0; width:60px; left:120px; height:2px; border-top:1px solid #fff; transform:rotate(0deg); top:19%; }
#mainTag { font-weight:300; font-size:50px; font-family: "Ysabeau SC", sans-serif; margin-top:10px; }

#startButton { z-index:888; width:300px; position:absolute; right:0; bottom:0; margin-right:70px;margin-bottom:60px; border:2px solid #fff; color:#fff; text-decoration:none; transform-style: preserve-3d; text-align:center; padding:10px 0px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
#startButton:hover { background-color:#fff; color:#000; }

#quickSearch { position:relative; z-index:999; }
#barTabs { width:720px; margin:20px auto 0px auto; text-align:left; font-family: "Gruppo", sans-serif; font-size:28px; color:#000000;  }
#buyTab { float:left; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#sellTab { float:left; margin-left:30px; -webkit-backface-visibility: hidden; backface-visibility: hidden; display:block; }
.selected:before { content:""; position:absolute; bottom:-7px; left:0; width:100%; height:4px; background:#3d3d3d; }
.tHover { position:relative; }
.tHover:after { content: ""; position: absolute; bottom:-12px; left:0; width:100%; height:4px; background:#3d3d3d; opacity:0; -webkit-transition:opacity 0.3s, -webkit-transform 0.3s; -moz-transition:opacity 0.3s, -moz-transform 0.3s; transition:opacity 0.3s, transform 0.3s; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px); }  
.tHover:hover:after { opacity:1; -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); transform:translateY(-5px); }

#searchBar { text-align:center; z-index:888; margin:20px auto 0px auto; padding-bottom:20px; display:block; }
#searchBar h2 { margin:0px; padding-top:20px; padding-bottom:10px; color:#FFFFFF; }
#searchBar a { font-size:15px; }
#searchBar a:hover { font-size:15px; }


/***************  SEARCH BAR STYLE START **************************/
#newSearchWidget { margin:0px auto; top:0px; opacity:1; display:block; position:relative; z-index:888; width:720px; height:50px; background:rgba(0,0,0,0.7); box-shadow: 0px 0px 2px #ccc; border-color:#FFFFFF; border-width:1px; border-style:solid; border-radius:2px; }
#innerSearch { width:99%; margin:3px auto; background:none; height:42px; }
.where { float:left; position:relative; width:32%; margin-left:10px;  }
.where-text { background:none; color:#FFFFFF; margin-top:12px; border-style:none; font-family: "Oxygen", sans-serif; font-size:15px; width:100%; }
.gobtn { float:right; position:relative; width:100px; height:100%; margin-top:-4px; background:none; color:#FFFFFF; font-size:15px; }
.gobtn a:link { color:#A0A0A0; font-family: "Oxygen", sans-serif; font-size:15px; }
.gobtn a:active { color:#FFFFFF; font-family: "Oxygen", sans-serif; font-size:15px; }
.gobtn a:visited { color:#FFFFFF; font-family: "Oxygen", sans-serif; font-size:15px; }
.gobtn a:hover { color:#3d3d3d; font-family: "Oxygen", sans-serif; font-size:15px; }
.mapbtn { float:right; position:relative; width:75px; height:100%; margin-top:-4px; background:none; font-size:15px;  }
.mapbtn a:link { color:#A0A0A0; font-family: "Oxygen", sans-serif; font-size:15px; }
.mapbtn a:active { color:#FFFFFF; font-family: "Oxygen", sans-serif; font-size:15px; }
.mapbtn a:visited { color:#FFFFFF; font-family: "Oxygen", sans-serif; font-size:15px; }
.mapbtn a:hover { color:#3d3d3d; font-family: "Oxygen", sans-serif; font-size:15px; }
.options { float:right; width:70px; height:100%; font-size:15px; overflow:hidden; color:#A0A0A0; font-family: "Oxygen", sans-serif; border-left:1px solid #CCCCCC;}
.options a:link {  margin-top:-5px; color:#A0A0A0; font-size:15px; font-family: "Oxygen", sans-serif;}
.options a:active { color:#A0A0A0; font-size:15px; font-family: "Oxygen", sans-serif;}
.options a:visited { color:#A0A0A0; font-size:15px; font-family: "Oxygen", sans-serif;}
.options a:hover { color:#3d3d3d; font-size:15px;font-family: "Oxygen", sans-serif;}
.down-arrow { transition: none; text-align: left; color: #A0A0A0; display: block; font-size: 20px; line-height: 54px; height: 55px; background:url(/images/downarrow.png) no-repeat right center;  float: left; text-decoration: none; padding: 0 18px 0 10px; margin-right: 14px; }
.choices {  border: 1px solid #d9d9d9; background-color:rgba(0,0,0,0.7); color:#FFFFFF; padding: 20px 20px; -webkit-box-shadow: 0 1px 3px 0px #CCCCCC;  -moz-box-shadow: 0 1px 3px 0px #CCCCCC;  -ms-box-shadow: 0 1px 3px 0px #CCCCCC;  -o-box-shadow: 0 1px 3px 0px #CCCCCC; box-shadow: 0 1px 3px 0px #CCCCCC; display: none; position: absolute; top: 55px; left: 0px; }
/***************  SEARCH BAR STYLE END **************************/

#cmaBar { width:720px; height:50px; background:rgba(0,0,0,0.7); box-shadow: 0px 0px 2px #ccc; margin:20px auto 0px auto; border:1px solid #FFFFFF; margin-bottom:20px; display:none; font-family: "Oxygen", sans-serif;}
#cmaWrap { font-size:15px; text-align:center; color:#FFFFFF; }
.cmapl { height:40px; background:none; border:none; color:#FFFFFF;  margin-left:10px; border-right:1px solid #CCCCCC; }
#go { margin:5px 0px 0px 5px; background:rgba(250,250,250,0.2); font-weight:normal; }
#go:hover { border:1px solid #FFFFFF;  }

.sectionHead { font-family: "Gruppo", sans-serif; font-weight:300; font-size:20px; margin:20px 0px; color:#fff; }
.sectionHead::before { content: ""; display:inline-block; width:46px; height:1px; background:#fff; margin-bottom:4px; margin-right:6px; }
.sectionSubHead { color:#fff; font-size:40px; font-family: "Ysabeau SC", sans-serif; }

.ghostHeading::before { font-family: "Ysabeau SC", sans-serif; font-size:26vw; color:#7d7b7b; opacity:0.18; width:100%; text-align:center; display:block; position:absolute; top:0; line-height:0.65;}

.headerBlack { color:#000000; text-align:center; }
.subheaderBlack { color:#000000; text-align:center; }
.headerBlack::before { content: ""; display:inline-block; width:46px; height:1px; background:#000000; margin-bottom:4px; margin-right:6px; }


#welcome { background:#000000; margin:0; padding:5px; position:relative; }
.welcomeGhost::before { content:"About"; }
#welcWrap { width:80%; max-width:1200px; margin:60px auto; font-size:16px; color:#fff; }

#boxSection { width:100%; height:300px; background:#000000; padding:40px 0px; margin:0px auto 0px auto; position:relative; }
.boxGhost::before { content:"Work"; }
#boxInfo { width:80%; margin:0px auto; }
#adventureText { color:#fff; }

#boxWrap { display:flex; justify-content:center; width:93%; max-width:1200px; margin:-120px auto 40px auto; }
.box { float:left; margin-left:8px; margin-right:8px; width:30%; position:relative; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
.bOverlay{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3);-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
.box:hover .bOverlay { transform:scale(0.9); }
.box img { width:100%; display:block; }
.boxText { width:90%; height:90%; color:#FFFFFF; text-align:center; display:flex; justify-content:center; align-items:center; position:absolute; z-index:888; top:50%; left:50%; transform:translate(-50%,-50%); text-shadow:0px 0px 4px black; -webkit-backface-visibility: hidden;  backface-visibility: hidden; font-size:32px; font-family: "Ysabeau SC", sans-serif; }

#fpSS { display:flex; justify-content:center; align-items:center; background:#fff; padding-bottom:20px; }
#fpArrows { width:100%; position:relative; display:flex; justify-content:center; align-items:center; z-index:999; }
#featuredProp { width:100%; margin:0px auto; overflow:hidden; position:relative; max-width:1200px;}
#featured { position:relative; display:flex; margin-top:20px; }

.floater { position:relative; display:flex; align-items:center; width:100%; height:550px; overflow:hidden; color:#000000; text-decoration:none; -webkit-transition:0.4s ease; -webkit-transform: -webkit-transition 0.4s;  -ms-transition:0.4s ease; transition:0.4s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; background:#FFFFFF; flex: 0 0 auto; cursor:pointer; } 

.listingInfoWrap { position:absolute; right:0; width:33%; color:#FFFFFF; z-index:777; height:100%; background:rgba(0,0,0,0.6); text-align:center; display:flex; justify-content:center; }
.listingInfo { position:absolute; bottom:0; margin-bottom:30px; width:90%; }
.liAddress { font-size:32px; font-family: "Ysabeau SC", sans-serif; }
.liSpec { font-size:16px; margin-top:10px; }
.liPrice { font-size:30px; margin-top:10px; font-family: "Ysabeau SC", sans-serif; }
.liButton { font-size:16px; margin-top:10px; }

.thumb { width:100%; overflow:hidden; position:relative; display:inline-block; padding:0px 0px 80% 0px; background-size:cover; background-repeat:no-repeat; background-position:center center; transition: 0.6s ease; -moz-transition: 0.6s ease; -ms-transition: 0.6s ease; -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }

/* .floater:hover>.thumb { overflow:hidden; padding:0px 0px 80% 0px;transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } */
.thumbZ { width:130%; }
.thumbR { width:100%; }

#prev, #next { cursor:pointer; position:absolute; padding:3px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background:rgba(250,250,250,0.4); border-radius:50%; width:50px; height:50px; display:flex; justify-content:center; align-items:center; }
#prev img, #next img {widht:35px; height:35px; }
#prev:hover { background:rgba(0,0,0,0.4); color:#FFFFFF; }
#next:hover { background:rgba(0,0,0,0.4); color:#FFFFFF; }
#prev { left:30px; }
#next { right:30px; }
.transition { -ms-transition:0.7s; transition:0.7s; -webkit-transform: -webkit-transition 0.7s;  -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/*Used for browsers that do not support grid*/
@supports not (display:grid) {
	#prev { margin-top:270px; }
	#next { margin-top:270px; }
}

#featuredComm { width:100%; background:#ECECEC; position:relative; }
.communitiesGhost::before { content:"Areas"; }
#featuredCommHeadings { width:100%; background:#000000; height:360px; }
#headingWrap { width:80%; margin:0px auto; padding-top:30px; }
#featuredCommWrap { width:85%; margin:-100px auto 0px auto; max-width:1100px; overflow:hidden; }
#fcArrows { width:100%; position:relative; display:flex; justify-content:center; align-items:center; z-index:99; }
#communities { white-space:nowrap; padding-bottom:20px; width:99%;  }
.fc_floater { display:inline-block; width:32%; position:relative; overflow:hidden; margin-left:8px; margin-right:8px; }
.fc_thumb { width:100%; }
.fc_featured_thumb { position:relative; width:100%; padding:10px 0px 75% 0px; background-position:center; background-size:cover; }
.fc_featured_thumb > .fc_img_text { position:absolute; z-index:88; width:100%; height:100%; text-align:center; color:#FFF; font-size:30px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; top:60%; left:50%; transform:translate(-50%,-50%); -webkit-transition:0.5s ease; -webkit-transform: -webkit-transition 0.5s;  -ms-transition:0.5s ease; transition:0.5s ease; }
.fc_featured_thumb:hover > .fc_img_text { top:70%; }
.offleft { margin-left: -9000px; position: absolute; display:none; }
.fc_img_text { font-family: "Ysabeau SC", sans-serif; }
.fc_img_text span { color:#FFF !important; margin-top:-150px; text-align:center; display:block; width:100%; font-size:24px; }
.fcButton { position:absolute; top:30%; width:60%; left:-60px; margin-left:50%; width:120px; color:#FFFFFF; z-index:77; height:60px; line-height:60px; opacity:0; text-align:center; -webkit-transition:0.5s ease; -webkit-transform: -webkit-transition 0.5s;  -ms-transition:0.5s ease; transition:0.5s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.fc_thumb:hover > .fcButton { opacity:1; top:23%; }
.fc_thumb > .fc_featured_thumb:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; opacity: 1; background:rgba(0,0,0,0.3); -webkit-transition:0.5s ease; -webkit-transform: -webkit-transition 0.5s;  -ms-transition:0.5s ease; transition:0.5s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.fc_thumb:hover > .fc_featured_thumb:after { transform:scale(0.9); }

#fcPrev, #fcNext { cursor:pointer; position:absolute; padding:3px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background:rgba(250,250,250,0.4); border-radius:50%; width:50px; height:50px; display:flex; justify-content:center; align-items:center; margin-top:60px; }
#fcPrev img, #fcNext img { widht:35px; height:35px; }
#fcPrev:hover { background:rgba(0,0,0,0.8); color:#FFFFFF; }
#fcNext:hover { background:rgba(0,0,0,0.8); color:#FFFFFF; }
#fcPrev { left:25px; }
#fcNext { right:25px; }
.transition { -ms-transition:0.7s; transition:0.7s; -webkit-transform: -webkit-transition 0.7s;  -webkit-backface-visibility: hidden; backface-visibility: hidden; }

#additional_links { width:100%; margin-top:50px; background:#fff; position:relative; z-index:99; }
#all_links { width:93%; max-width:1200px; margin:0px auto; padding:30px 0px; }
#linksWrap { display:flex; justify-content:center; flex-wrap:wrap; margin-top:20px; }
#addlink_tag { float:left; width:280px; padding:8px 0px 8px 0px; margin:10px; background:#ffffff; border:1px solid #000000; color:#000000;text-decoration:none; text-align:center; font-size:18px; display:flex; justify-content:center; align-items:center; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
#addlink_tag:hover { background:#000000; border:1px solid #000000; color:#ffffff; }


/*Testimonials*/
#testimonials { width:100%; height:420px; position:relative; z-index:88; background:#000000; }
.testiGhost::before { content:"Reviews"; }
#clTesti { width:80%; height:420px; margin:0px auto; display:none; padding-top:40px; }
#testeeSS { position:relative; height:250px; width:80%; max-width:1000px; margin:30px auto 0px auto; color:#FFFFFF; }
#testeeWrap { position:absolute; margin:5px; padding:0px 15px;  }
#testee_comments { margin:0px auto; font-size:17px; }
#tstReadMore { color:#FFFFFF; }
#testee_comments a { color:#FFFFFF; }
#testee_sig { padding-left:20px; padding-top:10px; font-weight:bold; font-size:16px; }
#arrows { top:25%; left:50%; transform:translate(-50%,-50%); height:30px; line-height:30px; position:relative; width:90%; max-width:1100px; }
#arrows a { font-size:40px; color:#FFFFFF; cursor:pointer; height:30px; padding:15px; transition: background-color .5s, color .5s; }
#prevT { float:left; padding-right: 20px; }
#nextT { float:right; padding-left: 20px; }
#prevT img, #nextT img { width:35px; height:35px; }
#arrows a:hover { color:#EEEFF7; }

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2s;
	animation-name: fade;
	animation-duration: 2s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

#contact { width:100%; background:#fff; padding:30px 0px; }
#contactWrap { width:80%; margin:0px auto; }
#contactButton a { width:280px; padding:8px 0px 8px 0px; margin:0px auto; background:#ffffff; border:1px solid #000000; color:#000000; text-decoration:none; text-align:center; font-size:22px; display:flex; justify-content:center; align-items:center; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
#contactButton a:hover { background:#000000; border:1px solid #000000; color:#ffffff; }

/* Blog Articles on Home Page */
#blogArticle { width:100%; padding:20px 0px; display:none; height:600px; }
#blogImage { max-width:600px; max-height:200px; margin:35px auto 25px auto; display:none; }
#blogVideo { max-width:600px; max-height:200px; margin:35px auto 25px auto; display:none; }
#blogTextBox { width:600px; margin:30px auto 0px auto; }
.blogHeader { margin-top:0; text-align:center; text-decoration:underline; text-underline-offset: 5px; text-transform:uppercase; font-size:18px; font-style:italic; color:#343333; font-family: "Ysabeau SC", sans-serif; }
.blogHeader a{ color:#343333; }
.blogHeader a:visited { color:#343333; }
.blogHeader a:hover { color:#1E93CC; }
.blogText { margin-top:0; text-align:left; font-size:16px; color:#343333; }
.blogText a {color:#343333; text-decoration-line:none !important; text-decoration:none; font-weight:300; }
.blogText a:visited { color:#343333; }
#viewButton { display:flex; justify-content:center;}
.blogViewAll { position:absolute; margin-top:25px;  padding:12px 50px; background:#000000;border:1px solid #000000; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
a.blogViewAll  { color:#FFF; text-decoration:none; font-size:20px; }
a.blogViewAll:hover { color:#000000; background:#FFF; }

#contentarea { margin:0px 50px 40px 50px; }
#story { margin:0px auto; padding-top:40px; padding-bottom:20px; }

#bottom { padding-top:25px; padding-bottom:30px; background:#000000; }
#brokLogo { text-align:center; }
#brokLogo img { width:200px; }
#bottomInfo { width:70%; margin:10px auto 0px auto; padding-bottom:10px; display:flex; justify-content:space-between; padding-top:20px; color:#FFFFFF; }
.bottomTitle { font-size:24px; font-weight:bold; color:#ffffff; font-family: "Ysabeau SC", sans-serif; }
#agentInfo { width:250px; text-align:center; color:#707070 }
#agentInfo a { color:#707070; text-decoration:none; }
#agentPhoto { width:250px; text-align:center; border-left:1px solid #707070; border-right:1px solid #707070; }
#agentPhoto img { width:200px; }
#brokerInfo { width:250px; color:#707070; text-align:center; }
#brokerInfo img { width:200px; }
#brokerInfo a { color:#707070; text-decoration:none; }

#bottomSocial { display:flex; justify-content: center; margin:40px 0px; }
#bottomSocial a { margin:0px 25px 0px 25px;  }
#bottomSocial img { height:50px; width:50px; }
.switch {  height:30px; width:30px; position:relative; }
.switch img { height:30px; width:30px; position:absolute; opacity:1; padding-left:1px; padding-right:1px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); backface-visibility:hidden; }
.switch img.top:hover { opacity:0; }

#bottomLinks { width:90%; margin:20px auto 0px auto; text-align:center; color:#707070; }
#bottomLinks a { color:#707070; text-decoration:none; margin:0px 10px; }

#pawLinks { width:90%; margin:30px auto; color:#808080; border-top:1px solid #606060; padding-top:20px; }
#pawLinks a { color:#707070; text-decoration:none; margin-left:15px; }
#pl2 { float:right; }

/*Media Queries*/

@media only screen and (max-width: 1024px){
	
#welcPhoto img { width:300px; }
#welcMessage { width:calc(100% - 320px); }

}

/*Media Query for screen size smaller than 1024px*/
@media only screen and (max-device-width: 1024px){

#welcPhoto img { width:300px; }
#welcMessage { width:calc(100% - 320px); }
	
}

@media only screen and (min-width: 1200px) {
	.ghostHeading::before { font-size:320px; }
}