/* FONTS


font-family: Georgia;
font-family: "Gotham A", "Gotham B";

font-style: normal;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 700;

*/

/* theme */

body {	font-family: "Gotham A", "Gotham B"; font-weight: 400; overflow-x: hidden; padding-bottom: 556px;}
#container { overflow: hidden;}
section { max-width: 100%; position: relative}
div.row {max-width: 100%;}
header { position: absolute; top: -100px; left: 0; width: 100%; z-index: 3; margin-top: 100px}
header ul { display: block; }
header ul li { display: inline-block; }
header div.logo { display: block; width: 100%; padding: 80px 0 60px;}
header div.logo img { display: block; margin: 0 auto; max-width: 396px; width: 100%;}
nav { width: 100%; text-align: center;}
nav li { text-align: left; border-bottom: 1px solid #444;}
nav li a { text-align: left; display: block; padding-right: 30px; padding-bottom: 6px; padding-top: 20px; font-size: 12px; color: #fff; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; transition: all .2s ease-out}
nav li:last-child a { padding-right: 0px;}

h1,h2,h3,h4,h5,h6,p,span { transition: all .3s ease-out;}

ul.social {text-align: right; position: absolute; right: 30px; top: 30px;}
ul.social li a {display: block; padding-left: 13px;}
ul.social li a img {display: block; height: 13px; width: auto;}
ul.social li a:hover img { filter: brightness(.5);-webkit-filter: brightness(0.5) invert(1); transition: all .3s ease-out}
ul.social li:nth-child(2) a img {display: block; height: 12px; width: auto;}
ul.social li:nth-child(3) a img {display: block; height: 10px; width: auto;}
ul.social li:nth-child(4) a img {display: block; height: 12px; width: auto;}
ul.social li:nth-child(5) a img {display: block; height: 10px; width: auto;}

div.menu-toggle  { display: none}

header.revealed { position: fixed; top: 0; left: 0; height: 60px; background: rgba(0, 0, 0, .75); transition: top .3s ease-out; margin-top: 0px}
header.revealed div.logo { position: absolute; width: 100%; top: 0; left: 0; padding: 10px 0;  transition: all .3s ease-out; }
header.revealed div.logo img { height: 40px; width: auto; margin: 0 auto}
header.revealed nav { position: fixed; width: auto; top: 0px; left: 0; display: block; max-height: 0; overflow: hidden; padding-top: 60px}
header.revealed nav.active { }
header.revealed nav ul li { display: block; width: 300px; text-align: left; border: 0;  background: rgba(0, 0, 0, .75); color: #fff; }
header.revealed nav ul li a { display: block; padding: 10px 20px}
header.revealed nav ul li a:hover { color: #ccc}
header.revealed ul.social { right: 60px; top: 23px;}
header.revealed div.menu-toggle { display: block; position: absolute; left: 10px; top: 10px;z-index: 4;}
header.revealed div.menu-toggle img { display: block; width: 40px; height: 40px; cursor: pointer; padding: 10px; margin: 0px auto;}
header.revealed div.menu-toggle img:hover { filter: brightness(.7);-webkit-filter: brightness(0.7); transition: all .3s ease-out}



.slide-body {  left: 300px !important}
header.slide-body {  left: 0px !important}
header.slide-body div.logo {  background: rgba(0, 0, 0, 1); left: 300px; }
header.revealed nav {  height: 100% !important; max-height: 100% !important; background: rgba(0, 0, 0, 1); left: -300px !important; transition: all .3s ease-out; display: block}
header.revealed nav.active {  left: 0 !important}


article section { margin-top: -1px}
a.button { display: inline-block; line-height: 32px; border: 1px solid #fff; background: transparent; color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 400; font-size: 10px; padding: 0 15px; letter-spacing: 1px; transition: all .2s ease-out}
a.button-black { border: 1px solid #000; color: #000;}
a.button-dark { border: 1px solid #000; color: #000; font-size: 16px; display: table}
a.button:hover { transform: scale(1.05)}
div.buttons a.button { margin-right: 5px;}
a.pin-button { padding-left: 30px; background: url(/lib/img/white/pin.svg) no-repeat 9px center; background-size: 11px 15px}

section.banner { position: relative}
section.banner + section.past-projects { margin-top: -1px}
h2 { display: block; width: 100%; position: absolute; font-family: Georgia; font-style: italic; font-size: 24px; color: #fff; text-align: center; margin: 0; padding: 0; line-height: 1; top: 14%;}
.ratehub h2 { position: static;}
section.banner img { display: block; width: 100%; height: auto}
section.banner div.caption { display: block; width: 100%; position: absolute; text-align: center;}
section.banner div.caption-box { top: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);  -ms-transform: translateY(-50%) translateX(-50%); max-width: 800px; background: rgba(255, 255, 255, .8); padding: 40px 50px; left: 50%;  color: #000; font-size: 16px; font-weight: 500; line-height: 1.5}
section.banner div.tagline { bottom: 25%; }
section.banner div.tagline h1 { font-family: Georgia; font-style: italic; font-size: 48px; color: #fff; text-align: center; margin: 0; padding: 0; line-height: 1.5; }
section.banner div.headline { top: 50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  font-family: Georgia; font-style: italic; font-size: 36px; color: #fff; text-align: center; margin: 0; padding: 0; line-height: 1}
section.banner div.headline small { display: block; font-style: normal; font-size: 14px; padding-top: 15px; font-family: "Gotham A", "Gotham B"; font-weight: 300; letter-spacing: 1px}
article#marketing-services section.banner div.headline small { text-transform: uppercase; font-weight: 400; font-size: 18px; letter-spacing: 7px; padding-top: 35px}
section.banner div.caption-about {bottom: 15.5%; }
section.banner div.caption-about p { color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 16px; line-height: 1.5; text-align: center; display: block; max-width: 480px; margin: 0 auto 40px;}
section.banner div.caption-marketing {top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); }
section.banner div.caption-marketing div.title { font-family: Georgia; font-style: italic; font-size: 36px; color: #fff; text-align: center; margin: 0 0 40px; padding: 0; line-height: 1}
section.banner div.caption-marketing p { color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 400; font-size: 16px; line-height: 1.5; text-align: center; display: block; max-width: 480px; margin: 0 auto 40px;}

section.content { position: relative; margin: 100px 0; padding: 0 20px;}
section.content h2 { position: static; color: #000; margin-bottom: 40px; }
section.content p { display: block; max-width: 820px; margin: 0 auto 40px; text-align: center; font-weight: 300; line-height: 1.5; font-size: 18px;}

section.past-projects ul {display: block; width: 100%;}
section.past-projects ul li {display: inline-block; width: 50%; position: relative; vertical-align: top; }
section.past-projects ul li:nth-child(even) {margin-left: -3px}
/*section.past-projects ul li:after {content:  " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75)}*/
/*section.past-projects ul li.revealed:after {display: none;}*/
section.past-projects ul li img {width: 100%; display: block;}
section.past-projects ul li h3 { display: block; width: 100%; position: absolute; font-family: Georgia; font-style: italic; font-size: 16px; color: #fff; text-align: center; margin: 0; padding: 0; line-height: 1; top: 8%; }
section.past-projects ul li div.caption{ display: block; width: 100%; position: absolute; text-align: center; bottom: 30px}
section.past-projects ul li h4 { color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 18px; line-height: 1; text-transform: uppercase;}
section.past-projects ul li h6 { color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 500; font-size: 12px; line-height: 1; margin-top: 5px; text-transform: uppercase;}
section.past-projects ul li a.button { margin-top: 20px;}

section.blog-index h2 { position: static; padding: 90px 0 0; color: #000}
section.blog-index { background: url(/img/bg-blog.jpg) no-repeat center center; background-size: cover;}
section.blog-index ul { display: block; width: 100%; padding: 50px 30px 120px;}
section.blog-index ul li { display: inline-block; width: 33%; padding: 0 50px; text-align: center; vertical-align: top}
section.blog-index ul li div.thumb { display: block; width: 100%; max-width: 200px; margin: 0 auto 40px; }
section.blog-index ul li div.info { display: block; width: 100%; margin: 0; min-height: 220px; padding-bottom: 20px;}
section.blog-index ul li div.info h4 { display: block; width: 100%;  font-family: Georgia; font-style: italic; font-size: 24px; color: #000; line-height: 1; margin-bottom: 25px;}
section.blog-index ul li h6 { color: #000; font-family: "Gotham A", "Gotham B"; font-weight: 500; font-size: 10px; line-height: 1; text-align: center; display: block; margin-bottom: 15px;}
section.blog-index ul li p { color: #000; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 14px; line-height: 1.75; text-align: center; display: block; max-width: 270px; margin: 0 auto;}
section.blog-index a.button { color: #000; border: 1px solid #000}

.bx-wrapper img { width: 100%;}

section.listings > h2 {z-index: 3}
section.listings + section.banner {margin-top: -1px}
ul.listings li > img { width: 100vw;}
ul.listings div.description { width: 100%; display: block; position: absolute; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.6); height: 160px; padding-left: 170px; text-align: left; }
ul.listings div.description div.thumb { display: inline-block; margin-right: 40px; vertical-align: middle;	}
ul.listings div.description div.thumb img { display: block; border: 10px solid #fff; height: 100%; width: auto; max-height: 160px;}
ul.listings div.description div.info { display: inline-block; position: relative; margin: 0; padding: 0;	vertical-align: middle;	z-index: 3}
ul.listings div.description div.info h2 {  color: #000; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 18px;  display: block; margin-bottom: 5px; text-align: left; position: static; text-transform: uppercase; font-style: normal}
ul.listings div.description div.info h3 { color: #000; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 14px;  display: block; margin-bottom: 15px; text-align: left; text-transform: uppercase;}
ul.listings div.description div.info a.button { color: #000; border: 1px solid #000}
ul.listings div.description div.info a.pin-button { background: url(/lib/img/dark/pin.svg) no-repeat 9px center; background-size: 11px 15px}

footer { background: url(/img/bg-footer.png) repeat-x #363636 left top; text-align: center; position: fixed; bottom: 0; left: 0}
a.footer-logo {display: block; padding: 50px 20px 70px;}
a.footer-logo img {display: block; margin: 0 auto; width: 100%; max-width: 246px;}
section.contact {display: block; margin: 0 auto; padding: 0 20px; text-align: center; }
section.contact > div, address {display: inline-block; vertical-align: top; text-align: center; padding: 0 20px; margin: 0; color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 12px; line-height: 1.75; font-style: normal; text-transform: uppercase;}
section.contact address { padding: 0 0 20px 166px }
section.contact div.contact-info { padding: 0 80px}
section.contact div.contact-info h4{
	padding-bottom: 7px;
}
div.contact-info a { color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 12px; line-height: 1.75;}
div.contact-info a:hover { color: #aaa; }

div.subscribe { text-align: left; }
div.subscribe form { text-align: left; padding: 5px 0; min-width: 280px}
div.subscribe input[type="email"] { border: 0; width: 100%; max-width: 200px; line-height: 30px;  display: inline-block; color: #000; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 12px; margin-right: 5px; padding: 0 10px; min-height: 30px}
div.subscribe input[type="submit"] { border: 0; line-height: 30px;  display: inline-block; font-family: "Gotham A", "Gotham B"; font-weight: 500; font-size: 12px; background: transparent; color: #fff; letter-spacing: 1px;min-height: 30px}
div.subscribe p { font-size: 12px;  text-align: left;}
div.subscribe p b { font-weight: 300; margin-bottom: 5px; display: block}
div.subscribe div.skin-checkbox label { text-transform: none; max-width: 200px; margin-top: 10px; line-height: 1.25; font-weight: 300}
div.skin-checkbox input[type="checkbox"]:checked + label:before {     background-image: url(/lib/img/dark/checkmark.svg); }

div.subscribe *::-webkit-input-placeholder { line-height: 30px; color: #959595; font-size: 12px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase;}
div.subscribe *.missing::-webkit-input-placeholder {  color: #ff3300; }
div.subscribe *:-moz-placeholder { line-height: 30px; color: #959595; font-size: 12px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase; }
div.subscribe *.missing:-moz-placeholder {   color: #ff3300;  }
div.subscribe *:-ms-input-placeholder { line-height: 30px; color: #959595; font-size: 12px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase; }
div.subscribe *.missing:-ms-input-placeholder { color: #ff3300;  }

div.subscribe p.reveal-response {     color: #fff;    text-align: center; margin-top: 20px;  text-transform: none; font-size: 16px;}

footer ul.social {text-align: center; position: static; display: block; width: 100%; padding: 20px 20px 60px}
footer ul.social li {display: inline-block; vertical-align: middle; text-align: center}
footer ul.social li a {display: block; padding: 0 6px;}

section.remax-logo {padding: 0px 20px 30px; text-align: center;}
section.remax-logo a {display: inline-block; padding: 0px 20px 30px; vertical-align: middle;}
section.remax-logo a img {display: block; margin: 0 auto; width: 100%; max-width: 110px; }
section.remax-logo a:nth-child(2) img {display: block; margin: 0 auto; width: 100%; max-width: 60px;}

div.copyright  {text-align: center; position: static; display: block; width: 100%; padding: 0px 20px 30px}
div.copyright p {  color: #fff; font-size: 10px; font-family:"Gotham A", "Gotham B"; font-weight: 300; line-height: 1.5}
div.copyright a {  color: #fff; font-size: 10px; font-family:"Gotham A", "Gotham B"; font-weight: 300;}

section.contactform { background: url(/img/bg-contact.png) no-repeat #000 left bottom; padding: 90px 0}
section.contactform h2 { position: static;}
section.contactform form { display: block; width: 100%; max-width: 740px; margin: 40px auto 0;}
section.contactform form > div { display: inline-block; vertical-align: top;}
section.contactform form div.left { width: 60%; padding-right: 10px;}
section.contactform form div.right { width: 40%; }
section.contactform form input[type="text"] { display: block;  border: 1px solid #464646; width: 100%; line-height: 38px;  color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 16px; margin: 0; padding: 0 10px; background: transparent; margin-bottom: 10px; min-height: 38px}
section.contactform form textarea { display: block;  border: 1px solid #464646; width: 100%; line-height: 1.25;  color: #fff; font-family: "Gotham A", "Gotham B"; font-weight: 300; font-size: 16px; margin: 0; padding: 10px; height: 190px; background: transparent;}

section.contactform *::-webkit-input-placeholder { line-height: 38px; color: #fff; font-size: 16px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase;}
section.contactform textarea::-webkit-input-placeholder { line-height: 1.25; color: #fff; font-size: 16px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase;}
section.contactform *.missing::-webkit-input-placeholder {  color: #ff3300; }
section.contactform *:-moz-placeholder { line-height: 38px; color: #fff; font-size: 16px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase; }
section.contactform textarea:-moz-placeholder { line-height: 1.25; color: #fff; font-size: 16px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase; }
section.contactform *.missing:-moz-placeholder {   color: #ff3300;  }
section.contactform *:-ms-input-placeholder { line-height: 38px; color: #fff; font-size: 16px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase; }
section.contactform textarea:-ms-input-placeholder { line-height: 1.25; color: #fff; font-size: 16px; font-family:"Gotham A", "Gotham B"; text-transform: lowercase; }
section.contactform *.missing:-ms-input-placeholder { color: #ff3300;  }
section.contactform div.skin-checkbox label { text-transform: none; width: 100%; display: block; margin-top: 10px; line-height: 20px; font-weight: 300; color: #fff; font-size: 14px; }
section.contactform div.skin-checkbox input[type="checkbox"]:checked + label:before {     background-image: url(/lib/img/white/checkmark.svg); }
section.contactform div.skin-checkbox label:before { background: transparent; border: 1px solid #464646}
section.contactform input[type="submit"] { border: 0; line-height: 40px;  padding: 0 20px; display: table; font-family: "Gotham A", "Gotham B"; font-weight: 400; font-size: 14px; background: transparent; color: #fff; letter-spacing: 5px; border: 1px solid #fff; margin: 30px 0 0 auto; min-height: 40px}
section.contactform p.reveal-response {     color: #fff;    text-align: center;padding: 30px 0;     font-size: 18px;}

section.contactform.selected div.left { padding-left: 10px; padding-right: 0px;}
section.contactform div.right div { display: block; width: 100%; color: #fff; font-size: 12px; font-family:"Gotham A", "Gotham B";  font-weight: 300; text-align: left; margin-bottom: 10px;}
section.contactform div.thumbnail img { display: block; width: 100%;max-height: 186px; margin-bottom: 20px;}
section.contactform div.right div.address { font-size: 16px; font-family: Georgia; font-style: italic}
section.contactform div.right div.city { text-transform:uppercase;}
section.contactform div.right div.price { font-weight: 400;}

section.map-holder { margin: 100px 0; height: 600px; width: 100%; position: relative;}
/*section.map-holder * { max-width: 999999px;}*/
section.map-holder #gmap { position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; }

section.features { width: 100%; display: block; margin-bottom: 100px}
section.features ul.features { width: 100%; display: block;}
section.features ul.features li { width: 50%; height: 0;padding-bottom: 50%; display: inline-block; vertical-align: top; overflow: hidden; position: relative; margin-top: -1px; cursor: pointer; background: none; mix-blend-mode: none;}
section.features ul.features li.active:after { content: " "; display: block; position: absolute; z-index: 5; background: rgba(42, 55, 128, 1); top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; transition: all 1s ease-out; }
section.features ul.features li.active:before { content: " "; display: block; position: absolute; z-index: 6; background: url(/lib/img/white/plus.svg) no-repeat center center; background-size: contain; width: 45px; height: 45px; top: 30px; right: 30px; transform: rotate(45deg); opacity: .6}
section.features ul.features li div.thumb { width: 100%; height: 100%; position: absolute; z-index: 3;}
section.features ul.features li div.thumb img { width: 100%; height: auto; display: block}
section.features ul.features li div.trigger { position: absolute; z-index: 4; font-size: 18px; color: #000;  font-family: "Gotham A", "Gotham B"; font-weight: 300; letter-spacing: 5px; line-height: 1.25; text-transform: uppercase;}
section.features ul.features li.active div.trigger { display: none}
section.features ul.features li div.top { top: 100px; }
section.features ul.features li div.white { color: #fff;}
section.features ul.features li div.bottom { bottom: 100px; }
section.features ul.features li div.middle { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); }
section.features ul.features li div.left { left: 50px; }
section.features ul.features li div.right { right: 50px; text-align: right}
section.features ul.features li div.trigger:after { display: block; margin: 20px auto 0 0; content: " "; width: 50px; height: 50px; background: url(/lib/img/dark/plus.svg) no-repeat center center; background-size: contain; font-size: 60px; color: #000; font-weight: 300; text-align: left; }
section.features ul.features li div.white:after { color: #fff; background-image: url(/lib/img/white/plus.svg)}
section.features ul.features li div.right:after { margin: 20px 20px 0 auto}
section.features ul.features li div.more-info { display: none;}
section.features ul.features li.active div.more-info { display: block; position: absolute; bottom: 0; left: 0; padding: 50px; text-align: left; z-index: 6;}
section.features ul.features li.active div.more-info h4 { font-size: 18px; color: #fff;  font-family: "Gotham A", "Gotham B"; font-weight: 300; letter-spacing: 5px; line-height: 1.25;  margin-bottom: 30px ;text-transform: uppercase;}
section.features ul.features li.active div.more-info p { color: #fff; font-size: 14px;font-family: "Gotham A", "Gotham B"; font-weight: 300;  line-height: 2}

section.features ul.features li:last-child div.more-info { position: absolute; display: block; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); margin: 0; padding: 0}
section.features ul.features li.active:last-child div.more-info { bottom: auto; position: absolute; display: block; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); margin: 0; padding: 0}
section.features ul.features li.active:last-child:after { display: none;}
section.features ul.features li:last-child div.more-info p { color: #000; font-size: 18px;  font-weight: 300; font-family: "Gotham A", "Gotham B";  line-height: 2; display: block; max-width: 430px; margin: 0 auto; padding: 20px}
section.features ul.features li.active:last-child div.more-info p { color: #000; font-size: 18px;  font-weight: 300; font-family: "Gotham A", "Gotham B"; line-height: 2;}

section.resources { max-width: 1180px; padding: 0 20px; margin: 0 auto 100px;}
div.resources { border-bottom: 1px solid #ececec; }
section.resources h4 { font-weight: 300; font-size: 36px; color: #000; line-height: 150px; border-bottom: 1px solid #ececec; position: relative; cursor: pointer;}
section.resources h4.ui-accordion-header-active { border-bottom: 0px;}
span.ui-accordion-header-icon  { position: absolute; right: 0px; top: 60px; display: block; background: url(/lib/img/dark/plus.svg) no-repeat center center; background-size: contain; width: 20px; height: 20px; }
section.resources h4.ui-accordion-header-active span.ui-accordion-header-icon  { background-image:url(/lib/img/dark/minus.svg);}
section.resources p { font-size: 18px; color: #000; margin-bottom: 40px; line-height: 1.5; font-weight: 300}
section.resources h5 { font-size: 24px; color: #000; font-weight: 400; display: block; }

section.blog { max-width: 1180px; margin: 100px auto 100px; padding: 0 20px; font-size: 18px; font-weight: 300; font-family: "Gotham A", "Gotham B"; }
div.blog { display: inline-block; width: calc(100% - 200px); vertical-align: top; padding-right: 90px;}
section.blog aside  { width: 200px; display: inline-block; vertical-align: top; }
section.blog h2 { display: block; font-family: Georgia; font-style: italic; font-size: 48px; text-align: left; margin-bottom: 5px; padding: 0; position: static; color: #000; line-height: 1; margin-top: -5px;}
section.blog aside h2 { font-size: 18px; margin-top: 18px; margin-bottom: 10px}
section.blog aside img { display: block; margin: 0; padding: 0; width: 100%; max-width: 200px;}
section.blog div.date { display: block; font-weight: 300; letter-spacing: 3px; color: #000; font-size: 18px; margin-bottom: 55px;}
section.blog aside div.date { font-size: 10px; font-weight: 500; margin-bottom: 10px}
div.blog-content { display: block; font-size: 18px}
div.blog-content p { display: block; font-weight: 300; font-size: 1em; color: #000; margin-bottom: 40px; line-height: 1.5}
aside p { display: block; font-weight: 300; font-size: 14px; color: #000; margin-bottom: 0px; line-height: 1.5}
div.blog-content p:first-child { font-size: 1.33em}
section.blog aside { display: inline-block; width: 200px; vertical-align: top; margin-left: -5px}
section.blog a.button { color: #000; border: 1px solid #000; margin: 20px 0 50px; line-height: 30px; padding: 0 15px;}

div.blog ul { display: block; width: 100%; list-style-type: none; margin: 30px 0px; }
div.blog ul li { display: block; width: 100%; font-size: 1em; color: #000; padding: 5px 0px 5px 0px; }
div.blog ul li:before { content: "\2022"; display: inline-block; margin-right: 5px}
div.blog img { display: block; margin: 20px auto 20px 0;}

div.blog h3{margin-bottom: 10px; padding: ; position: static; color: #000; line-height: 1;}
div.blog p + h3 { margin-top: 80px}
div.blog-content p img {display:block; margin: 20px auto 20px 0; width:100%; max-width:700px;}

section.filters { width: 100%; padding: 80px 20px 50px; text-align: center; background: #000; } /* #c5a76e */
section.filters div.filter {display: inline-block;}
section.filters h6 { width: 100%; display: block;  font-family: Georgia; font-style: italic; font-size: 48px; text-align: center; color: #fff; margin: 0 0 30px; padding: 0; line-height: 1;}
section.filters label { display: inline-block; padding-right: 20px; padding-left: 25px; color: #fff; font-size: 18px; color: #fff; font-weight: 300; text-transform: uppercase;}
section.filters select { display: inline-block; margin-right: 20px; }

section.all-listings { margin: 80px 0 20px; width: 100%; padding: 0 55px;}
section.all-listings ul { display: block; width: 100%; text-align: center;}
section.all-listings ul li { display: inline-block; width: 33%; margin: 0 -2px 80px; vertical-align: top; padding: 0 15px; text-align: center; max-width: 390px; position: relative}
/*section.all-listings ul li.sold:after { content: ""; background: url(/img/sold.png) no-repeat right top; background-size: contain; right: 15px; top: 0px; position: absolute; display: block; width: 100px; height: 100px;}*/
section.all-listings ul li.sold:after {
	box-sizing:border-box;
	content: "SOLD";
	font-size:2em;
	font-weight: 500;
	color:#ffffff;
	padding-top:.5em;
    left: 15px;
    right: 15px;
    top: 0px;
    position: absolute;
    display: block;
    height: 2em;
	background-color:rgba(25, 57, 101, 0.9);
	}
/*section.all-listings ul li.comingsoon:after { content: ""; background: url(/img/comingsoon.png) no-repeat right top; background-size: contain; right: 15px; top: 0px; position: absolute; display: block; width: 119px; height: 119px;}*/
section.all-listings ul li.comingsoon:after {
	box-sizing:border-box;
	content: "COMING SOON";
	font-size:2em;
	font-weight: 500;
	color:#ffffff;
	padding-top:.5em;
    left: 15px;
    right: 15px;
    top: 0px;
    position: absolute;
    display: block;
    height: 2em;
	background-color:rgba(0, 0, 0, 0.75);
}
section.all-listings ul li.sold a { cursor: default;}
section.all-listings ul a.button { cursor: pointer!important; margin: 15px 5px}

section.all-listings ul li.comingsoon a { cursor: default;}
section.all-listings ul li img { width: 100%; display: block; margin: 0 0 20px 0}
section.all-listings ul li h4 { font-weight: 500; font-size: 18px; color: #000; display: block; text-align: center; width: 100%; margin-bottom: 5px; text-transform: uppercase;}
section.all-listings ul li div { font-weight: 300; font-size: 14px; color: #000; display: block; text-align: center; width: 100%;margin-bottom: 5px; text-transform: uppercase;}
section.all-listings ul li div.hidden { display: none}
section.all-listings ul li div small { font-size: 10px; }
section.all-listings ul li div.price { font-weight: 500; }
section.all-listings ul li div.city { margin-bottom: 20px}

.select2-container { outline: none; width: 300px !important; display: inline-block; height: 48px;}
.select2-container .select2-selection--single {height: auto; padding: 0; outline: none; }
.select2-container--default .select2-selection--single { border-radius: 3px; border: 1px solid #fff; background-color: #fff;  font-size: 14px; color: #000; font-weight: 400; padding: 0; outline: none; position: relative;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1; color: #252525; outline: none;  padding-left: 0px; line-height: 48px; height: 48px; padding: 0px 20px; margin: 0; display: block; text-align: left;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0; border-left: 1px solid #000; padding: 0; width: 50px; outline: none; position: absolute; right: 0}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; width: 100%; height: 100%; position: absolute; top: 2px; left: 3px; background: url(/lib/img/dark/dropdown-arrow.svg) no-repeat center center; background-size: 11px 15px;}
ul.select2-results__options li { font-size: 14px; color: #000;  }
.select2-container--default .select2-search--dropdown .select2-search__field { font-family:'HelveticaNeueW01-45Ligh' !important;; font-size: 1.8em !important;; color: #252525 !important;;  border: 1px solid #ececec !important;}
.select2-dropdown { border: 1px solid #ececec !important; }
.select2-container--default .select2-results>.select2-results__options { max-height: 40em !important;}
ul.select2-results__options li { line-height: 48px; padding: 0 20px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #000}

div.bx-wrapper {z-index: 2}
ul#slideshow li > img {width: 100%;}
section.listing-gallery { position: relative; overflow: hidden}
section.listing-gallery div.caption { position: absolute; bottom: 0; width: 100%; display: block; padding-bottom: 30px; left: 0; z-index: 4; text-align: center; color: #fff;}
section.listing-gallery div.caption h1 { width: 100%; display: block;  font-family: Georgia; font-style: italic; font-size: 48px; text-align: center; color: #fff; margin: 0 0 10px; padding: 0; line-height: 1; }
section.listing-gallery div.caption h3 { width: 100%; display: block;   font-weight: 300; font-size: 14px; text-align: center; color: #fff; margin: 0 0 30px; padding: 0; line-height: 1; }

div.pager { overflow: hidden; width: 100%; display: block; position: absolute; z-index: 3}
ul#thumbnails { position: relative; font-size: 0px; left: 0; transition: left .3s ease-out; overflow: hidden;}
ul#thumbnails li { display: inline-block; }
ul#thumbnails li a { display: block; position: relative;border-right: 1px solid #fff; border-top: 1px solid #fff;}
ul#thumbnails li a:after { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.75); content: ""; transition: all .3s ease-out; width: 100%; height: 100%}
ul#thumbnails li a.active:after { background: rgba(255, 255, 255, 0); }

#toggle-thumbs img { display: block; width: 30px; margin: 30px auto 0}


section.listing-gallery {  overflow: hidden}
section.listing-gallery div.pager {  z-index: 5; bottom: -74px}
section.listing-gallery.show-thumbs div.pager { display: block; bottom: 0px; transition: all .3s ease-out;}


section.content div { display: block; width: 100%; text-align: center; font-size: 36px; font-weight: 300; line-height: 1; color: #000; margin-bottom: 10px;}
section.content div.sqft { font-size: 18px; font-weight: 400; }

ul.property-details { display: block; width: 100%; text-align: center; max-width: 850px; margin: 0 auto;}
ul.property-details li { width: 50%; display: inline-block; vertical-align: top; text-align: left; padding: 0 15px; margin: 0 -2px;}
ul.property-details li label { width: 50%; display: inline-block; text-align: left; vertical-align: top; font-weight: 400;font-size: 14px; color: #000;}
ul.property-details li div { width: 50%; display: inline-block; text-align: left; vertical-align: top; font-weight: 300;font-size: 14px; color: #000;}

ul.property-dimensions { display: block; width: 100%; text-align: center; max-width: 1040px; margin: 0 auto;}
ul.property-dimensions li { display: block; width: 100%; text-align: center; border-bottom: 1px solid #ececec; padding: 20px 0;}
ul.property-dimensions li.head div { font-weight: 400; }
ul.property-dimensions li div { display: inline-block; width: 25%; text-align: left; padding: 0px 20px 0 0; font-weight: 300;font-size: 14px; color: #000; line-height: 1.25; margin: 0 -2px; vertical-align: middle; text-transform: uppercase;}
ul.property-dimensions li div:last-child { text-align: right}

.bx-wrapper .bx-controls-direction a { display: block; background-position: center center !important; width: 37px; height: 20px; margin-top: -10px; background-size: contain; opacity: .5;}
.bx-wrapper .bx-controls-direction a:hover { display: block; background-position: center center !important; width: 37px; height: 20px; margin-top: -10px; background-size: contain; opacity: 1; transition: opacity .3s ease-out}
.bx-wrapper .bx-next { background-image: url(/lib/img/white/arrow1.svg); transform: rotate(180deg); right: 70px;}
.bx-wrapper .bx-prev { background-image: url(/lib/img/white/arrow1.svg); left: 70px;}

div.addthis_native_toolbox { display: table; text-align: center; margin: 0 auto; padding: 40px 0; left: -2000px; position: absolute; transition: left .5s ease-out; }
div.with-sharing div.addthis_native_toolbox { left: 0; position: absolute; top: 20px; left: 50%;  transform: translateX(-50%); -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%); }
div.headline div.buttons, div.headline h1, div.headline h3 { position: relative; top: 0px; }
div.with-sharing div.buttons, div.with-sharing h1, div.with-sharing h3 { position: relative; top: -50px; transition: top .3s ease-out;}


a#payment-calc, a#affordability-calc {margin-left: 0; margin-right: auto; min-width: 0}

article.notable-sales { padding-top: 60px;}

section.section-video a#videobutton { position: absolute; z-index: 3; width: 100%; top: 50%; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); height: 100px; background: url(/img/play.svg) no-repeat center center; cursor: pointer;}
section.section-video iframe { position: absolute; z-index: 3; width: 100%; height: 100%; display: block; bordeR: 0; top: 0; left: 0; display: none;}
section.banner-video { position: relative; z-index: 3; width: 100%; height: 0; display: block; padding-bottom: 56.25%;}
section.banner-video iframe { position: absolute; z-index: 3; width: 100%; height: 100%; display: block; bordeR: 0; top: 0; left: 0; }

ul.logos { display: block; max-width: 900px; width: 100%; margin: 0 auto; text-align: center;}
ul.logos li { display: inline-block; width: 33%; vertical-align: top; padding: 50px; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}
ul.logos li:nth-child(3), ul.logos li:nth-child(6), ul.logos li:nth-child(9), ul.logos li:nth-child(12) { border-right: 1px solid #fff; !important }
/*ul.logos li:nth-child(4), ul.logos li:nth-child(5), ul.logos li:nth-child(6) { border-bottom: 0px solid #c3c3c3;}*/
ul.logos li:nth-child(7) { border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;border-left: 0px solid #c3c3c3;}
ul.logos li:nth-child(8) { border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;border-left: 0px solid #c3c3c3;}
ul.logos li:nth-child(9) { border-bottom: 1px solid #c3c3c3; border-right: 1px solid #fff;border-left: 0px solid #c3c3c3;}
ul.logos li:nth-child(10) { border-bottom:0px solid #c3c3c3; border-left: 0px solid #c3c3c3;border-right: 1px solid #c3c3c3;}
ul.logos li:nth-child(11) { border-bottom:0px solid #c3c3c3; border-left: 0px solid #c3c3c3;border-right: 1px solid #c3c3c3;}
ul.logos li:nth-child(12) { border-bottom:0px solid #c3c3c3; border-left: 0px solid #c3c3c3;}
ul.logos img {width:100%; max-width:196px; max-height:196px;}

ul.testimonials { display: block; width: 100%; max-width: 1280px; margin: 0 auto; border-top: 1px solid #ececec}
ul.testimonials li { display: block; width: 100%;font-weight: 300; font-size: 36px; color: #000; border-bottom: 1px solid #ececec; position: relative; cursor: pointer; padding: 25px 60px 25px 0px; }
ul.testimonials li p { display: block; width: 100%; font-size: 18px; color: #000; margin-bottom: 40px; line-height: 1.5; font-weight: 300; max-width: 100%; text-align: left}
ul.testimonials li p span.more { display: none;}
#testimonials ul.testimonials li div.more { display: none;}
ul.testimonials li.open p span.more { display: inline;}
#testimonials ul.testimonials li.open div.more { display: inline;;}
ul.testimonials li legend { display: block; width: 100%; font-size: 16px; color: #000; margin-bottom: 40px; line-height: 1; font-weight: 300; font-style: italic; text-align: left;}

ul.testimonials li:after { position: absolute; right: 20px; top: 30px; display: block; background: url(/lib/img/dark/plus.svg) no-repeat center center; background-size: contain; width: 20px; height: 20px; content:  " ";}
ul.testimonials li.open:after { background-image:url(/lib/img/dark/minus.svg);}

section.all-listings ul li div.listing-summary { display: none;}
a.more-information-active + div.listing-summary { display: block!important;}
div.listing-summary p {
	font-size:1em;
		line-height: 1.5em;
	text-transform:none;
}

/*section.resources h4 { font-weight: 300; font-size: 36px; color: #000; line-height: 150px; border-bottom: 1px solid #ececec; position: relative; cursor: pointer;}*/
/*section.resources h4.ui-accordion-header-active { border-bottom: 0px;}*/
/*span.ui-accordion-header-icon  { position: absolute; right: 0px; top: 60px; display: block; background: url(/lib/img/dark/plus.svg) no-repeat center center; background-size: contain; width: 20px; height: 20px; }*/
/*section.resources h4.ui-accordion-header-active span.ui-accordion-header-icon  { background-image:url(/lib/img/dark/minus.svg);}*/
/*section.resources p { font-size: 18px; color: #000; margin-bottom: 40px; line-height: 1.5; font-weight: 300}*/
/*section.resources h5 { font-size: 24px; color: #000; font-weight: 400; display: block; }*/

/*	TABLET */
@media only screen and (max-width:1279px) {
	.select2-container { width: auto !important; min-width: 230px;}
	section.filters label { padding-right: 10px; padding-left: 15px; font-size: 16px; }

}

@media only screen and (max-width:1050px) {
	section.contact div.contact-info { padding: 0 20px; transition: all .3s ease-out;}
	section.contact address { padding: 0 20px; transition: all .3s ease-out;}
	section.contact div.susbcribe { padding: 0 20px; transition: all .3s ease-out;}

}

@media only screen and (max-width:1000px) {
	.select2-container { width: auto !important; min-width: 160px;}
	section.contactform { background-image: none;}

	section.listing-gallery div.caption { padding-bottom: 50px}

	section.blog h2 { font-size: 36px;}

}

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

	section.banner div.tagline, section.banner div.headline h1 {font-size: 36px;}
	ul.listings div.description { padding-left: 20px}

	section.blog-index ul li { padding: 0 10px;}

	ul.property-details li { width: auto;  display: block; margin: 0 auto }
	ul.property-details li label { text-align: right; padding-right: 10px}
	ul.property-details li div { padding-left: 10px}

	section.banner div.caption-box { max-width: 600px}

	section.contact address { padding: 0 20px }
	section.contact div.contact-info { padding: 0 20px}
	section.contact div.subscribe { display: block; padding: 0px 20px 50px 50px; margin: 0 auto; width: 360px; }
	footer {position: static;}
	body {padding-bottom: 0}

}

@media only screen and (max-width:800px) {
		div.blog { display: block; width: 100%; padding: 0;}
		section.blog aside { display: block; width: 100%; padding-top: 50px}
		div.blog-box { width: 50%; display: inline-block; margin: 0 -2px 50px; padding: 0 10px}
}


@media only screen and (max-width:768px) {
	article#home { padding-top: 60px;}
}
@media only screen and (max-width:767px) {
	article { padding-top: 60px;}

	div.mobile-phone	 { z-index: 101; position: fixed;}
	div.mobile-nav {background: #000}
	div.mobile-phone.slide-body {left: calc(200vw - 120px) !important}
	header.revealed {  z-index: 100; width: calc(100vw - 60px) !important}
	.slide-body {  left: calc(100vw - 60px) !important}
	header.revealed div.menu-toggle { position: fixed; top: 0; left: 0 !important; z-index: 100;}
	header.revealed nav.active { width: calc(100vw - 60px) !important; }
	header.revealed nav.active ul { width: 100%}
	header.revealed nav.active ul li { width: 100%; background: transparent}
	header.slide-body nav ul li a {}
	header.revealed ul.social { top: auto; right: auto; left: 20px; bottom: 60px; position: absolute; padding: 0}
	header.slide-body ul.social li a { padding: 0 20px 0 0}
	header.revealed div.logo { position: fixed; top: 0; left: 0; transition: all .3s ease-out;}
	header.slide-body div.logo {  left: calc(100vw - 60px) !important; z-index: 102;}

	header.revealed div.menu-toggle img { margin: 10px auto;}


	section.banner div.tagline h1, section.banner div.headline h1 { font-size: 32px; max-width: 400px; margin: 0 auto;}
	h2 { top: 50px; font-size: 20px}

	ul.listings div.description { position: static; background: #fff; padding: 0}
	ul.listings div.description div.thumb { position: absolute; bottom: 180px}
	ul.listings div.description div.info { vertical-align: top; margin-top: 40px; width: 100%; display: block}
	ul.listings div.description div.info h2 {text-align: center; color: #000}
	ul.listings div.description div.info h3 {text-align: center; color: #000}
	ul.listings div.description  div.buttons { display: block; text-align: center; width: 100%}
	ul.listings div.description div.info a.button { color: #000; border: 1px solid #000}
	ul.listings div.description div.info a.pin-button { background: url(/lib/img/dark/pin.svg) no-repeat 9px center; background-size: 11px 15px}

	section.banner div.caption-marketing div.title { font-size: 24px}

	section.blog-index ul li { display: none; }
	section.blog-index ul li:first-child { width: 100%; display: block; }

	section.filters label { display: block; padding-right: 0px; padding-left: 0px;}
	section.filters div.filter { padding: 0 10px; text-align: left}

	section.all-listings ul li { width: 50%}

	section.contactform form > div {display: block;}
	section.contactform form > div.skin-checkbox { padding-left: 20px}
	section.contactform form div.left {display: block; width: 100%; padding: 20px 20px 0}
	section.contactform.selected div.left {padding: 20px 20px 0}
	section.contactform form div.right {display: block; width: 100%; padding: 0 20px 20px 20px}
	section.contactform input[type="submit"] { margin: 30px auto 0 auto}

	section.contactform div.thumbnail { }
	section.contactform.selected div.right div {}
	section.contactform div.thumbnail img { max-height: 999px; max-width: 300px; height: auto; margin: 0 auto; }
	section.contactform div.right div { text-align: center;}

	section.listing-gallery div.caption { padding-bottom: 0px}
	#toggle-thumbs { display: none;}
	ul#thumbnails { display: none;}
section.listing-gallery { position: relative; margin-bottom: 0}

	section.features ul.features li { display: block; width: 100%;	padding-bottom: 100%}
	section.features ul.features li:last-child { height: auto; padding-bottom: 0;}
	section.features ul.features li:last-child div.more-info { position: static;  transform: none; -webkit-transform: none;  -ms-transform: none; top: 0; padding: 50px 20px}

	section.filters { padding: 30px 10px 20px}
	section.filters h6 { font-size: 24px}

	article#marketing-services section.banner div.headline small { letter-spacing: 0px; font-size: 18px}

	section.listing-gallery div.caption { position: static; display: block; width: 100%; padding: 50px 20px 50px}
	section.listing-gallery div.caption h1 { color: #000;}
	section.listing-gallery div.caption h3 { color: #000;}
	section.listing-gallery div.caption a.button{ color: #000; border: 1px solid #000}
	.bx-wrapper .bx-controls-direction a { display: none}
	ul.property-dimensions li div:last-child { text-align: left}

	ul.logos li { width: 50%; padding: 50px; }
	ul.logos li:nth-child(2), ul.logos li:nth-child(4), ul.logos li:nth-child(6), ul.logos li:nth-child(8), ul.logos li:nth-child(10) { border-right: 0px solid #c3c3c3; }
/*	ul.logos li:nth-child(5), ul.logos li:nth-child(6) { border-bottom: 0px solid #c3c3c3;}*/
	ul.logos li:nth-child(4) { border-bottom: 1px solid #c3c3c3;}
	ul.logos li:nth-child(3) { border-right: 1px solid #c3c3c3;}
	ul.logos li:nth-child(7), ul.logos li:nth-child(8) { border-bottom: 1px solid #c3c3c3;}
 	ul.logos li:nth-child(9) { border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}
	ul.logos li:nth-child(10) { border-right: 0px solid #c3c3c3;  border-left: 0px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}

	 ul.testimonials li { padding: 20px 40px 20px 0}
	 ul.testimonials li:after { right: 10px}
}


@media only screen and (max-height: 550px) {
	footer { position:relative;}
	body { padding-bottom: 0}
}

@media only screen and (max-width:600px) {
	h2 { top: 30px;}
	section.past-projects ul li {width: 100%; display: block;}
	section.past-projects ul li:nth-child(even) { margin-left: 0}
	ul.listings div.description div.thumb img { max-height: 100px; display: none}
	section.banner div.caption-about { position: static; background: #000; padding: 50px 20px}
	section.banner div.caption-marketing { position: static; transform: none; -webkit-transform: none;  -ms-transform: none; background: #000; padding: 50px 0}
	section.contact > div, address { margin-bottom: 50px; display: block}
	footer ul.social { padding: 20px 20px 0}
	footer { position:relative;}
	body { padding-bottom: 0}
	section.filters div.filter { padding: 0 10px 30px; text-align: center; display: block; }
	section.filters label { padding-bottom: 5px; text-align: left}
	.select2-container { width: 100% !important; min-width: 160px;}

	section.all-listings { padding: 0 0px}
	section.all-listings ul li { width: 100%; margin: 0 0 50px 0; padding: 0}
	section.all-listings ul li.sold:after { right: 0; left:0;}
	section.all-listings ul li.comingsoon:after { right: 0; left:0;}

	ul.property-dimensions li div { width: 100%;}

	section.banner div.caption-box { position: static; background: #fff; color: #000; transform: none; -webkit-transform: none;  -ms-transform: none; font-weight: 300; padding-bottom: 0}

	section.resources h4 { font-size: 24px; line-height: 80px;}
	span.ui-accordion-header-icon { top: 30px}

	div.blog-box { width: 100%; display: block; margin: 0 auto 50px; padding: 0 20px}

	section.content { margin: 50px 0; }
	section.map-holder { margin: 50px 0; }
	section.features { margin-bottom: 50px}
	section.resources { margin: 0 auto 50px;}
	section.blog { margin: 50px auto 50px; }

	section.features ul.features li.active div.more-info {padding: 20px;}
	ul.logos li { width: 50%; padding: 30px; }

}



/*	IPHONE 6 PLUS */
@media only screen and (max-width:437px) {
	header.revealed {  width: calc(100vw - 40px) !important}
	.slide-body {  left: calc(100vw - 40px) !important}
	header.revealed nav.active { width: calc(100vw - 40px) !important; }

	section.banner div.tagline h1, section.banner div.headline h1 { font-size: 24px; padding: 0 20px; }
	section.main-banner div.tagline h1, section.banner div.headline h1 { font-size: 24px; padding: 0 20px; }
	article#marketing-services section.banner div.headline small { font-size: 0.7em}
/*	article#about section.main-banner div.tagline h1, section.banner div.headline h1 { display: none}*/
	section.main-banner div.tagline { bottom: auto; top: 50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);}

	section.main-banner {overflow: hidden;}
	section.main-banner img {width: 200vw;max-width: 200vw; position: relative; left: -100vw}
	ul.logos li { width: 50%; padding: 25px; }

}

/*	IPHONE 6*/
@media only screen and (max-width:393px) {
	header.revealed {  width: calc(100vw - 30px) !important}
	.slide-body {  left: calc(100vw - 30px) !important}
	header.revealed nav.active { width: calc(100vw - 30px) !important; }

}

/*	IPHONE 5 */
@media only screen and (max-width:320px) {
}


@media only screen and (max-height:950px) {
}

@media only print {
}


#mypedram { display: none;}