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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, audio, canvas, figure, figcaption, footer, header, nav ,section {display: block}
body {
line-height: 1;
margin: 0px;
padding: 0px;
-webkit-font-smoothing: antialiased;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
.clear,
.clearfix {
clear: both;
} :focus {
outline: 0;
border: 0px none;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
}#container .row {
width: 100%;
margin: 0 auto;
max-width: 1247px;
}
@media only screen 
and (min-width : 1486px) {
#container .row.force-full {
max-width: 98%!important;
}
} #container-fixed .row {
width: 1247px;
} .grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12, 
.grid_13, 
.grid_14, 
.grid_15, 
.grid_16 {
padding: 0px 13.5px;
}
.no-pad-left { padding-left: 0; }
.no-pad-right { padding-right: 0; } #container {
width: 100%;
position: relative;
overflow: hidden;
}
#container-fixed {
width: 100%;
overflow: hidden;
} .fluid-row {
width: 100%;
}
.fluid-row .row {
margin: 0 auto;
} .grid_1 .box,
.grid_2 .box,
.grid_3 .box,
.grid_4 .box,
.grid_5 .box,
.grid_6 .box,
.grid_7 .box,
.grid_8 .box,
.grid_9 .box,
.grid_10 .box,
.grid_11 .box,
.grid_12 .box,
.grid_13 .box,
.grid_14 .box,
.grid_15 .box,
.grid_16 .box {
display: block;
}
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12, 
.grid_13, 
.grid_14, 
.grid_15, 
.grid_16 {
position: relative;
float: left;
min-height: 1px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
#container .grid_1,
#container-fixed .grid_1 {
width: 6.25%;
}
#container .grid_2,
#container-fixed .grid_2 {
width: 12.5%;
}
#container .grid_3,
#container-fixed .grid_3 {
width: 18.75%;
}
#container .grid_4,
#container-fixed .grid_4 {
width: 25%;
}
#container .grid_5,
#container-fixed .grid_5 {
width: 31.25%;
}
#container .grid_6,
#container-fixed .grid_6 {
width: 37.5%;
}
#container .grid_7,
#container-fixed .grid_7 {
width: 43.75%;
}
#container .grid_8,
#container-fixed .grid_8 {
width: 50%;
}
#container .grid_9,
#container-fixed .grid_9 {
width: 56.25%;
}
#container .grid_10,
#container-fixed .grid_10 {
width: 62.5%;
}
#container .grid_11,
#container-fixed .grid_11 {
width: 68.75%;
}
#container .grid_12,
#container-fixed .grid_12 {
width: 75%;
}
#container .grid_13,
#container-fixed .grid_13 {
width: 81.25%;
}
#container .grid_14,
#container-fixed .grid_14 {
width: 87.5%;
}
#container .grid_15,
#container-fixed .grid_15 {
width: 93.75%;
}
#container .grid_16,
#container-fixed .grid_16 {
width: 100%;
} .cf:before, 
.cf:after { 
content:""; 
display:table; 
}
.cf:after { 
clear:both; 
}  .left-0 { 
right: 0%; 
}
.left-1 { 
right: 6.25%; 
}
.left-2 { 
right: 12.5%;
}
.left-3 { 
right: 18.75%; 
}
.left-4 { 
right: 25%; 
}
.left-5 { 
right: 31.25%; 
}
.left-6 { 
right: 37.5%; 
}
.left-7 { 
right: 43.75%; 
}
.left-8 { 
right: 50%; 
}
.left-9 { 
right: 56.25%; 
}
.left-10 { 
right: 62.5%; 
}
.left-11 { 
right: 68.75%; 
}
.left-12 { 
right: 75%; 
}
.left-13 { 
right: 81.25%; 
}
.left-14 { 
right: 87.5%; 
}
.left-15 { 
right: 93.75%; 
}
.left-16 { 
right: 100%; 
} .right-0 { 
left: 0%; 
}
.right-1 { 
left: 6.25%; 
}
.right-2 { 
left: 12.5%; 
}
.right-3 { 
left: 18.75%; 
}
.right-4 { 
left: 25%; 
}
.right-5 { 
left: 31.25%; 
}
.right-6 { 
left: 37.5%; 
}
.right-7 { 
left: 43.75%; 
}
.right-8 { 
left: 50%; 
}
.right-9 { 
left: 56.25%; 
}
.right-10 { 
left: 62.5%; 
}
.right-11 { 
left: 68.75%; 
}
.right-12 { 
left: 75%; 
}
.right-13 { 
left: 81.25%; 
}
.right-14 { 
left: 87.5%; 
}
.right-15 { 
left: 93.75%; 
}
.right-16 { 
left: 100%; 
}  .offset-left-0 { 
margin-left: 0%; 
}
.offset-left-1 { 
margin-left: 6.25%; 
}
.offset-left-2 { 
margin-left: 12.5%; 
}
.offset-left-3 { 
margin-left: 18.75%; 
}
.offset-left-4 { 
margin-left: 25%; 
}
.offset-left-5 {
margin-left: 31.25%; 
}
.offset-left-6 { 
margin-left: 37.5%; 
}
.offset-left-7 { 
margin-left: 43.75%; 
}
.offset-left-8 { 
margin-left: 50%; 
}
.offset-left-9 { 
margin-left: 56.25%; 
}
.offset-left-10 { 
margin-left: 62.5%; 
}
.offset-left-11 { 
margin-left: 68.75%; 
}
.offset-left-12 { 
margin-left: 75%; 
}
.offset-left-13 { 
margin-left: 81.25%; 
}
.offset-left-14 { 
margin-left: 87.5%; 
}
.offset-left-15 { 
margin-left: 93.75%; 
}
.offset-left-16 { 
margin-left: 100%; 
} .offset-right-0 { 
margin-right: 0%; 
}
.offset-right-1 { 
margin-right: 6.25%; 
}
.offset-right-2 { 
margin-right: 12.5%; 
}
.offset-right-3 { 
margin-right: 18.75%; 
}
.offset-right-4 { 
margin-right: 25%; 
}
.offset-right-5 { 
margin-right: 31.25%; 
}
.offset-right-6 { 
margin-right: 37.5%; 
}
.offset-right-7 { 
margin-right: 43.75%; 
}
.offset-right-8 { 
margin-right: 50%; 
}
.offset-right-9 { 
margin-right: 56.25%; 
}
.offset-right-10 { 
margin-right: 62.5%;
}
.offset-right-11 { 
margin-right: 68.75%; 
}
.offset-right-12 { 
margin-right: 75%; 
}
.offset-right-13 { 
margin-right: 81.25%; 
}
.offset-right-14 { 
margin-right: 87.5%; 
}
.offset-right-15 { 
margin-right: 93.75%; 
}
.offset-right-16 { 
margin-right: 100%; 
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}  @font-face {
font-family: 'flexslider-icon';
src:url(//sjgproperties.com/wp-content/themes/sjg-properties/css/fonts/flexslider-icon.eot);
src:url(//sjgproperties.com/wp-content/themes/sjg-properties/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),
url(//sjgproperties.com/wp-content/themes/sjg-properties/css/fonts/flexslider-icon.woff) format('woff'),
url(//sjgproperties.com/wp-content/themes/sjg-properties/css/fonts/flexslider-icon.ttf) format('truetype'),
url(//sjgproperties.com/wp-content/themes/sjg-properties/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 100%;}  .no-js .slides > li:first-child {display: block;} .flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; margin: -20px 0 0; position: absolute; top: 87%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/gallery-navigation.png) left top no-repeat; width: 18px; height: 36px; text-indent: 99999px; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { background-position: top right; right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { }
.flex-direction-nav a.flex-next:before  { } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; } #slider-home .flex-control-nav {
width: 100%; 
max-width: 1247px; 
position: absolute; 
bottom: 27px; 
top: auto; 
text-align: right;
margin: 0 auto;
}
@media only screen 
and (min-width : 1486px) {
#slider-home .flex-control-nav {
max-width: 100%;
}
}
.flex-control-nav { width: 100%; position: absolute; bottom: auto; top: 639px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: 9999px; border: 1px solid transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-control-paging li a:hover { background: #333; background: rgba(26,151,184,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b21a97b8,endColorstr=#b21a97b8); border: 1px solid #4f734c; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(26,151,184,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e51a97b8,endColorstr=#e51a97b8); cursor: default; border: 1px solid #4f734c; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
#container-nav .flex-control-nav {
position: static;
bottom: auto;
}
#container-nav .flex-control-nav li:last-child { margin-right: 0; }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}.ui-dialog { z-index: 20; }
.text-area h1 {
font-family: 'Roboto Slab', serif;
font-size: 58px;
font-weight: 300;
}
.text-area h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
}
.text-area h3 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
}
.text-area h4 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.text-area h5 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #333232;  font-size: 20px;  font-weight: 700;
letter-spacing: 1px;  padding-bottom: 9px;
}
.text-area h6 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.text-area p {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px;
}
.text-area strong {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: 35px;
}
.text-area li {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
}  .grey-box {
background-color: #333232;
}
.grey-box h1,
.grey-box h2,
.grey-box h3,
.grey-box h4,
.grey-box h5,
.grey-box h6,
.grey-box p {
color: #ffffff;
}  .bttn {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
line-height: 48px;
display: inline-block;
margin: 0 auto;
height: 48px;
width: 100%;
max-width: 188px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bttn.dark { border-bottom: 2px solid #464444; background-color: #464444; }
.bttn.light { border-bottom: 2px solid #1a97b8; background-color: #1a97b8; }
.bttn:hover,
.bttn.active {
border-bottom: 2px solid #a2d49f; }
.bttn-long {
background-color: #464444;
color: #f0f0f0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
line-height: 28px;
display: inline-block;
position: relative;
height: 28px;
width: 100%;
max-width: 137px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bttn-long.white {
border: 1px solid #fbfbfb;
border-right-width: 23px;
}
.bttn-long.blue {
border: 1px solid #1a97b8;
border-right-width: 23px;
}
.bttn-long:after {
content: "";
position: absolute;
right: -27px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 4px;
top: 50%;
margin-top: -6px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bttn-long.white:after{border-color: transparent transparent transparent #fbfbfb;}
.bttn-long.blue:after{border-color: transparent transparent transparent #1a97b8;}
.bttn-long.white:hover,
.bttn-long.white.active {
border-color: #1a97b8;
}
.bttn-long.white:hover:after,
.bttn-long.white.active:after  {
border-color: transparent transparent transparent #1a97b8;
}
.bttn-long.blue:hover,
.bttn-long.blue.active {
border-color: #fbfbfb;
}
.bttn-long.blue:hover:after,
.bttn-long.blue.active:after  {
border-color: transparent transparent transparent #fbfbfb;
}  #img-parallax {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 700px;
overflow: hidden;
}
.bg {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;
width: 100%;
-ms-behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/backgroundsize.min.htc);
}
.project-item .bg{
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
height: 100%;
width: 100%;
-ms-behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/backgroundsize.min.htc);
}
#img-parallax .bg {
-webkit-box-shadow: inset 0 -19px 19px -9px rgba(0,0,0,0.6);
box-shadow: inset 0 -19px 19px -9px rgba(0,0,0,0.6);
}
#contact #img-parallax > .bg { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/backgrounds/contact.jpg); }
#commercial-retail #img-parallax > .bg { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/backgrounds/commercial-retail.jpg); }
#residential #img-parallax > .bg { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/backgrounds/residential.jpg); }
#properties #img-parallax > .bg { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/backgrounds/properties.jpg); }
#about-inside #img-parallax > .bg { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/backgrounds/properties.jpg); }
#about #img-parallax > .bg { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/backgrounds/about.jpg); }
body.gold #properties #img-parallax > .bg { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/backgrounds/properties-gold.jpg); }  .no-mobile { }
.mobile { display: none; }  input[type="text"]{
border: none;
color: #6d6e76;
font-family: 'Open Sans', sans-serif;
font-size: 11.52px;
padding: 0 12px;
height: 36px;
width: 100%;
max-width: 208px;
} .select {
width: 232px;
height: 36px;
display: inline-block;
background-color: #ffffff;
line-height: 36px;
cursor: pointer;
position: relative;
text-align: left;
}
.select p {
color: #6d6e76;
font-family: 'Open Sans', sans-serif;
font-size: 11.52px;
width: 208px;
height: 36px;
line-height: 36px;
padding: 0px 12px;
background-repeat: no-repeat;
margin-bottom: 0px!important;
text-transform: uppercase;
}
.select p span {
width: 100%;
overflow: hidden;
line-height: 36px;
height: 100%;
}
.select p span.arrow {
position: absolute;
right: 0;
top: 0;
background-color: #1a97b8;
width: 36px;
line-height: 36px;
height: 36px;
}
.select p span.arrow:after {
content: "";
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -4px;
margin-top: -2.5px;
}
.select:hover p {
background-position: right -54px;
}
.select ul {
width: 100%;
max-height: 93px;
height: 0px;
overflow: hidden;
background-color: white;
border-top: 1px solid #E8E7E5;
opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
position: absolute;
z-index: 100;
}
.select.active ul {
height: 150px;
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.select ul li {
width: 94%;
padding: 0px 3%;
line-height: 30px;
color: #333333;
font-size: 14px;
font-weight: 400;
border-top: 1px solid #E8E7E5;
font-family: 'Lato', sans-serif;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
text-transform: uppercase;
}
.select ul li:hover {
background-color: #F0F0E7;
}
.select ul li:first-child {
border: 0px;
}  #main-header {
position: fixed;
top: 0;
height: 129px;
width: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
-o-text-overflow: clip;
text-overflow: clip;
background: rgba(255, 255, 255, 0.90);
z-index: 30;
zoom: 1;
}
.Explorer.v8 #main-header { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff); }
#main-header #logo-header {
float: left;
}
#main-header #logo-header .no-mobile {
padding-top: 45px;
float: left;
}
#main-header nav {
float: right;
padding-top: 64px;
}
#main-header nav li {
display: inline-block;
padding: 0 22px;
}
#main-header nav li:last-child {
padding-right: 0;
}
#main-header nav li a {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
#main-header nav li a:hover {
border-bottom: 1px solid #a2d49f;
}
#main-header nav li.current-menu-item a {
border-bottom: 1px solid #1a97b8;
} #page-header {
position: fixed;
top: 128px;
height: 54px;
width: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
-o-text-overflow: clip;
text-overflow: clip;
background: transparent;
z-index: 30;
}
#page-header .breadcrumb {
height: 53px;
width: 100%;
border-bottom: 1px solid #fff;
}
#page-header h6 {
color: #ffffff;
line-height: 54px;
font-weight: 600;
display: inline-block;
}
#page-header nav {
width: 100%;
margin-top: -40px;
}
#page-header ul {
text-align: right;
}
#page-header ul > li {
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 29px;
padding-left: 40px;
text-transform: uppercase;
}
#page-header ul > li > a {
color: #ffffff;
}
#page-header ul > li > a:hover {
border-bottom: 1px solid #a2d49f;
}
#page-header ul > li.current-menu-item > a {
border-bottom: 1px solid #1a97b8;
}
#page-header {
position: fixed;
top: 129px;
height: 37.95px;
width: 100%;
background:rgb(27,133,169);
background: transparent\9;
background:rgba(27,133,169,0.8);
zoom: 1;
z-index: 5;
}
.Explorer.v8 #page-header { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc1b85a9,endColorstr=#cc1b85a9); }
#page-header .breadcrumb {
height: 53px;
width: 100%;
border-bottom: none;
}
#page-header h6 {
line-height: 38px;
}
#page-header h6 a { color: #ffffff; }
#page-header h6:first-child { padding-left: 0; }
#page-header h6 { padding-left: 15px; }
#page-header nav {
margin-top: -38px;
}
#page-header nav > ul > li {
display: inline-block;
padding-left: 40px;
font-size: 16px;
font-weight: 600;
line-height: 38px;
}
#page-header nav > ul > li > a {
color: #fefefe;
}
#tertiary-navigation {
position: fixed;
top: 129px;
height: 37.95px;
width: 100%;
background:rgb(27,133,169);
background: transparent\9;
background:rgba(27,133,169,0.8);
zoom: 1;
z-index: 5;
}
body.gold #tertiary-navigation {
background: rgba(189, 148, 92, 0.90);
}
#tertiary-navigation.mobile{
position: relative;
top: 50px;
height: auto;
background: rgba(27,133,169,1);
}
#tertiary-navigation.mobile nav > ul > li{
padding-left:0;
margin:10px 0;
}
#tertiary-navigation.mobile nav > ul > li:first-child{
margin-right:15px
}
#tertiary-navigation.mobile nav > ul > li > a {
font-size: 15px;
line-height: 20px;
}
#tertiary-navigation.mobile nav > ul > li.current-menu-item a {
border-bottom: 1px solid #a2d49f;
}
.Explorer.v8 #tertiary-navigation { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc1b85a9,endColorstr=#cc1b85a9); }
#tertiary-navigation nav > ul {
text-align: center;
}
#tertiary-navigation nav > ul > li {
display: inline-block;
padding-left: 50px;
}
#tertiary-navigation nav > ul > li > a {
color: #fefefe;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 38px;
text-transform: uppercase;
}
#tertiary-navigation nav > ul > li > a:hover {
border-bottom: 1px solid #a2d49f;
}
body.gold #tertiary-navigation nav > ul > li > a:hover {
border-bottom: 1px solid #fff;
} #open-menu-mobile {
background-color: #2597b6;
float: right;
width: 50px;
height: 50px;
margin-right: -10px;
overflow: hidden;
}
#open-menu-mobile > .menu-item {
float: left;
width: 50px;
height: 50px;
text-align: center;
}
#open-menu-mobile > .menu-item > span > img {
padding-top: 14px;
padding-bottom: 3px;
}
#open-menu-mobile > .menu-item > p {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
text-transform: uppercase;
}
#mobile-main-menu {
display: none;
background-color: #ffffff;
width: 100%;    height: 100%;
position: fixed;
overflow: scroll;
top: 50px;    left: 0px;
z-index: 99;
-webkit-backface-visibility: hidden;
}
#mobile-main-menu > #site-menu > nav { overflow-y: scroll;
height: 100%;
}
#mobile-main-menu > #site-menu > nav > ul > li,
#mobile-main-menu > #site-menu > nav > ul > li > ul > li {
border-bottom: 1px solid #2597b6;
float: left;
width: 100%;
}
#mobile-main-menu > #site-menu > nav > ul > li > ul > li:last-child {
border-bottom: none;
}
#mobile-main-menu > #site-menu  a {
cursor: pointer;
}
#mobile-main-menu > #site-menu > nav > ul > li ul { display: none; }
#mobile-main-menu > #site-menu > nav > ul > li ul > li > ul { display: none; }
#mobile-main-menu > #site-menu > nav > ul li.current-menu-ancestor > ul,
#mobile-main-menu > #site-menu > nav > ul li.current-menu-item > ul { display: block; }
#mobile-main-menu > #site-menu > nav > ul > li > a {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
padding-left: 8px;
float: left;
height: 52px;
line-height: 52px;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
position: relative;
}
#mobile-main-menu > #site-menu > nav > ul > li > a > span {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/header/menu-icon.png) top center no-repeat;
position: absolute;
right: 10px;
top: 15px;
height: 18px;
width: 18px;
}  #mobile-main-menu > #site-menu > nav > ul > li > ul {
padding-left: 18px;
}
#mobile-main-menu > #site-menu > nav > ul > li > ul > li > ul {
padding-left: 32px;
}
#mobile-main-menu > #site-menu > nav > ul > li > ul > li > a {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
height: 30px;
line-height: 30px;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
#mobile-main-menu > #site-menu > nav > ul > li > ul > li > ul > li > a {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 30px;
width: 100%;
height: 30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
#mobile-main-menu > #site-menu #site-menu-bottom {
position: relative;
width: 100%;
bottom: 0;
height: 201px;
}
#mobile-main-menu > #site-menu #site-menu-bottom.absolute {
position:absolute;
}
#mobile-main-menu > #site-menu #site-menu-bottom .bttn-area {
border-top: 2px solid #2597b6;
width: 100%;
height: 62px;
}
#mobile-main-menu > #site-menu #site-menu-bottom .bttn-area > a {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
line-height: 62px;
background-color: #808181;
float: left;
height: 62px;
width: 50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
text-align: center;
}
#mobile-main-menu > #site-menu #site-menu-bottom .bttn-area > a:first-child {
border-right: 2px solid #2597b6;
}
#mobile-main-menu > #site-menu #site-menu-bottom .bttn-area.dark > a {
background-color: #434444;
}
#mobile-main-menu > #site-menu #site-menu-bottom .bttn-area > a > span {
display: inline-block;
height: 40px;
width: 40px;
padding-top: 11px;
padding-right: 4px;
float: left;
margin-left: 20px;
margin-right: -40px;
}
#mobile-main-menu > #site-menu #site-menu-bottom .bttn-area > a:first-child > span {
margin-right: -30px;
}
#mobile-main-menu .copy-area {
text-align: center;
width: 100%;
height: 23px;  background-color: #FFFFFF;
}
#mobile-main-menu .copy-area > p {
color: #333232;
font-size: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 23px;
}
#mobile-main-menu > #email-menu {
display: none;
}
#mobile-main-menu > #email-menu > nav {
padding-bottom: 27px;
}
#mobile-main-menu > #email-menu > nav > ul > li {
border-bottom: 1px solid #2597b6;
display: inline-block;
height: 96px;
width: 100%;
text-align: center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
#mobile-main-menu > #email-menu > nav > ul > li > h6 {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
padding-top: 22px;
padding-bottom: 13px;
}
#mobile-main-menu > #email-menu > nav > ul > li > .bttn {
font-size: 12px;
height: 33px;
line-height: 33px;
width: 151px;
}
#mobile-main-menu > #email-menu > .cancel {
padding-bottom: 21px;
text-align: center;
width: 100%;
}
#mobile-main-menu > #email-menu > .cancel > a {
color: #434444;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
#mobile-main-menu > #email-menu >  #email-menu-bottom {
position: relative;
width: 100%;
height: 138px;
bottom: 0;
}
#mobile-main-menu > #email-menu >  #email-menu-bottom.absolute {
position: absolute;
}
#mobile-main-menu > #email-menu >  #email-menu-bottom  .bttn-area {
border-top: 2px solid #2597b6;
width: 100%;
}
#mobile-main-menu > #email-menu >  #email-menu-bottom  .bttn-area > a {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
line-height: 62px;
background-color: #434444;
float: left;
height: 62px;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
text-align: center;
}
#mobile-main-menu > #email-menu >  #email-menu-bottom  .bttn-area > a > span {
display: inline-block;
height: 40px;
width: 40px;
padding-top: 11px;
padding-right: 4px;
float: left;
margin-left: 87px;
margin-right: -117px;
}
#mobile-main-menu > #tenant-menu {
display: none;
}
#mobile-main-menu > #tenant-menu > nav {
padding-bottom: 27px;
height: calc(100vh - 215px);
overflow: hidden;
overflow-y: auto;
}
#mobile-main-menu > #tenant-menu > nav > ul > li {
border-bottom: 1px solid #2597b6;
display: inline-block;
height: 96px;
width: 100%;
text-align: center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
#mobile-main-menu > #tenant-menu > nav > ul > li > h6 {
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
padding-top: 22px;
padding-bottom: 13px;
}
#mobile-main-menu > #tenant-menu > nav > ul > li > .bttn {
font-size: 12px;
height: 33px;
line-height: 33px;
margin-top: 30px;
}
#mobile-main-menu > #tenant-menu > .cancel {
padding-bottom: 21px;
text-align: center;
width: 100%;
}
#mobile-main-menu > #tenant-menu > .cancel > a {
color: #434444;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #333232;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
padding-top: 22px;
padding-bottom: 13px;
}
#mobile-main-menu > #tenant-menu >  #tenant-menu-bottom {
position: relative;
width: 100%;
height: 138px;
bottom: 0;
}
#mobile-main-menu > #tenant-menu >  #tenant-menu-bottom.absolute {
position: absolute;
}
#mobile-main-menu > #tenant-menu >  #tenant-menu-bottom  .bttn-area {
border-top: 2px solid #2597b6;
width: 100%;
}
#mobile-main-menu > #tenant-menu >  #tenant-menu-bottom  .bttn-area > a {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
line-height: 62px;
background-color: #808181;
float: left;
height: 62px;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
text-align: center;
}
#mobile-main-menu > #tenant-menu >  #tenant-menu-bottom  .bttn-area > a > span {
display: inline-block;
height: 40px;
width: 40px;
padding-top: 11px;
padding-right: 4px;
float: left;
margin-left: 87px;
margin-right: -117px;
} #main-header #load {
display: none;
float: right;
margin-left: 23px;
height: 129px;
width: 176px;
overflow: hidden;
padding: 0;
padding-right: 17px;
background:rgb(27,133,169);
background: transparent\9;
background:rgba(27,133,169,0.8);
zoom: 1;
}
body.gold #main-header #load {
background:rgba(125, 102, 76, 0.9);
}
.Explorer.v8 #main-header #load { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc1b85a9,endColorstr=#cc1b85a9); }
#main-header #load > ul {
display: none;
padding-top: 26px;
text-align: right;
}
#main-header #load > ul > li {
padding: 0;
padding-bottom: 17px;
width: 100%;
}
#main-header #load > ul > li > a {
color: #ffffff;
font-size: 18px;
opacity: 1;
}
#main-header #load > ul > li > a:hover { border: none; }
#main-header #load > ul > li.current > a {
font-size: 18px;
opacity: 1;
}
#main-header #load.active,
#main-header .blue-background-header.active,
#main-header #load > ul.active {
display: block;
} #main-header .blue-background-header {
display: none;
position: fixed;
height: 129px;
width: 10px;
top: 0;
right: 0;
background:rgb(27,133,169);
background: transparent\9;
background:rgba(27,133,169,0.8);
}
body.gold #main-header .blue-background-header {
background:rgba(125, 102, 76, 0.9);
}
.Explorer.v8 #main-header .blue-background-header { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc1b85a9,endColorstr=#cc1b85a9); }
.single-property #main-header #load > ul,
.post-type-archive-floorplan #main-header #load > ul,
.post-type-archive-gallery #main-header #load > ul,
.post-type-archive-location #main-header #load > ul {
float: none;
display: inline-table;
text-align: center;
width: 100%;
height: 100%;
}
.single-property #main-header #load > ul > li.current,
.post-type-archive-floorplan #main-header #load > ul > li.current,
.post-type-archive-gallery #main-header #load > ul > li.current,
.post-type-archive-location #main-header #load > ul > li.current {
padding: 38px 0 0;
width: 100%;
}
.single-property #main-header #load > ul > li > a,
.post-type-archive-floorplan #main-header #load > ul > li > a,
.post-type-archive-gallery #main-header #load > ul > li > a,
.post-type-archive-location #main-header #load > ul > li > a { font-size: 16px; }  #main-content {
}
.anchor {
border: 1px solid #1a97b8;
background-color: #333232;
position: absolute;
width: 79px;
height: 79px;
top: -35px;
left: 50%;
margin-left: -40px;
-webkit-border-radius: 79px;
-moz-border-radius: 79px;
border-radius: 79px;
}
.anchor span {
float: left;
height: 100%;
width: 100%;
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/anchor-down-2.png);
background-position: center 25px;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0.5;
}
.anchor.up {
border: none;
display: none; position: fixed;
background-position: center center!important;
background-repeat: no-repeat;
top: auto;
bottom: 0;
width: 76px;
height: 76px;
margin-left: -38px;
background:rgb(26,151,184);
background: transparent\9;
background:rgba(26,151,184,0.3);
zoom: 1;
-webkit-border-radius: 76px;
-moz-border-radius: 76px;
border-radius: 76px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 99;
}
body.gold .anchor.up {
background: rgba(189, 148, 92, 0.90);
}
.Explorer.v8 .anchor.up { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c1a97b8,endColorstr=#4c1a97b8); }
.anchor:hover span {
opacity: 1;
}
.anchor.up:hover {
background:rgb(26,151,184);
background: transparent\9;
background:rgba(26,151,184,0.6);
zoom: 1;
}
.Explorer.v8 .anchor.up:hover { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991a97b8,endColorstr=#991a97b8); }
.anchor.up span {
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/anchor-up-2.png);
background-position: center center!important;
background-repeat: no-repeat;
width: 100%;
height: 100%;
float: left;
}
body.gold .anchor.up span {
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/anchor-up-2-white.png);
} #main-content .home-main-box {
border-top: 2px solid #1a97b8;
border-bottom: 3px solid #1a97b8;
padding: 60px 0 55px;
position: relative;
} #main-content #slider-home { }
#main-content #slider-home img { }
#main-content #slider-home .slide-text {
position: absolute;
bottom: 0;
width: 100%;
z-index: 2;
padding-top: 500px;
}
#main-content #slider-home .slide-text .box > .content {
text-align: right;
display: inline-block;
padding-top: 38px;
padding-left: 30px;
padding-right: 40px;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
#main-content #slider-home .slide-text .box {
background: rgba(255, 255, 255, 0.90);
float: right;
position: relative;
height: 224px;
width: 498px;
margin-bottom: 50px;
zoom: 1;
}
.Explorer.v8 #main-content #slider-home .slide-text .box { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff); }
#main-content #slider-home .slide-text h1 {
border-bottom: 1px solid #182a4c;
border-top: 1px solid #182a4c;
color: #0a1e42;
padding: 6px 0 10px;
filter: none; }
#main-content #slider-home .slide-text h6 {
color: #1a97b8;
padding-top: 18px;
filter: none;
} #main-content .home-main-box {
text-align: center;
}
#main-content .home-main-box p {
line-height: 31px;
}
#main-content .home-main-box .title {
padding-bottom: 50px;
}
#main-content .home-main-box .grid_8{  }
#main-content .home-main-box .grid_8:nth-child(2n) { }
#main-content .home-main-box h5 {
padding-bottom: 25px;
}
#main-content .home-main-box p {
padding-bottom: 20px;
width: 80%;
margin: 0 auto;
}
#main-content .home-main-box .bttn {
max-width: 215px;
} #main-content .image-box {
border-bottom: 3px solid #1a97b8;
display: inline-block;
min-height: 442px;
position: relative;
overflow: hidden;
float: left;
width: 100%;
}
#main-content .image-box > .panel {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
overflow: hidden;
}
#main-content .image-box > .panel > img { transform: scale(1);
-webkit-transition: transform 0.2s ease-out;
-moz-transition: transform 0.2s ease-out;
-o-transition: transform 0.2s ease-out;
-ms-transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out;
margin: -10px;
float: left;
}
#main-content .image-box.image-one > .panel { background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/home/panel-001.jpg) center center no-repeat; }
#main-content .image-box.image-two > .panel { background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/home/panel-002.jpg) center center no-repeat; }
#main-content .image-box.image-three > .panel { background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/home/panel-003.jpg) center center no-repeat; }
#main-content .image-box:hover .panel img {
-moz-transform: scale(1.04);
-webkit-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);
-ms-transform: scale(1.04);
}
.Explorer.v8 #main-content .image-box:hover .panel,
.Explorer.v9 #main-content .image-box:hover .panel {
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
}
.Explorer.v8 #main-content .image-box:hover .panel img {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')";
}
#main-content .image-box > .box {
background: rgba(255, 255, 255, 0.90);
float: left;
position: relative;
height: 302px;
width: 681px;
z-index: 9;
zoom: 1;
}
.Explorer.v8 #main-content .image-box > .box { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff); }
#main-content .image-box.image-one > .box {
margin-top: 78px;
}
#main-content .image-box.image-two > .box {
margin-top: 57px;
float: right;
text-align: right;
height: 363px;
width: 763px;
}
#main-content .image-box.image-three > .box {
margin-top: 57px;
height: 363px;
}
#main-content .image-box > .box > .content {
text-align: left
}
#main-content .image-box.image-one > .box > .content,
#main-content .image-box.image-three > .box > .content {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/image-box-bg.png) top right repeat-y;
display: inline-block;
padding-top: 70px;
padding-left: 136px;
padding-right: 32px;
max-width: 671px;
height: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
#main-content .image-box.image-one > .box > .content { padding-top: 77px; }
#main-content .image-box.image-two > .box > .content {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/image-box-bg.png) top left repeat-y;
display: inline-block;
padding-top: 52px;
padding-left: 89px;
padding-right: 90px;
max-width: 751px;
height: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
#main-content .image-box > .box > .content h2 {
color: #3f9cb5;
padding-bottom: 10px;
}
#main-content .image-box > .box > .content h3 {
color: #333232;
line-height: 40px;
text-transform: none;
} article.page {
padding-bottom: 25px;
padding-top: 215px;
}
article.page .content-area {
padding-top: 50px;
width: 100%;
background: rgba(255, 255, 255, 0.80);
zoom: 1;
float: left;
}
body.gold article.page .content-area {
background: #ffffff;
}
.Explorer.v8 article.page .content-area { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff); }
article.page .content-area .title-area {
text-align: center;
min-height: 130px;
}
article.page .content-area .title-area h1{
padding-bottom: 30px;
}
article.page .content-area .title-area h3{
line-height: 35px;
text-transform: none;
padding-bottom: 35px;
}
article.page .content-area .title-area p{
padding-bottom: 45px;
font-size: 18px;
line-height: 25px;
}
article.page .content-area .title-area .logoProp {
width: 240px;
height: 140px;
margin: 0 auto 30px auto;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
overflow: hidden;
text-indent: -9999px;
font-size: 0px;
}
@media only screen
and (min-width : 0px)
and (max-width : 767px) {
article.page .content-area .title-area .logoProp {
width: 200px;
height: 100px;
}
article.page .content-area .title-area p {
padding: 0px 20px;
}
article.page .content-area .title-area p br {
display: none;
}
}
@media only screen
and (min-width : 0px)
and (max-width : 1023px) {
article.page .content-area .title-area p br {
display: none;
}
} article.page .project-item {
cursor: pointer;
display: inline-block;
height: 460px;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 25px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
color: rgba(0,0,0,0.9);
-o-text-overflow: clip;
text-overflow: clip;
background: rgba(213, 229, 246, 0.39);
-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.5) ;
box-shadow: 0 0 6px 2px rgba(0,0,0,0.5) ;
}
article.page .project-item:last-child { margin-bottom: 0; }
article.page .project-item > img {
width: 100%;
}
article.page .project-item > .title-item {
background-color: #ffffff;
height: 96px;
width: 28.6%; position: absolute;
bottom: 0;
right: 0;
}
article.page .project-item > .title-item > .content {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/image-box-bg.png) top right repeat-y;
display: inline-block;
text-align: right;
padding-left: 10px;
padding-right: 9px;
padding-top: 25px;
height: 100%;
min-width: 242px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
float: right;
}
article.page .project-item > .title-item > .content > h4 {
color: #1a97b8;
padding-bottom: 5px;
}
article.page .project-item > .title-item > .content > h5 {
color: #333232;
text-transform: none;
}
article.page .project-item > .excerpt-item {
background: rgba(255, 255, 255, 0.90);
height: 96px;
width: 71.4%;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 0.5s linear;
zoom: 1;
}
.v8.Explorer article.page .project-item > .excerpt-item {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
display: none;
}
article.page .project-item:hover > .excerpt-item {
opacity:1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.v8.Explorer article.page .project-item:hover > .excerpt-item { display: block; }
article.page .project-item > .excerpt-item > .content {
display: inline-block;
padding-left: 50px;
padding-right: 10px;
padding-top: 16px;
height: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
article.page .project-item > .excerpt-item > .content > h6 {
color: #333232;
line-height: 26px;
font-weight: 400;
text-transform: none;
}
article.page .project-item > .excerpt-item > .content > a {
color: #1a97b8;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
text-decoration: underline;
text-transform: uppercase;
} article.page > .row > .grid_16 > .content-area .properties-menu {
border-bottom: 1px solid #3399cc;
border-top: 1px solid #3399cc;
height: 28px;
margin-bottom: 25px;
}
article.page > .row > .grid_16 > .content-area .properties-menu ul {
text-align: center;
}
article.page > .row > .grid_16 > .content-area .properties-menu li {
display: inline-block;
padding-left: 42px;
font-size: 16px;
line-height: 28px;
font-weight: 600;
}
article.page > .row > .grid_16 > .content-area .properties-menu li:first-child { padding-left: 0; }
article.page > .row > .grid_16 > .content-area .properties-menu li > a {
color: #333232;
} article.page .content-area .img-big-container {
display: inline-block;
height: 460px;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 60px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
color: rgba(0,0,0,0.9);
-o-text-overflow: clip;
text-overflow: clip;
background: rgba(213, 229, 246, 0.39);
-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32) ;
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.32) ;
}
body.gold article.page .content-area .img-big-container {
background: #bd935b;
}
article.page .content-area .img-big-container.mobile { display: none; }
article.page .content-area .img-big-container > img {
width: 100%;
height: auto;
}
article.page .content-area .img-big-container .flexslider,
article.page .content-area .img-big-container .flexslider .flex-viewport,
article.page .content-area .img-big-container .flexslider .slides,
article.page .content-area .img-big-container .flexslider .slides > li {
width: 100%;
height: 460px;
}
article.page .content-area .img-big-container .flexslider .slides > li {
position: relative;
overflow: hidden;
}
article.page .content-area .img-big-container .flexslider .bg {
position: absolute;
top: 0px;
left: 0px;
}
body.gold .content-area .img-big-container .flexslider .flex-direction-nav a {
width: 40px;
height: 40px;
background-color: #bc935b;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
opacity: 1;
visibility: visible;
top: 50%;
margin-top: -20px;
background-size: auto 22px;
background-repeat: no-repeat;
background-position: center center
}
body.gold .content-area .img-big-container .flexslider .flex-direction-nav .flex-prev {
left: 20px!important;
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/gal/arrow-left.png);
}
body.gold .content-area .img-big-container .flexslider .flex-direction-nav .flex-next {
right: 20px!important;
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/gal/arrow-right.png);
}
article.page .content-area .img-big-container .flexslider .flex-control-nav {
top: auto;
bottom: 20px;
}
body.gold .content-area .img-big-container .flexslider .flex-control-nav li a {
width: 8px;
height: 8px;
background: transparent;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
body.gold .content-area .img-big-container .flexslider .flex-control-nav li a.flex-active {
background: #fff;
} #gallery-slider .text-gallery {
text-align: center;
padding-top: 60px;
}
#gallery-slider .text-gallery h2 {
color: #1a97b8;
font-size: 48px;
padding-bottom: 20px;
}
#gallery-slider .text-gallery p {
color: #333232;
width: 75%;
margin: 0 auto;
}
body.gold #gallery-slider .text-gallery h2 {
color: #bd945c;
font-weight: 600;
}
body.gold #gallery-slider .text-gallery p {
font-size: 16px;
line-height: 26px;
}
body.gold #gallery-slider .flexslider .flex-direction-nav a {
width: 40px;
height: 40px;
background-color: #bc935b;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
opacity: 1;
visibility: visible;
bottom: 73px;
top: auto;
background-size: auto 22px;
background-repeat: no-repeat;
background-position: center center
}
body.gold #gallery-slider .flexslider .flex-direction-nav .flex-prev {
left: 20px!important;
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/gal/arrow-left.png);
}
body.gold #gallery-slider .flexslider .flex-direction-nav .flex-next {
right: 20px!important;
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/gal/arrow-right.png);
}
body.gold #gallery-slider .flexslider .flex-control-nav {
top: 633px;
}
body.gold #gallery-slider .flexslider .flex-control-nav li a {
width: 8px;
height: 8px;
background: transparent;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
body.gold #gallery-slider .flexslider .flex-control-nav li a.flex-active {
background: #fff;
} article.page .content-area .txt-container {
padding-bottom: 75px;
}
@media only screen
and (min-width : 0px)
and (max-width : 768px) {
body.gold #gallery-slider .flexslider .flex-direction-nav a {
bottom: 80px;
top: auto;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
body.gold #gallery-slider .flexslider .flex-direction-nav .flex-prev {
left: 0!important;
}
body.gold #gallery-slider .flexslider .flex-direction-nav .flex-next {
right: 0!important;
}
}
@media only screen
and (min-width : 1024px)
and (max-width : 1279px) {
body.gold #gallery-slider .flexslider .flex-direction-nav a {
bottom: 80px;
top: auto;
}
body.gold #gallery-slider .flexslider .flex-direction-nav .flex-prev {
left: -50px!important;
}
body.gold #gallery-slider .flexslider .flex-direction-nav .flex-next {
right: -50px!important;
}
}
article.page .content-area .txt-container li {
padding-left: 10px;
box-sizing: border-box;
position: relative;
}
article.page .content-area .txt-container li:before {
content: '-';
margin-right: 5px;
line-height: 22px;
position: absolute;
top: -2px;
left: 0px;
}
article.page .content-area .txt-container h2 {
color: #1a97b8;
font-size: 48px;
text-align: center;
padding-bottom: 55px;
}
body.gold article.page .content-area .txt-container h2 {
color: #bd945c;
font-weight: 600;
}
body.gold article.page .content-area .txt-container table {
width: 100%;
margin-bottom: 60px;
}
body.gold article.page .content-area .txt-container table tr {
width: 100%;
}
body.gold article.page .content-area .txt-container table tr td {
width: 50%;
box-sizing: border-box;
}
body.gold article.page .content-area .txt-container table tr td:first-child {
padding-right: 100px;
}
article.page .content-area .txt-container p {
color: #333232;
padding-bottom: 50px;
}
body.gold article.page .content-area .txt-container p {
font-size: 16px;
line-height: 35px;
}
body.gold article.page .content-area .txt-container li {
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
}
article.page .content-area .txt-container p:last-child { padding-bottom: 0; } .extra-info-container {
height: 240px;
overflow: hidden;
}
.extra-info-container .google-map,
.extra-info-container .timeline {
float: left;
padding: 0;
position: relative;
}
.extra-info-container .google-map {
width: 240px;
height: 240px;
max-width: 240px;
margin-left: 10px;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
body.gold .extra-info-container .google-map {
width: 240px;
height: 240px;
max-width: 240px;
margin-left: 10px;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.extra-info-container .google-map > a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.extra-info-container .timeline {
width: auto;
max-width: 70%;
max-width: none;
}
body.gold .extra-info-container .timeline {
width: auto;
max-width: 70%;
max-width: none;
}
.osm-jquery-datepicker-wrapper {
display: none;
}
.extra-info-container .timeline > .item-timeline {
float: left;
height: 100%;  max-width: 100%;
}
.extra-info-container .timeline > .item-timeline:first-child {
min-width: 39%;
}
.extra-info-container .timeline > .item-timeline:last-child {
max-width: 100%;
}
.extra-info-container .timeline > .item-timeline > div {
float: left;
height: 100%;
max-width: 50%;
display: block;
position: relative; }
.extra-info-container .timeline > .item-timeline > .item-value {
border-right: 1px solid #3a9dce;
padding-right: 8px;
max-width: 38.5%;
overflow: hidden;
}
body.gold .extra-info-container .timeline > .item-timeline > .item-value {
border-right: 1px solid #bd945c;
}
.extra-info-container .timeline > .item-timeline > .item-explanation {
padding-left: 8px; }
.extra-info-container .timeline > .item-timeline h4 {
position: relative;
top: 0;
left: 50px;
opacity: 0;
color: #1a97b8;
font-size: 43px;
font-weight: 200;
padding-top: 100px;
}
body.gold .extra-info-container .timeline > .item-timeline h4 {
color: #333232;
}
.extra-info-container .timeline > .item-timeline h5 {
position: relative;
top: 0;
left: -50px;
opacity: 0;
color: #333232;
font-size: 14px;
font-weight: 700;
padding-top: 108px;
}
.Explorer .extra-info-container .timeline > .item-timeline h5 {
letter-spacing: -1px;
}
.extra-info-container .timeline > .item-timeline:first-child > .item-value { }
.extra-info-container .timeline > .item-timeline > .item-value {
min-width: 75px;
width: auto;
}
.extra-info-container .timeline > .item-timeline:last-child > .item-value {
min-width: 50px;
}
.extra-info-container .timeline > .item-timeline:first-child > .item-explanation { }
.extra-info-container .timeline > .item-timeline > .item-explanation { }
.extra-info-container .timeline > .item-timeline:last-child > .item-explanation {
min-width: 111px;
}
@media only screen
and (min-width : 1023px) {
.extra-info-container {
display: flex;
justify-content: center;
}
}
@media only screen
and (min-width : 0px)
and (max-width : 1023px) {
body.gold article.page .content-area .txt-container table {
width: 100%;
margin-bottom: 60px;
display: inline-block;
vertical-align: top;
}
body.gold article.page .content-area .txt-container table tr {
width: 100%;
display: inline-block;
vertical-align: top;
}
body.gold article.page .content-area .txt-container table tr td {
width: 100%;
display: inline-block;
vertical-align: top;
}
body.gold article.page .content-area .txt-container table tr td:first-child {
padding-right: 0px;
}
} .Explorer.v8 .extra-info-container .timeline > .item-timeline:first-child {
width: 37%;
}
.Explorer.v8 .extra-info-container .timeline > .item-timeline {
width: 35%;
}
.Explorer.v8 .extra-info-container .timeline > .item-timeline:last-child {
width: 27%;
} .floorplans-menu {
width: 100%;
padding-bottom: 35px;
}
.floorplans-menu > ul {
text-align: right;
}
.floorplans-menu > ul > li {
border-right: 1px solid #1a97b8;
display: inline-block;
padding-left: 14px;
padding-right: 14px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
position: relative;
}
.menu-14 > ul > li:nth-child(2) { }
.menu-14 > ul > li:nth-child(3) { }
.floorplans-menu > ul > li:last-child {
padding-right: 0;
border: none;
}
.floorplans-menu > ul > li > a {
color: #1a97b8;
} #floor-plans-area > .floor-plans-item .description {
margin-bottom: 10px;
}
#floor-plans-area > .floor-plans-item {
background-color: #ffffff;
border-bottom: 1px solid #1a97b8;
padding-bottom: 50px;
padding-top: 43px;
width: 100%;
position: relative;
overflow: hidden;
}
#floor-plans-area > .floor-plans-item table,
#floor-plans-area > .floor-plans-item table tbody,
#floor-plans-area > .floor-plans-item table tbody tr{
width:100%;
}
#floor-plans-area > .floor-plans-item:first-child { }
#floor-plans-area > .floor-plans-item:last-child {
border: none;
padding-bottom: 0;
}
#floor-plans-area > .floor-plans-item > div {
display: block!important;
float: left;
width: 50%;
position: relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
position: relative;
}
#floor-plans-area > .floor-plans-item > .img-container {
text-align: center;
}
#floor-plans-area > .floor-plans-item > .img-container > img {
max-width: 100%;
}
#floor-plans-area > .floor-plans-item > .img-container > h2 {
display: none;
}
#floor-plans-area > .floor-plans-item > .img-container > ul {
display: none;
}
#floor-plans-area > .floor-plans-item > .text-container > h2 {
color: #1a97b8;
font-size: 48px;
padding: 30px 0;
}
#floor-plans-area > .floor-plans-item > .text-container > ul {
padding-bottom: 16px;
}
#floor-plans-area > .floor-plans-item > .text-container > ul > li {
border-right: 1px solid #464444;
color: #464444;
font-size: 16px;
display: inline-block;
padding: 0 10px;
}
#floor-plans-area > .floor-plans-item > .text-container > ul > li:first-child {
padding-left: 0;
}
#floor-plans-area > .floor-plans-item > .text-container > ul > li:last-child {
padding-right: 0;
border: none;
}
#floor-plans-area > .floor-plans-item > .text-container > .bttn {
display: block;
font-size: 14px;
line-height: 39px;
max-width: 210px;
height: 39px;
margin: 0 0 3px;
} .location-menu {
width: 100%;
padding-bottom: 15px;
}
.location-menu > ul {
text-align: center;
}
.location-menu > ul > li {
border-right: 1px solid #1a97b8;
display: inline-block;
padding-left: 14px;
padding-right: 14px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.location-menu > ul > li:last-child {
padding-right: 0;
border: none;
}
.location-menu > ul > li > a {
color: #1a97b8;
}
body.gold .location-menu > ul > li {
border-color: #bc935b;
}
body.gold .location-menu > ul > li > a {
color: #333232;
}
body.gold .location-menu > ul > li > a:hover {
color: #bc935b;
}
body.gold .location-menu > ul > li > a.active {
color: #bc935b;
} .location-item.location-list {
padding-top: 20px;
background-color: #ffffff;
}
.location-item > .google-map {
padding-bottom: 0;
height: 460px;
overflow: hidden;
position: relative;
}
.location-item > .google-map > .map-filters {
width: 100%;
position: absolute;
bottom: -2px;
}
.location-item > .google-map > .map-filters > ul {
text-align: center;
width: 100%;
}
.location-item > .google-map > .map-filters > ul > li {
display: inline-block;
padding-left: 14px;
position: relative;
}
.location-item > .google-map > .map-filters > ul > li:first-child {
padding-left: 0;
}
.location-item > .google-map > .map-filters > ul > li > a {
display: inline-block;
width: 182px;
height: 22px;
line-height: 30px;
color: #1a97b8;
font-size: 16px;
text-align: center;
text-transform: uppercase;
background: rgba(255, 255, 255, 1);
position: relative;
z-index: 4;
}
body.gold .location-item > .google-map > .map-filters > ul > li > a {
color: #bc935b;
}
.location-item > .google-map > .map-filters > ul > li > span {
position: absolute;
bottom: 9px;
left: 50%;
margin-left: -21.5px;
height: 59px;
width: 59px;
z-index: 2;
}
.location-item > .google-map > .map-filters > ul > li:first-child > span {
margin-left: -28.5px
}
.location-item > .google-map > .map-filters > ul > li.all > span { background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/map/all-img.png) 0 0 no-repeat; }
.location-item > .google-map > .map-filters > ul > li.dinning > span { background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/map/dinning-img.png) 0 0 no-repeat; }
.location-item > .google-map > .map-filters > ul > li.entertainment > span { background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/map/entertainment-img.png) 0 0 no-repeat; }
.location-item > .google-map > .map-filters > ul > li.shopping > span { background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/map/shopping-img.png) 0 0 no-repeat; } .location-item > .list-item {
float: left;
padding: 0 5px;
width: 33.3333333%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
.location-item > .list-item > .column {
float: left;
max-width: 50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
.location-item > .list-item > .column h6 {
font-size: 15px;
text-align: right
}
.location-item > .list-item > .column:first-child {
padding-right: 8px;
width: auto;
max-width: 50%;
}
.location-item > .list-item > .column:last-child {
border-left: 1px solid #1a97b8;
padding-left: 13px;
}
.location-item > .list-item > .column > ul {
padding-top: 58px;
padding-bottom: 68px;
}
.location-item > .list-item > .column > ul > li {
font-size: 18px;
line-height: 33px;
white-space: nowrap; }
.location-item > .list-item > .column > ul > li > a {
color: #333232;
} article.page.overview-project,
article.page.gallery-project {
padding-bottom: 110px;
}
article.page.floorplans-project {
padding-bottom: 66px;
}
article.page.location-project {
padding-bottom: 105px;
}
.location-project .extra-info-container {
padding-top: 45px;
height: auto;
overflow: visible;
}
.location-project .extra-info-container h2 {
color: #1a97b8;
font-size: 48px;
text-align: center;
padding-bottom: 57px;
}
body.gold .location-project .extra-info-container h2 {
color: #bd945c;
font-weight: 600;
} article.page.about-page {
padding-bottom: 90px;
}
article.page.about-page .content-area p {
text-align: justify;
padding-bottom: 50px;
max-width: 627px;
}
.container-left-about p:last-child { padding-bottom: 0; }
#about-inside .content-area .txt-container > ul { }
#about-inside .content-area .txt-container > ul > li {
display: inline-block;
width: 33%;
line-height: 35px;
}
.float-menu {
position: absolute;
right: 0;
top: 997px;
width: 560px;
height: 330px;
overflow: hidden;
}
.float-menu > .item-box {
background-color: #a2a1a1;
border-bottom: 1px solid #ffffff;
float: left;
width: 100%;
height: 109px;
}
.float-menu h3 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 48px;
font-weight: 300;
text-transform: uppercase;
}
.float-menu > .item-box h3 {
line-height: 109px;
padding-left: 30px;
}
.float-menu > .blue-background {
display: none;
background-color: #1a97b8;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
.float-menu > .blue-background#Press {
top: auto;
bottom: 0;
}
.float-menu > .blue-background#Portfolio {
top: 110px;
height: 109px;
overflow: hidden;
}
.float-menu > .blue-background.content {
float: left;
height: 100%;
width: 100%;
padding: 32px 30px 25px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
.float-menu > .blue-background.content h3 {
font-size: 48px;
padding-bottom: 22px;
}
.float-menu > .blue-background.content p {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 30px;
font-weight: 400;
padding-bottom: 10px;
}
.float-menu > .blue-background.content p:last-child {
padding-bottom: 0;
}
.float-menu > .blue-background.content p a {
color: #ffffff;
text-decoration: underline;
} #about-inside.about-leadership > .row > .grid_16 > .content-area .properties-menu {
margin-bottom: 37px;
}
#about-inside.about-leadership .content-area .img-big-container {
height: 590px;
max-width: 392px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-right: 48px;
vertical-align: top;
}
#about-inside.about-leadership .content-area .img-big-container .bg {
background-attachment: initial;
background-position: top left;
}
.Explorer #about-inside.about-leadership .content-area .img-big-container .bg {
background-attachment: scroll;
}
#about-inside.about-leadership .content-area .txt-container {
display: inline-block;
max-width: 58%;
}
#about-inside.about-leadership .content-area .txt-container h5 {
padding-top: 15px;
}
#about-inside.about-leadership .content-area .txt-container h2 {
text-align: left;
} article.page.about-press {
padding-bottom: 73px;
}
article.page.about-press .content-area .title-area {
min-height: 0;
}
.news-area {
border-bottom: 1px solid #1a97b8;
padding-bottom: 40px;
}
.news-area > .news-item {
background-color: #ffffff;
padding-top: 73px;
text-align: center;
padding-bottom: 20px;
}
.news-area > .news-item:first-child {
padding-top: 35px;
}
.news-area > .news-item > h5 {
color: #333232;
font-weight: 700;
padding-bottom: 9px;
}
.news-area > .news-item > h2 {
color: #1a97b8;
text-transform: none;
padding-bottom: 14px;
}
.news-area > .news-item > p {
padding-bottom: 17px;
}
.news-area > .news-item > .bttn {
background-color: #ffffff;
border: 1px solid #464444;
color: #1a97b8;
height: 32px;
line-height: 32px;
max-width: 150px;
}
.news-area > .news-item > .bttn:hover {
border: 1px solid #1a97b8;
background-color: #1a97b8;
color: #ffffff;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}
.load-more {
padding-top: 67px;
text-align: center;
}
.load-more a {
color: #1a97b8;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
text-transform: uppercase;
} #contact { padding-bottom: 128px; }
.form-area {
text-align: center;
padding-bottom: 20px;
}
.google-map { padding-top: 20px; }
#contact input[type="text"]{
height: 50px;
font-size: 16px;
max-width: 297px;
line-height: 46px;
}
.Chrome #contact input[type="text"] { line-height: normal; }
.Safari #contact input[type="text"] { line-height: normal; }
.Firefox #contact input[type="text"] { line-height: normal; }
#contact .select {
width: 321px;
height: 50px;
line-height: 50px;
}
#contact .select p {
font-size: 16px;
width: 297px;
height: 50px;
line-height: 50px;
}
#contact .select p span {
line-height: 50px;
}
#contact .select p span.arrow {
width: 50px;
line-height: 50px;
height: 50px;
}
#contact .bttn {
height: 48px;
line-height: 50px;
}
#contact .grid_8,
#contact .grid_4 {
margin-bottom: 50px;
}
#contact .grid_8 h6,
#contact .grid_4 h6 {
color: #333232;
letter-spacing: 1px;
padding-bottom: 5px;
}
#contact .grid_8 h3,
#contact .grid_4 h3 {
color: #1a97b8;
padding-bottom: 10px;
min-height: 48px;
}
#contact .grid_8 p,
#contact .grid_4 p {
color: #333232;
line-height: 22px;
min-height: 66px;
padding-bottom: 10px;
max-width: 80%;
}
#contact .grid_8 li,
#contact .grid_4 li {
border-bottom: 1px solid #1a97b8;
color: #333232;
max-width: 100%;
padding-bottom: 5px;
padding-top: 10px;
font-size: 17px;
}
#contact .grid_8 li:first-child,
#contact .grid_4 li:first-child {
padding-top: 0;
}
#contact .grid_8 li:last-child,
#contact .grid_4 li:last-child {
border: none;
padding-bottom: 0;
}
#contact .grid_8 li a,
#contact .grid_4 li a {
color: #333232;
}
#contact .grid_8.no-pad-left  {
padding-left: 38px;
}
#contact .grid_8  {
padding-left: 50px;
}
#contact .grid_4.no-pad-right  {
padding-left: 34px;
}
#contact .contact-whitebg {
background-color: #ffffff;
padding-top: 50px;
padding-right: 30px;
}  #main-footer {
}
#main-footer .top {
text-align: center;
padding: 65px 0 60px;
min-height: 17px;
}
#main-footer .top.mobile {
padding: 10px 0;
text-align:left
}
#main-footer .top.mobile h3 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 400;
line-height:30px;
}
#main-footer .top.mobile p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
#main-footer .top.mobile p
#main-footer .top.mobile .logo {
position: absolute;
width: 40px;
height: 42px;
right: 13.5px;
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/footer/eho-logo.png) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#main-footer .bttn {
margin-right: 10px;
margin-left: 10px;
max-width: 215px;
}
#main-footer .bottom {
background-color: #464444;
padding: 30px 0;
position: relative;
text-align: right;
}
#main-footer .bottom > .row > .grid_8:first-child {
text-align: left;
}
#main-footer .bottom h3 {
text-transform: none;
}
#main-footer .bottom p {
font-size: 12px;
}
#main-footer .copyright{
float: left;
margin-right: 50px;
}
#main-footer .eho{
float:left;
height: 46px;
position: relative;
}
#main-footer .eho .logo{
position: absolute;
width: 40px;
height: 42px;
bottom: 0;
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/footer/eho-logo.png) center center no-repeat;
-webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;
}
#main-footer .bottom .bttn-long {
margin-top: 11px;
margin-left: 22px;
}
#main-footer .properties-navigation nav {
border-top: 1px solid #3399cc;
width: 100%;
}
#main-footer .properties-navigation nav li {
float: left;
width: 50%;
text-align: right;
}
#main-footer .properties-navigation nav li:first-child {
text-align: left;
}
#main-footer .properties-navigation nav li > a {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
#main-footer .properties-navigation nav li > span {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/properties-navigation.png) top left no-repeat;
display: inline-block;
width: 8px;
height: 16px;
margin-bottom: -3px;
margin-right: 2px;
}
#main-footer .properties-navigation nav li:last-child > span {
background-position: top right;
margin-left: 2px;
margin-right: 0;
}
#main-footer .bottom .grid_8 > ul > li { margin-top: 11px; margin-left: 22px; position: relative; }
#main-footer .bottom .grid_8 > ul > li .bttn-long { min-width: 137px; margin: 0; }
#main-footer .bottom .grid_8 > ul > li { float: right; }
#main-footer .bottom .grid_8 > ul > li ul {
border-radius: 5px;
border: 1px solid #1a97b8;
background-color: #464444;
overflow-x: hidden;
overflow-y: auto;
float: left;
height: 93%;
}
#main-footer .bottom .grid_8 > ul > li .menu {
position: absolute;
max-height: 0;
-webkit-transition: top 0.3s ease-in-out, max-height 0.2s ease-in-out;
-moz-transition: top 0.3s ease-in-out, max-height 0.2s ease-in-out;
-o-transition: top 0.3s ease-in-out, max-height 0.2s ease-in-out;
transition: top 0.3s ease-in-out, max-height 0.2s ease-in-out;
overflow: hidden;
height: 150px;
top: 0;
width: 161px;
right: 0px;
}
#main-footer .bottom .grid_8 > ul > li li {
padding: 5px 10px;
max-width: 164px;
}
#main-footer .bottom .grid_8 > ul > li li a {
color: #ffffff;
font-size: 14px;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
#main-footer .bottom .grid_8 > ul > li:hover .menu { top: -112px; max-height: 200em;
-webkit-transition: top 0.3s ease-in-out, max-height 0.8s ease-in-out;
-moz-transition: top 0.3s ease-in-out, max-height 0.8s ease-in-out;
-o-transition: top 0.3s ease-in-out, max-height 0.8s ease-in-out;
transition: top 0.3s ease-in-out, max-height 0.8s ease-in-out;
}
#main-footer .bottom .grid_8 > ul > li li a:hover {
color: #1a97b8;
}  #retail #img-parallax > .bg { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/temp/backgrounds/properties.jpg); }
#retail .white-container {
background-color: #ffffff;
float: left;
padding: 49px 12px 0;
}
#retail .white-container .project {
float: left;
position: relative;
width: 100%;
padding-bottom: 84px;
}
#retail .white-container .project:last-child { padding-bottom: 55px; }
#retail .img-container {
margin-top: 7px;
height: 590px;
max-width: 49.76%;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-right: 3.104%;
vertical-align: top;
width: 100%;
float: left;
}
#retail .img-container .bg {
background-attachment: initial;
-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3) ;
box-shadow: 0 0 3px 2px rgba(0,0,0,0.3) ;
}
#retail .project-content {
float: left;
width: 100%;
max-width: 47.136%;
}
#retail .project-content h4 {
color: #1a97b8;
font-size: 48px;
font-weight: 300;
padding-bottom: 6px;
}
#retail .project-content p {
color: #333232;
font-size: 16px;
line-height: 35px;
padding-bottom: 41px;
}
#retail .project-content p:last-child { padding-bottom: 0; }
#retail .project-content h5 {
color: #333232;
font-size: 20px;
font-weight: 700;
letter-spacing: 4px;
padding-bottom: 9px;
}
#retail .project-content ul { padding-bottom: 27px; }
#retail .project-content ul:last-child { padding-bottom: 0; }
#retail .project-content li {
color: #333232;
font-size: 16px;
line-height: 35px;
}
#retail .project-content li:before {
content: '-';
margin-right: 5px;
}
#retail .project-content .gmap-container {
float: left;
width: 100%;
max-width: 97.19%;
height: 169px;
}  #main-content .home-main-box { border-bottom: none; }
.new-imagebox {
float: left;
position: relative;
width: 100%;
height: 515px;
overflow: hidden;
}
.new-imagebox .panel {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
height: 100%;
width: 100%;
}
.new-imagebox .panel > img { height: 100%; width: 100%; }
.new-imagebox .box {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.new-imagebox .box .content {
margin: 64px auto 0;
width: 788px;
text-align: center;
}
.new-imagebox .box .content span {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/home-ico.png) center center no-repeat;
display: inline-block;
margin: 0 auto 14px;
height: 46px;
width: 46px;
}
.new-imagebox .box .content h3 {
color: #ffffff;
font-family: 'Roboto Slab', serif;
font-size: 40px;
font-weight: 100;
line-height: 41.67px;
text-transform: none;
}
.new-whitebox {
background-color: #ffffff;
float: left;
position: relative;
height: 513px;
width: 100%;
}
.new-whitebox .box {
margin: -184px auto 0;
width: 100%;
max-width: 1063px;
}
.new-whitebox .box .column {
float: left;
position: relative;
width: 50%;
text-align: center;
}
.new-whitebox .box .column:first-child {
max-width: 453px;
padding-left: 24px;
}
.new-whitebox .box .column:last-child {
float: right;
max-width: 371px;
padding-right: 65px;
margin-top: -7px;
}
.new-whitebox .box .column .img-container { margin-bottom: 42px; }
.new-whitebox .box .column:last-child .img-container { margin-bottom: 49px; }
.new-whitebox .box .column h4 {
font-family: 'Open Sans', sans-serif;
color: #1a97b8;
font-size: 20.03px;
font-weight: 700;
letter-spacing: 5px;
padding-bottom: 13px;
text-transform: uppercase;
}
.new-whitebox .box .column p {
font-family: 'Open Sans', sans-serif;
color: #0a1e42;
font-size: 16px;
font-weight: 400;
line-height: 30px;
} @media only screen and (min-width : 1401px) {
#main-content .image-box > .panel > img {
width: 100%;
}
}
@media only screen and (min-width : 0) and (max-width : 1250px) {
#gallery-slider .flex-control-nav{
display:none !important;
}
}
@media only screen and (min-width : 1100px) and (max-width : 1260px) {
.float-menu {
width: 40% !important;
}
article.page.about-page .content-area p {
width: 60% !important;
}
}  @media only screen and (max-width: 800px) {
.location-item > .google-map > .map-filters > ul > li > a {
width: 131px;
}
}
@media only screen and (min-width : 1100px) and (max-width : 1215px) {
#main-header nav li { padding: 0 10px; }
#main-header nav li a { font-size: 15px; }
#about-inside.about-leadership .content-area .txt-container {max-width: 50%}
}
@media only screen and (min-width : 719px) and (max-width : 1100px) {
#main-header #logo-header .no-mobile, #main-header #logo-header .no-mobile img {
width: 100%
} #main-header #logo-header { width: auto; overflow: hidden; width: 35%}
#main-header nav li { padding: 0 10px; }
#main-header nav li:first-child { padding-left: 0; }
#main-header nav li a { font-size: 13px; }
#main-header #load { width: 100px; margin-left: 10px}
#main-header #load > ul > li > a { font-size: 12px; }
#main-header #load > ul > li.current > a { font-size: 15px; }
.single-property #main-header #load > ul > li.current > a { font-size: 13px; }
.single-property #main-header #load > ul {
width: 129%;
}   #slider-home .flex-control-nav { width: 95%; padding-right: 5%; }  article.page .project-item > .title-item > .content { padding-left: 0px; min-width: 0; }
article.page .project-item > .title-item > .content > h4 { font-size: 15px; }
article.page .project-item > .title-item > .content > h5 { font-size: 18px; }
article.page .project-item > .excerpt-item > .content > h6 { font-size: 13px; line-height: normal; } .extra-info-container { height: auto; display: block; }
.extra-info-container .google-map { height: 190px!important; max-width: 100%!important;width: 100%!important;-webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;}
.extra-info-container .timeline { max-width: 100%!important; border-bottom: 1px solid #45a6c1; margin-bottom: 22px;}
body.gold .extra-info-container .timeline { border-bottom: 1px solid #bd945c;}
.extra-info-container .timeline > .item-timeline { height: 115px; padding-bottom: 13px; width: 33.3333%; min-width: 33.3333%!important;}
.extra-info-container .timeline > .item-timeline > div {    -moz-box-sizing:border-box; *behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
.extra-info-container .timeline > .item-timeline h4 {
font-size: 30px;
text-align: right;
padding-top: 50px;
top:auto;
left:auto;
opacity: 1;
position: static
}
.extra-info-container .timeline > .item-timeline h5 {
padding-top: 50px;    } #gallery-slider .flex-control-nav { top: 430px; } .location-item > .list-item { width: 33.3%; margin-bottom: 10px; }
.location-item > .list-item > .column:first-child > h6 { font-size: 13px; }
.location-item > .list-item:nth-child(3) { margin: 0 auto; } #floor-plans-area > .floor-plans-item > .img-container > img { max-width: 76%; }
#floor-plans-area > .floor-plans-item > .text-container > h2 { font-size: 42px; padding: 20px 0; } .google-map { overflow: hidden; }
#contact input[type="text"] {max-width: 243px; margin-bottom: 5px; } article.page.about-page { padding-bottom: 0; }
article.page.about-page .content-area .title-area { min-height: 0; }
.float-menu { position: relative; overflow: none; height: auto; width: 100%!important; top: auto; right: auto; }
.float-menu > .item-box { display: none; }
.float-menu > .blue-background.content {
background-color: #51acc5;
border-bottom: 2px solid #2e9bb9;
display: block;
position: relative;
top: auto!important;
height: 100%!important;
left: auto;
padding: 15px 10px;
text-align: center;
}
.float-menu > .blue-background.content:last-child { border: none; }
.float-menu > .blue-background.content h3 { font-size: 24px; padding-bottom: 5px; }
.float-menu > .blue-background.content p { font-size: 14px; line-height: normal; padding-bottom: 19px; }  #main-footer .bottom .bttn-long { max-width: 124px; margin-left: 12px; } }
@media only screen and (min-width : 800px) and (max-width : 1100px) {
#about-inside.about-leadership .content-area .img-big-container {
max-width: 41.6%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
float: left;
height: auto;
}
#about-inside.about-leadership .content-area .txt-container {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
float: left;
}
}
@media only screen and (min-width : 719px) and (max-width : 800px) {
#about-inside.about-leadership .content-area .img-big-container { max-width: 100%; }
#about-inside.about-leadership .content-area .txt-container { max-width: 100%; } #retail .img-container { max-width: 100%; margin-bottom: 25px; }
#retail .project-content { max-width: 100%; } }
@media only screen and (min-width : 719px) and (max-width : 970px) {
#main-header nav li a {
font-size: 11px;
}
#main-header #logo-header {
width: 28%;
}
.location-item > .list-item > .column:first-child > h6 {
font-size: 12px;
}
.location-item > .list-item > .column > ul > li {
font-size: 16px
} #main-content .home-main-box { border-bottom: none; }
.new-imagebox {
float: left;
position: relative;
width: 100%;
height: 350px;
overflow: hidden;
}
.new-imagebox .panel {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
height: 100%;
width: 100%;
}
.new-imagebox .panel > img { height: 100%; width: 100%; }
.new-imagebox .box {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.new-imagebox .box .content {
margin: 64px auto 0;
width: 80%;
text-align: center;
}
.new-imagebox .box .content span {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/home-ico.png) center center no-repeat;
display: inline-block;
margin: 0 auto 14px;
height: 46px;
width: 46px;
}
.new-imagebox .box .content h3 {
color: #ffffff;
font-family: 'Roboto Slab', serif;
font-size: 40px;
font-weight: 100;
line-height: 41.67px;
text-transform: none;
}
.new-whitebox {
height: auto;
}
.new-whitebox .box {
margin-top: 0;
max-width: 100%;
padding-top: 20px;
}
.new-whitebox .box .column {
max-width: 80%!important;
width: 80%!important;
padding: 0 10% 20px!important;
margin-top: 0!important;
}
.new-whitebox .box .column .img-container { margin-bottom: 42px; }
.new-whitebox .box .column:last-child .img-container { margin-bottom: 49px; }
.new-whitebox .box .column h4 {
font-family: 'Open Sans', sans-serif;
color: #1a97b8;
font-size: 20.03px;
font-weight: 700;
letter-spacing: 5px;
padding-bottom: 13px;
text-transform: uppercase;
}
.new-whitebox .box .column p {
font-family: 'Open Sans', sans-serif;
color: #0a1e42;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
#tertiary-navigation nav > ul > li {
padding-left: 10px;
} }
@media only screen and (min-width : 0px) and (max-width : 719px) { .text-area h1 {
font-size: 32px;
}
.text-area h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
}
.text-area h3 {
font-size: 16px;
}
.text-area h4 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.text-area h5 {
font-size: 16px;
}
.text-area h6 {
font-size: 11.2px;
}
.text-area p {
font-size: 14px;
line-height: normal;
}
.text-area li {
font-size: 14px;
}  .no-mobile { display: none; }
#load.active.no-mobile,
.blue-background-header.no-mobile { display: none!important; }
.mobile { display: block; }
.anchor {
background-size: cover;
width: 40px;
height: 40px;
top: -23px;
left: 50%;
margin-left: -20px;
}
.anchor span { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/anchor-down-3.png); background-position: center center; }
#img-parallax {
top: 50px;
height: 243px;
}  #main-header { height: 50px; overflow: hidden; }
#main-header #logo-header { padding-top: 16px; }
#container > #main-header .grid_16, #container-fixed > #main-header .grid_16 { padding-left: 10px; padding-right: 10px; }   #main-content #slider-home { height: auto; }
#slider-home img { height: 392px; }
#main-content #slider-home .slide-text { padding-top: 0; }
#main-content #slider-home .slide-text .box { height: 100%; width: 100%; margin-bottom: 0; }
#main-content #slider-home .slide-text .grid_16 { padding-left: 0; padding-right: 0; }
#main-content #slider-home .slide-text .box > .content { padding: 24px 0 32px; width: 100%; }
#main-content #slider-home .slide-text h1 {
width: 204px;
margin: 0 auto;
}
#main-content #slider-home .slide-text h1 {
width: 204px;
margin: 0 auto;
text-align: center
}
#main-content #slider-home .slide-text h6 {
width: 204px;
margin: 0 auto;
}
#slider-home .flex-control-nav { display: none; } #main-content .home-main-box {
padding-bottom: 35px;
}
#main-content .home-main-box .title { padding-bottom: 35px; }
#main-content .home-main-box .grid_8 {
border-right: none!important;
padding-left: 10px!important;
padding-right: 10px!important;
width: 100%!important;
padding-bottom: 0;
padding-top: 0;
}
#main-content .home-main-box .grid_8:nth-child(2n):after {
content: '';
background-color: #ffffff;
width: 87.42%;
height: 1px;
left: 6.29%;
position: absolute;
bottom: 0;
}
#main-content .home-main-box .grid_8:nth-child(2n) {
padding-bottom: 27px;
}
#main-content .home-main-box .grid_8:nth-child(3n) {
padding-top: 39px;
}
#main-content .home-main-box h5 { font-weight: 700; padding-bottom: 13px;  }
#main-content .home-main-box p { font-size: 14px; width: 100%; line-height: 20px; }
#main-content .home-main-box .bttn {
font-size: 12px;
height: 33px;
line-height: 33px;
max-width: 151px;
} #main-content .image-box { min-height: 364px; }
#main-content .image-box.image-two { min-height: 415px; }
#main-content .image-box.image-three { min-height: 386px; }
#main-content .image-box > .panel { height: 256px; overflow: hidden; }
#main-content .image-box > .panel > img { max-height: 100%; }
#main-content .image-box > .box {
margin-top: 195px!important;
margin-left: 10.53%!important;
margin-right: 10.53%!important;
height: 169px!important;
width: 78.94%!important;
}
#main-content .image-box.image-two > .box { margin-top: 150px!important; height: 220px; }
#main-content .image-box.image-three > .box { min-height: 191px; }
#main-content .image-box > .box > .content {
background: none!important;
padding: 11px 19px 0 20px!important;
text-align: center;
}
#main-content .image-box > .box > .content > h2 { font-size: 24px; line-height: normal; letter-spacing: -1px; padding-bottom: 17px; }
#main-content .image-box > .box > .content > h3 { font-size: 12px; line-height: normal; } article.page { padding-top: 0; padding-bottom: 15px; }
article.page > .row > .grid_16 { padding: 0; }
article.page > .row > .grid_16 > .content-area > .grid_14 { margin: 0; padding: 0; width: 100%!important; }
article.page .content-area { padding-top: 70px; }
article.page .content-area .title-area {  min-height: 0;margin-bottom: 40px;}
article.page .content-area .title-area h3 { line-height: normal; padding-left: 10px; padding-right: 10px; padding-bottom: 18px; }
.google-map { height: 343px; padding-bottom: 0; }
.google-map > img { max-width: 100%; height: 100%; }
#contact { padding-bottom: 30px; }
article.page.overview-project { padding-bottom: 0; }
article.page.gallery-project { padding-bottom: 40px; }
article.page.floorplans-project { padding-bottom: 48px; }
article.page.location-project { padding-bottom: 25px; }
article.page.about-page { padding-bottom: 0; }
article.page.page.about-leadership { padding-bottom: 20px; }
article.page.about-press { padding-bottom: 23px; }
.load-more { padding-top: 18px; } article.page .project-item {
background: #ffffff;
border-top: 1px solid #48a8c2;
border-bottom: 1px solid #2597b6;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
margin-bottom: 0;
padding-bottom: 20px;
float: left;
}
article.page .project-item .bg {
background-attachment: initial;
height: 230px;
}
article.page .project-item:nth-child(2) {
border-top: none;
}
article.page .project-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
article.page .project-item > img {
min-height: 250px;
float: left;
}
article.page .project-item > .title-item {
height: auto;
width: 100%;
position: relative;
padding-top: 27px;
float: left;
}
article.page .project-item > .title-item > .content {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/image-box-bg-mobile.png) center bottom no-repeat;
padding: 0 0 10px;
text-align: center;
width: 100%;
}
article.page .project-item > .excerpt-item {
height: auto;
width: 100%;
position: relative;
float:left;
opacity: 1;
}
article.page .project-item > .excerpt-item > .content {
padding: 20px 10px 0;
text-align: center;
width: 100%;
}
article.page .project-item > .excerpt-item > .content > h6 {
font-size: 14px;
line-height: normal;
padding-bottom: 19px;
}
article.page .project-item > .excerpt-item > .content > a {
font-size: 14px;
} article.page .content-area .img-big-container.mobile { display: block; }
article.page .content-area .img-big-container {
height: 230px;
margin-bottom: 23px;
-webkit-box-shadow: none;
box-shadow: none;
}
article.page .content-area .img-big-container .flexslider,
article.page .content-area .img-big-container .flexslider .flex-viewport,
article.page .content-area .img-big-container .flexslider .slides,
article.page .content-area .img-big-container .flexslider .slides > li {
width: 100%;
height: 230px;
}
article.page .content-area .img-big-container > img { height: auto; }
article.page .content-area .img-big-container > .bg { background-attachment: initial;  } article.page .content-area .txt-container { padding-bottom: 15px; }
article.page .content-area .txt-container h2 {
font-size: 32px;
line-height: 35px;
padding-bottom: 18px;
}
article.page .content-area .txt-container table td{
padding-left: 10px;
padding-right: 10px;
}
article.page .content-area .txt-container table td:empty{width:0;}
article.page .content-area .txt-container p {
line-height: 22px;
padding: 0 9px 30px;
} .extra-info-container { height: auto; padding: 0px 20px; }
.extra-info-container .google-map { height: 190px!important; max-width: 100%!important;width: 100%!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;margin: 0px!important}
.extra-info-container .google-map > img { height: auto; max-width: 100%; }
.extra-info-container .timeline { width: 100%; max-width: 100%!important; border-bottom: 1px solid #45a6c1; margin-bottom: 22px }
.extra-info-container .timeline > .item-timeline { width: 100%; height: 115px; max-width: 100%!important; padding-bottom: 13px; }
.extra-info-container .timeline > .item-timeline > div {
max-width: 50%!important;
width: 50%!important;
padding: 0 6px!important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
.extra-info-container .timeline > .item-timeline h4 {
font-size: 30px;
text-align: right;
padding-top: 50px;
top:auto;
left:auto;
opacity: 1;
position: static
}
.extra-info-container .timeline > .item-timeline h5 {
padding-top: 50px;
top:auto;
left:auto;
opacity: 1;
position: static
} article.page.gallery-project .content-area .title-area { min-height: 0; }
#gallery-slider .text-gallery {
text-align: center;
padding-top: 18px;
}
#gallery-slider .text-gallery h2 {
font-size: 24px;
padding-bottom: 14px;
width: 75%;
margin: 0 auto;
}
#gallery-slider .text-gallery p {
width: 75%;
margin: 0 auto;
}
#gallery-slider .flexslider .slides img { }
#gallery-slider .flex-direction-nav a { bottom: 18%; } .location-menu { padding-bottom: 35px; }
.location-menu > ul { text-align: center; }
.location-project .extra-info-container h2 { font-size: 32px; line-height: 46px; padding-bottom: 25px; }
.location-project .extra-info-container p { padding: 0 10px; }
.location-item { padding-bottom: 25px; }
.location-item > .list-item { padding-bottom: 16px; width: 100%; }
.location-item > .list-item > .column:first-child { width: 18.2%; }
.location-item > .list-item > .column > ul { padding-top: 20px; padding-bottom: 0; }
.location-item > .list-item > .column > ul > li { font-size: 20px; }
.location-item > .list-item > .column:last-child > h6 { color: #2597b6; font-size: 16px; padding-top: 10px; }
.location-item > .google-map { height: 460px; }
.location-item > .google-map > img { height: auto; width: auto; max-width: none; margin-left: -329px; }
.location-item > .google-map > .map-filters { bottom: 0; }
.location-item > .google-map > .map-filters > ul { padding: 0 2.5%; width: 95%; }
.location-item > .google-map > .map-filters > ul > li { padding-left: 0; padding-bottom: 4px; width: 100%; }
.location-item > .google-map > .map-filters > ul > li > a { width: 100%; height: 30px; line-height: 30px;}
.location-item > .google-map > .map-filters > ul > li > span { display: none; }  article.page.floorplans-project .content-area .img-big-container { margin-bottom: 40px; display: none;}
.floorplans-menu { padding-bottom: 15px; }
.floorplans-menu > ul { text-align: center; }
.floorplans-menu > ul > li:nth-child(2n) { }
#floor-plans-area > .floor-plans-item { padding-top: 30px; padding-bottom: 34px; }
#floor-plans-area > .floor-plans-item > div { padding: 0 10px; text-align: center; width: 100%; }
#floor-plans-area > .floor-plans-item > .text-container > h2, #floor-plans-area > .floor-plans-item > .text-container > .description { display: none; }
#floor-plans-area > .floor-plans-item > .text-container > ul { display: none; }
#floor-plans-area > .floor-plans-item > .img-container > h2 {
display: block;
color: #1a97b8;
font-size: 33px;
padding: 0 0 20px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul {
display: block;
text-align: center;
padding-bottom: 33px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li {
border-right: 1px solid #464444;
color: #464444;
font-size: 14px;
display: inline-block;
padding: 0 10px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li:first-child {
padding-left: 0;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li:last-child {
padding-right: 0;
border: none;
}
#floor-plans-area > .floor-plans-item > .img-container > img { max-width: 90%; }
#floor-plans-area > .floor-plans-item > .text-container { padding-top: 28px; }
#floor-plans-area > .floor-plans-item > .text-container > .bttn {
display: inline-block;
font-size: 12px;
line-height: 32px;
max-width: 180px;
height: 32px;
} article.page.about-page .content-area .title-area { min-height: 0; }
#about-inside .content-area .txt-container > ul { margin-top: 0; padding: 0 9px; }
#about-inside .content-area .txt-container > ul > li { width: 100%; line-height: normal; } #contact .google-map { overflow: hidden;}
#contact .grid_8,
#contact .grid_4 {
margin: 0;
padding: 50px 13.5px 0!important;
width: 100%;
text-align: center;
}
#contact .contact-whitebg {
padding-top: 20px;
padding-right: 0px;
}
#contact .grid_8 li, #contact .grid_4 li { margin: 0 auto; max-width: 340px; }
#contact .grid_8 h3, #contact .grid_4 h3 { padding-bottom: 8px; min-height: 0px;}
#contact .grid_8 p, #contact .grid_4 p { min-height: 10px; padding-bottom: 14px; margin: 0 auto;}
#contact .grid_8 li.blue > a, #contact .grid_4 li.blue > a { color: #2597b6; text-decoration: underline; text-transform: uppercase; } article#about.page .content-area .img-big-container { height: 216px; }
article.page.about-page .content-area p { max-width: none; text-align: center; padding: 0 10px 30px; }
article.page.about-page .content-area p:last-child { padding-bottom: 20px; }
.float-menu { position: relative; overflow: none; height: auto; width: 100%!important; top: auto; right: auto; }
.float-menu > .item-box { display: none; }
.float-menu > .blue-background.content {
background-color: #51acc5;
border-bottom: 2px solid #2e9bb9;
display: block;
position: relative;
top: auto!important;
height: 100%!important;
left: auto;
padding: 15px 10px;
text-align: center;
}
.float-menu > .blue-background.content:last-child { border: none; }
.float-menu > .blue-background.content h3 { font-size: 24px; padding-bottom: 5px; }
.float-menu > .blue-background.content p { font-size: 14px; line-height: normal; padding-bottom: 19px; } #about-inside.about-leadership .content-area .img-big-container {
height: auto;
max-width: none;
padding-right: 0;
margin-bottom: 9px;
}
#about-inside.about-leadership .content-area .txt-container {
max-width: 100%;
padding: 0 10px;
text-align: center;
}
#main-footer .properties-navigation nav li.only { width: 100%; text-align: center; }
#about-inside.about-leadership .content-area .txt-container h2 { font-size: 30px; text-align: center; padding-bottom: 6px; }
#about-inside.about-leadership .content-area .txt-container h5 { padding-top: 0; }
article.page .content-area .txt-container p { padding: 0; line-height: normal; text-align: justify; padding-left: 10px; padding-right: 10px; padding-bottom: 24px; }
article.page .content-area .txt-container p:last-child { padding-bottom: 0; }
#about-inside.about-leadership .content-area .txt-container p { padding-left: 0; padding-right: 0; } .news-area { padding-bottom: 53px; }
.news-area > .news-item:first-child { padding-top: 15px; }
.news-area > .news-item {
background: none;
padding-top: 36px;
padding-left: 10px;
padding-right: 10px;
width: 100%!important;
margin-left: 0!important;
margin-right: 0!important;
}
.news-area > .news-item > h5 { font-size: 14px; padding-bottom: 5px; }
.news-area > .news-item > h2 { font-size: 24px; padding-bottom: 8px; }
.news-area > .news-item > p { line-height: 24px; padding-bottom: 8px; }
.news-area > .news-item > .bttn {
font-size: 11px;
line-height: 23px;
height: 23px;
max-width: 106px;
}
article.page.about-press .load-more { padding-top: 23px; }  #main-footer .bttn {
display: block;
font-size: 12px;
margin-right: auto;
margin-left: auto;
margin-bottom: 11px;
height: 33px;
line-height: 33px;
max-width: 180px;
}
#main-footer .bttn:last-child {
margin-bottom: 0;
}
#main-footer .top {
text-align: center;
padding: 26px 0 30px;
}
#main-footer > .top > .row > .properties-navigation {
margin-left: 0;
width: 100%;
}
#main-footer .properties-navigation nav {
border: none;
}
.anchor-up-footer {
display: none;
position: fixed;
bottom: 0;
background-color: #2597b6;
border-top: 1px solid #297d94;
height: 27px;
width: 100%;
text-align: center;
z-index: 9;
}
.anchor-up-footer a {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height: 27px;
}  #retail .white-container .project { padding-bottom: 42px; }
#retail .white-container .project:last-child { padding-bottom: 27.5px; }
#retail .img-container { max-width: 100%; height: 295px; margin-bottom: 25px; }
#retail .project-content { max-width: 100%; }
#retail .project-content h4 { font-size: 30px; }
#retail .project-content p {
font-size: 14px;
line-height: 30px;
padding-bottom: 21px;
}
#retail .project-content h5 {
font-size: 16px;
letter-spacing: 3px;
padding-bottom: 8px;
}
#retail .project-content li {
font-size: 14px;
line-height: 30px;
}
#retail .project-content ul { padding-bottom: 20px; }
#retail .project-content .gmap-container { max-width: 100%; }  .new-imagebox {
height: 350px;
}
.new-imagebox .box .content {  width: 80%; }
.new-imagebox .box .content h3 { font-size: 20px; line-height: 30px; }
.new-whitebox { height: auto; }
.new-whitebox .box { margin-top: 0; max-width: 100%; padding-top: 25px; }
.new-whitebox .box .column {
max-width: 80%!important;
width: 80%!important;
padding: 0 10% 25px!important;
margin-top: 0!important;
}
.new-whitebox .box .column .img-container { margin-bottom: 10px!important; }
.new-whitebox .box .column .img-container > img { max-width: 100%; }
.new-whitebox .box .column h4 {
font-size: 18px;
letter-spacing: 5px;
padding-bottom: 13px;
}
.new-whitebox .box .column p {
font-size: 14px;
line-height: 25px;
} }
@media only screen and (min-width : 0px) and (max-width : 400px) {
#floor-plans-area > .floor-plans-item > .text-container > .bttn{
display: block;
margin: 3px auto;
}
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) { .text-area h1 {
font-size: 32px;
}
.text-area h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
}
.text-area h3 {
font-size: 16px;
}
.text-area h4 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.text-area h5 {
font-size: 16px;
}
.text-area h6 {
font-size: 11.2px;
}
.text-area p {
font-size: 14px;
line-height: normal;
}
.text-area li {
font-size: 14px;
}  .no-mobile { display: none; }
#load.active.no-mobile { display: none!important; }
.mobile { display: block; }
.anchor {
background-size: cover;
width: 40px;
height: 40px;
top: -23px;
left: 50%;
margin-left: -20px;
}
.anchor span { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/anchor-down-3.png); background-position: center center; }
#img-parallax {
top: 50px;
height: 243px;
}  #main-header { height: 50px; overflow: hidden; }
#main-header #logo-header { padding-top: 16px; }
#container > #main-header .grid_16, #container-fixed > #main-header .grid_16 { padding-left: 10px; padding-right: 10px; }   #main-content #slider-home { height: auto; }
#slider-home img { height: 392px; }
#main-content #slider-home .slide-text { padding-top: 0; }
#main-content #slider-home .slide-text .box { height: 100%; width: 100%; margin-bottom: 0; }
#main-content #slider-home .slide-text .grid_16 { padding-left: 0; padding-right: 0; }
#main-content #slider-home .slide-text .box > .content { padding: 24px 0 32px; width: 100%; }
#main-content #slider-home .slide-text h1 {
width: 204px;
margin: 0 auto;
}
#main-content #slider-home .slide-text h1 {
width: 204px;
margin: 0 auto;
}
#main-content #slider-home .slide-text h6 {
width: 204px;
margin: 0 auto;
}
#slider-home .flex-control-nav { display: none; } #main-content .home-main-box {
padding-bottom: 35px;
}
#main-content .home-main-box .title { padding-bottom: 35px; }
#main-content .home-main-box .grid_8 {
border-right: none!important;
padding-left: 10px!important;
padding-right: 10px!important;
width: 100%!important;
padding-bottom: 0;
padding-top: 0;
}
#main-content .home-main-box .grid_8:nth-child(2n):after {
content: '';
background-color: #ffffff;
width: 87.42%;
height: 1px;
left: 6.29%;
position: absolute;
bottom: 0;
}
#main-content .home-main-box .grid_8:nth-child(2n) {
padding-bottom: 27px;
}
#main-content .home-main-box .grid_8:nth-child(3n) {
padding-top: 39px;
}
#main-content .home-main-box h5 { font-weight: 700; padding-bottom: 13px;  }
#main-content .home-main-box p { font-size: 14px; width: 100%; line-height: 20px; }
#main-content .home-main-box .bttn {
font-size: 12px;
height: 33px;
line-height: 33px;
max-width: 151px;
} #main-content .image-box { min-height: 364px; }
#main-content .image-box.image-two { min-height: 415px; }
#main-content .image-box.image-three { min-height: 386px; }
#main-content .image-box > .panel { height: 256px; overflow: hidden; }
#main-content .image-box > .panel > img { max-height: 100%; }
#main-content .image-box > .box {
margin-top: 195px!important;
margin-left: 10.53%!important;
margin-right: 10.53%!important;
height: 169px!important;
width: 78.94%!important;
}
#main-content .image-box.image-two > .box { margin-top: 150px!important; height: 220px; }
#main-content .image-box.image-three > .box { min-height: 191px; }
#main-content .image-box > .box > .content {
background: none!important;
padding: 11px 19px 0 20px!important;
text-align: center;
}
#main-content .image-box > .box > .content > h2 { font-size: 24px; line-height: normal; letter-spacing: -1px; padding-bottom: 17px; }
#main-content .image-box > .box > .content > h3 { font-size: 12px; line-height: normal; } article.page { padding-top: 0; padding-bottom: 15px; }
article.page > .row > .grid_16 { padding: 0; }
article.page > .row > .grid_16 > .content-area > .grid_14 { margin: 0; padding: 0; width: 100%!important; }
article.page .content-area { padding-top: 60px; }
article.page .content-area .title-area h3 { line-height: normal; padding-left: 10px; padding-right: 10px; padding-bottom: 18px; }
.google-map { height: 343px; padding-bottom: 0; }
.google-map > img { max-width: 100%; height: 100%; }
#contact { padding-bottom: 30px; }
article.page.overview-project { padding-bottom: 0; }
article.page.gallery-project { padding-bottom: 40px; }
article.page.floorplans-project { padding-bottom: 48px; }
article.page.location-project { padding-bottom: 25px; }
article.page.about-page { padding-bottom: 0; }
article.page.page.about-leadership { padding-bottom: 20px; }
article.page.about-press { padding-bottom: 23px; }
.load-more { padding-top: 18px; } article.page .project-item {
background: #ffffff;
border-top: 1px solid #48a8c2;
border-bottom: 1px solid #2597b6;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
margin-bottom: 0;
padding-bottom: 20px;
float: left;
}
article.page .project-item .bg {
background-attachment: initial;
height: 230px;
}
article.page .project-item:nth-child(2) {
border-top: none;
}
article.page .project-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
article.page .project-item > img {
min-height: 250px;
float: left;
}
article.page .project-item > .title-item {
height: auto;
width: 100%;
position: relative;
padding-top: 27px;
float: left;
}
article.page .project-item > .title-item > .content {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/image-box-bg-mobile.png) center bottom no-repeat;
padding: 0 0 10px;
text-align: center;
width: 100%;
}
article.page .project-item > .excerpt-item {
height: auto;
width: 100%;
position: relative;
float:left;
opacity: 1;
}
article.page .project-item > .excerpt-item > .content {
padding: 20px 10px 0;
text-align: center;
width: 100%;
}
article.page .project-item > .excerpt-item > .content > h6 {
font-size: 14px;
line-height: normal;
padding-bottom: 19px;
}
article.page .project-item > .excerpt-item > .content > a {
font-size: 14px;
} article.page .content-area .img-big-container.mobile { display: block; }
article.page .content-area .img-big-container {
height: 230px;
margin-bottom: 23px;
-webkit-box-shadow: none;
box-shadow: none;
}
article.page .content-area .img-big-container > img { height: auto; }
article.page .content-area .img-big-container > .bg { background-attachment: initial;  } article.page .content-area .txt-container { padding-bottom: 15px; }
article.page .content-area .txt-container h2 {
font-size: 32px;
line-height: 35px;
padding-bottom: 18px;
}
article.page .content-area .txt-container p {
line-height: 22px;
padding: 0 9px 30px;
} .extra-info-container { height: auto; }
.extra-info-container .google-map { border-top: 1px solid #45a6c1; height: 190px; max-width: 100%; }
.extra-info-container .google-map > img { height: auto; max-width: 100%; }
.extra-info-container .timeline { max-width: 100%; }
.extra-info-container .timeline > .item-timeline { width: 33.3333%; height: 115px; max-width: 100%!important; padding-bottom: 13px; }
.extra-info-container .timeline > .item-timeline > div {
max-width: 50%!important;
width: 50%!important;
padding: 0 6px!important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
.extra-info-container .timeline > .item-timeline h4 {
font-size: 30px;
text-align: right;
padding-top: 50px;
top:auto;
left:auto;
opacity: 1;
position: static
}
.extra-info-container .timeline > .item-timeline h5 {
padding-top: 50px;
top:auto;
left:auto;
opacity: 1;
position: static
} article.page.gallery-project .content-area .title-area { min-height: 0; }
#gallery-slider .text-gallery {
text-align: center;
padding-top: 18px;
}
#gallery-slider .text-gallery h2 {
font-size: 24px;
padding-bottom: 14px;
width: 75%;
margin: 0 auto;
}
#gallery-slider .text-gallery p {
width: 75%;
margin: 0 auto;
}
#gallery-slider .flexslider .slides img { }
#gallery-slider .flex-direction-nav a { top: 89%; } .location-menu { padding-bottom: 35px; }
.location-menu > ul { text-align: center; }
.location-project .extra-info-container h2 { font-size: 32px; line-height: 46px; padding-bottom: 25px; }
.location-project .extra-info-container p { padding: 0 10px; }
.location-item { padding-bottom: 25px; }
.location-item > .list-item { padding-bottom: 16px; width: 100%; }
.location-item > .list-item > .column:first-child { width: 18.2%; }
.location-item > .list-item > .column > ul { padding-top: 20px; padding-bottom: 0; }
.location-item > .list-item > .column > ul > li { font-size: 20px; }
.location-item > .list-item > .column:last-child > h6 { color: #2597b6; font-size: 16px; padding-top: 10px; }
.location-item > .google-map { height: 460px; }
.location-item > .google-map > img { height: auto; width: auto; max-width: none; margin-left: -329px; }
.location-item > .google-map > .map-filters { bottom: -2px; }
.location-item > .google-map > .map-filters > ul { padding: 0 2.5%; width: 95%; }
.location-item > .google-map > .map-filters > ul > li { padding-left: 0; padding-bottom: 4px; }
.location-item > .google-map > .map-filters > ul > li > a { width: 131px; }
.location-item > .google-map > .map-filters > ul > li > span { }  article.page.floorplans-project .content-area .img-big-container { margin-bottom: 40px; }
.floorplans-menu { padding-bottom: 15px; }
.floorplans-menu > ul { text-align: center; }
.floorplans-menu > ul > li:nth-child(2n) { }
#floor-plans-area > .floor-plans-item { padding-top: 30px; padding-bottom: 34px; }
#floor-plans-area > .floor-plans-item > div { padding: 0 10px; text-align: center; width: 100%; }
#floor-plans-area > .floor-plans-item > .text-container > h2 { display: none; }
#floor-plans-area > .floor-plans-item > .text-container > ul { display: none; }
#floor-plans-area > .floor-plans-item > .img-container > h2 {
display: block;
color: #1a97b8;
font-size: 33px;
padding: 0 0 20px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul {
display: block;
text-align: center;
padding-bottom: 33px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li {
border-right: 1px solid #464444;
color: #464444;
font-size: 14px;
display: inline-block;
padding: 0 10px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li:first-child {
padding-left: 0;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li:last-child {
padding-right: 0;
border: none;
}
#floor-plans-area > .floor-plans-item > .img-container > img { max-width: 90%; }
#floor-plans-area > .floor-plans-item > .text-container { padding-top: 28px; }
#floor-plans-area > .floor-plans-item > .text-container > .bttn {
display: inline-block;
font-size: 12px;
line-height: 32px;
max-width: 140px;
height: 32px;
} article.page.about-page .content-area .title-area { min-height: 0; }
#about-inside .content-area .txt-container > ul { margin-top: 0; padding: 0 9px; }
#about-inside .content-area .txt-container > ul > li { width: 100%; line-height: normal; } #contact .google-map { display: none; }
#contact .grid_8,
#contact .grid_4 {
margin: 0;
padding: 50px 13.5px 0!important;
width: 100%;
text-align: center;
}
#contact .grid_8 li, #contact .grid_4 li { margin: 0 auto; max-width: 165px; }
#contact .grid_8 h3, #contact .grid_4 h3 { padding-bottom: 8px; }
#contact .grid_8 p, #contact .grid_4 p { min-height: 10px; padding-bottom: 14px; margin: 0 auto;}
#contact .grid_8 li.blue > a, #contact .grid_4 li.blue > a { color: #2597b6; text-decoration: underline; text-transform: uppercase; } article#about.page .content-area .img-big-container { height: 216px; }
article.page.about-page .content-area p { max-width: none; text-align: center; padding: 0 10px 30px; }
article.page.about-page .content-area p:last-child { padding-bottom: 20px; }
.float-menu { position: relative; overflow: none; height: auto; width: 100%!important; top: auto; right: auto; }
.float-menu > .item-box { display: none; }
.float-menu > .blue-background.content {
background-color: #51acc5;
border-bottom: 2px solid #2e9bb9;
display: block;
position: relative;
top: auto!important;
height: 100%!important;
left: auto;
padding: 15px 10px;
text-align: center;
}
.float-menu > .blue-background.content:last-child { border: none; }
.float-menu > .blue-background.content h3 { font-size: 24px; padding-bottom: 5px; }
.float-menu > .blue-background.content p { font-size: 14px; line-height: normal; padding-bottom: 19px; } #about-inside.about-leadership .content-area .img-big-container {
height: auto;
max-width: none;
padding-right: 0;
margin-bottom: 9px;
}
#about-inside.about-leadership .content-area .txt-container {
max-width: 100%;
padding: 0 10px;
text-align: center;
}
#main-footer .properties-navigation nav li.only { width: 100%; text-align: center; }
#about-inside.about-leadership .content-area .txt-container h2 { font-size: 30px; text-align: center; padding-bottom: 6px; }
#about-inside.about-leadership .content-area .txt-container h5 { padding-top: 0; }
article.page .content-area .txt-container p { padding: 0; line-height: normal; text-align: justify; padding-left: 10px; padding-right: 10px; padding-bottom: 24px; }
article.page .content-area .txt-container p:last-child { padding-bottom: 0; }
#about-inside.about-leadership .content-area .txt-container p { padding-left: 0; padding-right: 0; } .news-area { padding-bottom: 53px; }
.news-area > .news-item:first-child { padding-top: 15px; }
.news-area > .news-item {
background: none;
padding-top: 36px;
padding-left: 10px;
padding-right: 10px;
width: 100%!important;
margin-left: 0!important;
margin-right: 0!important;
}
.news-area > .news-item > h5 { font-size: 14px; padding-bottom: 5px; }
.news-area > .news-item > h2 { font-size: 24px; padding-bottom: 8px; }
.news-area > .news-item > p { line-height: 24px; padding-bottom: 8px; }
.news-area > .news-item > .bttn {
font-size: 11px;
line-height: 23px;
height: 23px;
max-width: 106px;
}
article.page.about-press .load-more { padding-top: 23px; }  #main-footer .bttn {
display: block;
font-size: 12px;
margin-right: auto;
margin-left: auto;
margin-bottom: 11px;
height: 33px;
line-height: 33px;
max-width: 180px;
}
#main-footer .bttn:last-child {
margin-bottom: 0;
}
#main-footer .top {
text-align: center;
padding: 26px 0 30px;
}
#main-footer > .top > .row > .properties-navigation {
margin-left: 0;
width: 100%;
}
#main-footer .properties-navigation nav {
border: none;
}
.anchor-up-footer {
display: none;
position: fixed;
bottom: 0;
background-color: #2597b6;
border-top: 1px solid #297d94;
height: 27px;
width: 100%;
text-align: center;
z-index: 9;
}
.anchor-up-footer a {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height: 27px;
} }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .text-area h1 {
font-size: 32px;
}
.text-area h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
}
.text-area h3 {
font-size: 16px;
}
.text-area h4 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.text-area h5 {
font-size: 16px;
}
.text-area h6 {
font-size: 11.2px;
}
.text-area p {
font-size: 14px;
line-height: normal;
}
.text-area li {
font-size: 14px;
}  .no-mobile { display: none; }
#load.active.no-mobile { display: none!important; }
.mobile { display: block; }
.anchor {
background-size: cover;
width: 40px;
height: 40px;
top: -23px;
left: 50%;
margin-left: -20px;
}
.anchor span { background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/anchor-down-3.png); background-position: center center; }
#img-parallax {
top: 0;
height: 243px;
}  #main-header { height: 50px; overflow: hidden; }
#main-header #logo-header { padding-top: 16px; }
#container > #main-header .grid_16, #container-fixed > #main-header .grid_16 { padding-left: 10px; padding-right: 10px; }   #main-content #slider-home { height: auto; }
#slider-home img { height: 392px; }
#main-content #slider-home .slide-text { padding-top: 0; }
#main-content #slider-home .slide-text .box { height: 100%; width: 100%; margin-bottom: 0; }
#main-content #slider-home .slide-text .grid_16 { padding-left: 0; padding-right: 0; }
#main-content #slider-home .slide-text .box > .content { padding: 24px 0 32px; width: 100%; }
#main-content #slider-home .slide-text h1 {
width: 204px;
margin: 0 auto;
}
#main-content #slider-home .slide-text h1 {
width: 204px;
margin: 0 auto;
}
#main-content #slider-home .slide-text h6 {
width: 204px;
margin: 0 auto;
}
#slider-home .flex-control-nav { display: none; } #main-content .home-main-box {
padding-bottom: 35px;
}
#main-content .home-main-box .title { padding-bottom: 35px; }
#main-content .home-main-box .grid_8 {
border-right: none!important;
padding-left: 10px!important;
padding-right: 10px!important;
width: 100%!important;
padding-bottom: 0;
padding-top: 0;
}
#main-content .home-main-box .grid_8:nth-child(2n):after {
content: '';
background-color: #ffffff;
width: 87.42%;
height: 1px;
left: 6.29%;
position: absolute;
bottom: 0;
}
#main-content .home-main-box .grid_8:nth-child(2n) {
padding-bottom: 27px;
}
#main-content .home-main-box .grid_8:nth-child(3n) {
padding-top: 39px;
}
#main-content .home-main-box h5 { font-weight: 700; padding-bottom: 13px;  }
#main-content .home-main-box p { font-size: 14px; width: 100%; line-height: 20px; }
#main-content .home-main-box .bttn {
font-size: 12px;
height: 33px;
line-height: 33px;
max-width: 151px;
} #main-content .image-box { min-height: 364px; }
#main-content .image-box.image-two { min-height: 415px; }
#main-content .image-box.image-three { min-height: 386px; }
#main-content .image-box > .panel { height: 256px; overflow: hidden; }
#main-content .image-box > .panel > img { max-height: 100%; }
#main-content .image-box > .box {
margin-top: 195px!important;
margin-left: 10.53%!important;
margin-right: 10.53%!important;
height: 169px!important;
width: 78.94%!important;
}
#main-content .image-box.image-two > .box { margin-top: 150px!important; height: 220px; }
#main-content .image-box.image-three > .box { min-height: 191px; }
#main-content .image-box > .box > .content {
background: none!important;
padding: 11px 19px 0 20px!important;
text-align: center;
}
#main-content .image-box > .box > .content > h2 { font-size: 24px; line-height: normal; letter-spacing: -1px; padding-bottom: 17px; }
#main-content .image-box > .box > .content > h3 { font-size: 12px; line-height: normal; } article.page { padding-top: 0; padding-bottom: 15px; }
article.page > .row > .grid_16 { padding: 0; }
article.page > .row > .grid_16 > .content-area > .grid_14 { margin: 0; padding: 0; width: 100%!important; }
article.page .content-area { padding-top: 70px; }
article.page .content-area .title-area h3 { line-height: normal; padding-left: 10px; padding-right: 10px; padding-bottom: 18px; }
.google-map { height: 343px; padding-bottom: 0; }
.google-map > img { max-width: 100%; height: 100%; }
#contact { padding-bottom: 30px; }
article.page.overview-project { padding-bottom: 0; }
article.page.gallery-project { padding-bottom: 40px; }
article.page.floorplans-project { padding-bottom: 48px; }
article.page.location-project { padding-bottom: 25px; }
article.page.about-page { padding-bottom: 0; }
article.page.page.about-leadership { padding-bottom: 20px; }
article.page.about-press { padding-bottom: 23px; }
.load-more { padding-top: 18px; } article.page .project-item {
background: #ffffff;
border-top: 1px solid #48a8c2;
border-bottom: 1px solid #2597b6;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
margin-bottom: 0;
padding-bottom: 20px;
float: left;
}
article.page .project-item .bg {
background-attachment: initial;
height: 230px;
}
article.page .project-item:nth-child(2) {
border-top: none;
}
article.page .project-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
article.page .project-item > img {
min-height: 250px;
float: left;
}
article.page .project-item > .title-item {
height: auto;
width: 100%;
position: relative;
padding-top: 27px;
float: left;
}
article.page .project-item > .title-item > .content {
background: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/body/image-box-bg-mobile.png) center bottom no-repeat;
padding: 0 0 10px;
text-align: center;
width: 100%;
}
article.page .project-item > .excerpt-item {
height: auto;
width: 100%;
position: relative;
float:left;
opacity: 1;
}
article.page .project-item > .excerpt-item > .content {
padding: 20px 10px 0;
text-align: center;
width: 100%;
}
article.page .project-item > .excerpt-item > .content > h6 {
font-size: 14px;
line-height: normal;
padding-bottom: 19px;
}
article.page .project-item > .excerpt-item > .content > a {
font-size: 14px;
} article.page .content-area .img-big-container.mobile { display: block; }
article.page .content-area .img-big-container {
height: 230px;
margin-bottom: 23px;
-webkit-box-shadow: none;
box-shadow: none;
}
article.page .content-area .img-big-container > img { height: auto; }
article.page .content-area .img-big-container > .bg { background-attachment: initial;  } article.page .content-area .txt-container { padding-bottom: 15px; }
article.page .content-area .txt-container h2 {
font-size: 32px;
line-height: 35px;
padding-bottom: 18px;
}
article.page .content-area .txt-container p {
line-height: 22px;
padding: 0 9px 30px;
} .extra-info-container { height: auto; }
.extra-info-container .google-map { border-top: 1px solid #45a6c1; height: 190px; max-width: 100%; }
.extra-info-container .google-map > img { height: auto; max-width: 100%; }
.extra-info-container .timeline { max-width: 100%; }
.extra-info-container .timeline > .item-timeline { width: 33.3333%; height: 115px; max-width: 100%!important; padding-bottom: 13px; }
.extra-info-container .timeline > .item-timeline > div {
max-width: 50%!important;
width: 50%!important;
padding: 0 6px!important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior: url(//sjgproperties.com/wp-content/themes/sjg-properties/css/ie7/boxsizing.htc);
}
.extra-info-container .timeline > .item-timeline h4 {
font-size: 30px;
text-align: right;
padding-top: 50px;
top:auto;
left:auto;
opacity: 1;
position: static
}
.extra-info-container .timeline > .item-timeline h5 {
padding-top: 50px;
top:auto;
left:auto;
opacity: 1;
position: static
} article.page.gallery-project .content-area .title-area { min-height: 0; }
#gallery-slider .text-gallery {
text-align: center;
padding-top: 18px;
}
#gallery-slider .text-gallery h2 {
font-size: 24px;
padding-bottom: 14px;
width: 75%;
margin: 0 auto;
}
#gallery-slider .text-gallery p {
width: 75%;
margin: 0 auto;
}
#gallery-slider .flexslider .slides img { height: auto; width: 100%; margin: 0 auto;}
#gallery-slider .flex-direction-nav a { top: 63%; } .location-menu { padding-bottom: 35px; }
.location-menu > ul { text-align: center; }
.location-project .extra-info-container h2 { font-size: 32px; line-height: 46px; padding-bottom: 25px; }
.location-project .extra-info-container p { padding: 0 10px; }
.location-item { padding-bottom: 25px; }
.location-item > .list-item { padding-bottom: 16px; width: 100%; }
.location-item > .list-item > .column:first-child { width: 18.2%; }
.location-item > .list-item > .column > ul { padding-top: 20px; padding-bottom: 0; }
.location-item > .list-item > .column > ul > li { font-size: 20px; }
.location-item > .list-item > .column:last-child > h6 { color: #2597b6; font-size: 16px; padding-top: 10px; }
.location-item > .google-map { height: 460px; }
.location-item > .google-map > img { height: auto; width: auto; max-width: none; margin-left: -329px; }
.location-item > .google-map > .map-filters { bottom: -2px; }
.location-item > .google-map > .map-filters > ul { padding: 0 2.5%; width: 95%; }
.location-item > .google-map > .map-filters > ul > li { padding-left: 0; padding-bottom: 4px; }
.location-item > .google-map > .map-filters > ul > li > a { width: 131px; }
.location-item > .google-map > .map-filters > ul > li > span { }  article.page.floorplans-project .content-area .img-big-container { margin-bottom: 40px; }
.floorplans-menu { padding-bottom: 15px; }
.floorplans-menu > ul { text-align: center; }
.floorplans-menu > ul > li:nth-child(2n) { }
#floor-plans-area > .floor-plans-item { padding-top: 30px; padding-bottom: 34px; }
#floor-plans-area > .floor-plans-item > div { padding: 0 10px; text-align: center; width: 100%; }
#floor-plans-area > .floor-plans-item > .text-container > h2 { display: none; }
#floor-plans-area > .floor-plans-item > .text-container > ul { display: none; }
#floor-plans-area > .floor-plans-item > .img-container > h2 {
display: block;
color: #1a97b8;
font-size: 33px;
padding: 0 0 20px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul {
display: block;
text-align: center;
padding-bottom: 33px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li {
border-right: 1px solid #464444;
color: #464444;
font-size: 14px;
display: inline-block;
padding: 0 10px;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li:first-child {
padding-left: 0;
}
#floor-plans-area > .floor-plans-item > .img-container > ul > li:last-child {
padding-right: 0;
border: none;
}
#floor-plans-area > .floor-plans-item > .img-container > img { max-width: 70%; }
#floor-plans-area > .floor-plans-item > .text-container { padding-top: 28px; }
#floor-plans-area > .floor-plans-item > .text-container > .bttn {
display: inline-block;    font-size: 12px;    line-height: 32px;    max-width: 180px;    height: 32px;
} article.page.about-page .content-area .title-area { min-height: 0; }
#about-inside .content-area .txt-container > ul { margin-top: 0; padding: 0 9px; }
#about-inside .content-area .txt-container > ul > li { width: 100%; line-height: normal; } #contact .google-map { display: none; }
#contact .grid_8,
#contact .grid_4 {
margin: 0;
padding: 50px 13.5px 0!important;
width: 100%;
text-align: center;
}
#contact .grid_8 li, #contact .grid_4 li { margin: 0 auto; max-width: 310px; }
#contact .grid_8 h3, #contact .grid_4 h3 { padding-bottom: 8px; }
#contact .grid_8 p, #contact .grid_4 p { min-height: 10px; padding-bottom: 14px; margin: 0 auto;}
#contact .grid_8 li.blue > a, #contact .grid_4 li.blue > a { color: #2597b6; text-decoration: underline; text-transform: uppercase; } article#about.page .content-area .img-big-container { height: 216px; }
article.page.about-page .content-area p { max-width: none; text-align: center; padding: 0 10px 30px; }
article.page.about-page .content-area p:last-child { padding-bottom: 20px; }
.float-menu { position: relative; overflow: none; height: auto; width: 100%!important; top: auto; right: auto; }
.float-menu > .item-box { display: none; }
.float-menu > .blue-background.content {
background-color: #51acc5;
border-bottom: 2px solid #2e9bb9;
display: block;
position: relative;
top: auto!important;
height: 100%!important;
left: auto;
padding: 15px 10px;
text-align: center;
}
.float-menu > .blue-background.content:last-child { border: none; }
.float-menu > .blue-background.content h3 { font-size: 24px; padding-bottom: 5px; }
.float-menu > .blue-background.content p { font-size: 14px; line-height: normal; padding-bottom: 19px; } #about-inside.about-leadership .content-area .img-big-container {
height: auto;
max-width: none;
padding-right: 0;
margin-bottom: 9px;
}
#about-inside.about-leadership .content-area .txt-container {
max-width: 100%;
padding: 0 10px;
text-align: center;
}
#main-footer .properties-navigation nav li.only { width: 100%; text-align: center; }
#about-inside.about-leadership .content-area .txt-container h2 { font-size: 30px; text-align: center; padding-bottom: 6px; }
#about-inside.about-leadership .content-area .txt-container h5 { padding-top: 0; }
article.page .content-area .title-area {  height: 100%;  min-height: 10px !important; }
article.page .content-area .txt-container p { padding: 0; line-height: normal; text-align: justify; padding-left: 10px; padding-right: 10px; padding-bottom: 24px; }
article.page .content-area .txt-container p:last-child { padding-bottom: 0; }
#about-inside.about-leadership .content-area .txt-container p { padding-left: 0; padding-right: 0; } .news-area { padding-bottom: 53px; }
.news-area > .news-item:first-child { padding-top: 15px; }
.news-area > .news-item {
background: none;
padding-top: 36px;
padding-left: 10px;
padding-right: 10px;
width: 100%!important;
margin-left: 0!important;
margin-right: 0!important;
}
.news-area > .news-item > h5 { font-size: 14px; padding-bottom: 5px; }
.news-area > .news-item > h2 { font-size: 24px; padding-bottom: 8px; }
.news-area > .news-item > p { line-height: 24px; padding-bottom: 8px; }
.news-area > .news-item > .bttn {
font-size: 11px;
line-height: 23px;
height: 23px;
max-width: 106px;
}
article.page.about-press .load-more { padding-top: 23px; }  #main-footer .bttn {
display: block;
font-size: 12px;
margin-right: auto;
margin-left: auto;
margin-bottom: 11px;
height: 33px;
line-height: 33px;
max-width: 180px;
}
#main-footer .bttn:last-child {
margin-bottom: 0;
}
#main-footer .top {
text-align: center;
padding: 26px 0 30px;
}
#main-footer > .top > .row > .properties-navigation {
margin-left: 0;
width: 100%;
}
#main-footer .properties-navigation nav {
border: none;
}
.anchor-up-footer {
display: none;
position: fixed;
bottom: 0;
background-color: #2597b6;
border-top: 1px solid #297d94;
height: 27px;
width: 100%;
text-align: center;
z-index: 9;
}
.anchor-up-footer a {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height: 27px;
} }
#bubble_template{
background: #5479AD;
border: 1px solid #AFDFEA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white;
padding:5px
}
#bubble_template h2{
color: white;
font-size :20px;
line-height:25px
}
#bubble_template p{
color: white;
font-size:16px;
line-height:17px;
}
.gm-style-iw > div {
min-width: 150px;
overflow: hidden;
}
.gm-style-iw > div > div { overflow: hidden!important; }    .mailchimpPopup {
position: fixed;
top: 0px;
left: 0px;
background-color: rgba(255, 255, 255, 0.95);
width: 100%;
height: 100%;
z-index: 190;
display: none;
}
.mailchimpPopup .scroll {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mailchimpPopup .scroll > .table {
width: 100%;
height: 100%;
min-height: 500px;
padding: 50px 0px;
box-sizing: border-box;
display: table;
}
.mailchimpPopup .scroll > .table > .cell {
display: table-cell;
vertical-align: middle;
} .mailchimpPopup .formContainer {
width: 500px;
background-color: #fff;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
padding: 20px;
}  .mailchimpPopup .title {
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f6f6f6;
position: relative;
}
.mailchimpPopup .title h2 {
font-size: 20px;
font-family: 'Roboto Slab',serif;
color: #000;
font-weight: 400;
}
.mailchimpPopup .title a {
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
box-sizing: border-box;
overflow: hidden;
text-indent: -9999px;
border: 1px solid #f6f6f6;
position: absolute;
top: -5px;
right: 0px;
display: inline-block;
vertical-align: top;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 14px;
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/close.png);
}  .mailchimpPopup .tabs {
width: 100%;
}
.mailchimpPopup .tabs .tab {
width: 100%;
display: none;
}
.mailchimpPopup .tabs .tab.active {
display: block;
} .mailchimpPopup .tabs .table {
width: 100%;
display: table;
}
.mailchimpPopup .tabs .table .cell {
width: 50%;
display: table-cell;
vertical-align: top;
box-sizing: border-box;
padding: 0px 10px;
}
.mailchimpPopup .tabs .table .cell:first-child {
padding-left: 0px;
}
.mailchimpPopup .tabs .table .cell:last-child {
padding-right: 0px;
} .mailchimpPopup .tabs .tab p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
margin-bottom: 20px;
display: inline-block;
vertical-align: top;
width: 100%;
color: #000;
}
.mailchimpPopup .tabs .tab label {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
margin-bottom: 10px;
display: inline-block;
vertical-align: top;
width: 100%;
color: #828282;
}
.mailchimpPopup .tabs .tab label .red {
color: red;
}
.mailchimpPopup .tabs .tab input[type="text"] {
width: 100%;
height: 40px;
display: inline-block;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid #f6f6f6;
text-align: left;
box-sizing: border-box;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #000;
max-width: 100%;
margin-bottom: 20px;
background-color: #fff;
}
.mailchimpPopup .tabs .tab input[type="submit"] {
width: 120px;
height: 40px;
background-color: #4D4D4D;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
border: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
.mailchimpPopup .tabs .tab input[type="submit"].back {
background-color: #fff;
color: #4D4D4D;
border: 1px solid #f6f6f6;
box-sizing: border-box;
margin-right: 10px;
}
.mailchimpPopup .tabs .tab select {
width: 100%;
height: 40px;
display: inline-block;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid #f6f6f6;
text-align: left;
box-sizing: border-box;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #000;
max-width: 100%;
margin-bottom: 20px;
background-color: #fff;
background-position: right 10px center;
background-repeat: no-repeat;
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/arrow-bottom.png);
background-size: auto 15px;
}
.mailchimpPopup .tabs .tab textarea {
width: 100%;
height: 100px;
display: inline-block;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
resize: none;
border: 1px solid #f6f6f6;
text-align: left;
box-sizing: border-box;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #000;
max-width: 100%;
margin-bottom: 20px;
background-color: #fff;
} .mailchimpPopup .tabs .tab label.error,
.mailchimpPopup .tabs .tab p.error {
color: red!important;
}
.mailchimpPopup .tabs .tab input[type="text"].error {
border: 1px solid red!important;
}  .mailchimpPopup .propertyPhone {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 100%;
padding: 15px 20px;
text-align: left;
background-color: #e2e2e2;
box-sizing: border-box;
margin-top: 20px;
}
.mailchimpPopup .propertyPhone p {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #353535;
font-weight: 400;
}
.mailchimpPopup .propertyPhone p strong {
font-weight: 700;
}  @media only screen
and (min-width : 0px)
and (max-width : 767px) { .mailchimpPopup {
background-color: #fff;
}
.mailchimpPopup .scroll > .table {
min-height: 0px;
padding: 20px;
height: auto;
} .mailchimpPopup .formContainer {
width: 100%;
background-color: transparent;
-webkit-box-shadow: 0px 0px 0 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0 0px rgba(0,0,0,0);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-sizing: border-box;
padding: 0px;
}  .mailchimpPopup .title {
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f6f6f6;
position: relative;
}
.mailchimpPopup .title h2 {
font-size: 20px;
font-family: 'Roboto Slab',serif;
color: #000;
font-weight: 400;
}
.mailchimpPopup .title a {
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
box-sizing: border-box;
overflow: hidden;
text-indent: -9999px;
border: 1px solid #f6f6f6;
position: absolute;
top: -5px;
right: 0px;
display: inline-block;
vertical-align: top;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 14px;
background-image: url(//sjgproperties.com/wp-content/themes/sjg-properties/img/layout/close.png);
}  .mailchimpPopup .tabs {
width: 100%;
}
.mailchimpPopup .tabs .tab {
width: 100%;
display: none;
}
.mailchimpPopup .tabs .tab.active {
display: block;
} .mailchimpPopup .tabs .table {
display: inline-block;
}
.mailchimpPopup .tabs .table .cell {
width: 100%;
display:inline-block;
vertical-align: top;
padding: 0px;
} .mailchimpPopup .tabs .tab input[type="submit"] {
width: 100%;
}
.mailchimpPopup .tabs .tab input[type="submit"].back {
margin-right: 0px;
margin-bottom: 10px;
} }