@charset "UTF-8";
.row.gallery{ display:block;}
.row.gallery img{ width:25%; float:left;}

html, body { background:#fff; color:#757575; font-family:'Montserrat', sans-serif; display:table; font-size:16px; height:100%; margin:0; overflow-x:hidden; padding:0; width:100%; }
img { border:none; display:block; height:auto; max-width:100%;}
h1 { color:#757575; font-size:40px; font-weight:900; line-height:42px; margin:0; padding:0 0 10px 0; }
h2 { font-size:18px; font-weight:400; margin:0; padding:0; }
h3 { font-size:16px; margin:0 0 5px 0; padding:0;}
h4 { font-size:15px; font-weight:600; margin:5px 0; padding:0;}
h5 { font-size:14px; font-weight:600; margin:0 0 4px 0; padding:0;}
h6 { font-size:0.9em; font-weight:300; margin:0 0 5px 0; padding:0;}
h1 ~ h4 { font-size:24px; margin:-10px 0 20px 0; }
p { color:#464949; font-size:16px; line-height:22px; margin:0 0 8px 0;}
p strong { color:#000; font-weight:600;}
a:link, a:visited { color:#1db9c7; text-decoration:none;}
a:hover, a:active { color:#357085; transition:0.3s;}
h2 small { font-size:15px; text-transform:none;}
hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #b7c1c4; height:1px; margin:30px 0; }
#site-wrap { min-height:100%; max-width:1960px; margin:auto; position:relative; }
#header { background-color:rgba(0, 0, 0, 0.8); padding:30px 0; position:absolute; width:100%; z-index:99;}
#brand { float:left; font-size:26px; padding:0 0 0 45px; text-transform:uppercase;}
#nav { float:right; padding:0 40px 0 0; text-transform:uppercase;}
#home-banner { height:950px; position:relative; }
#content { padding:99px 0 0 0 ;}
#footer { font-size:13px; padding:30px; text-align:center;}
.contentw {}
.floatl { float:left; margin:0 5px 5px 0;}
.clear { clear:both;}
#header a:link, #header a:visited { color:#fff; }
#home-banner div { background-position:center center; background-size:cover; height:100%;}
#footer a:link, #footer a:visited {color:#41484b; margin:0 9px; }
#footer a:active, #footer a:hover {color:#1db9c7;}
.intro { padding-top:10px;}
.intro h1 { font-size:26px; text-transform:uppercase; }
.intro h2 { font-size:17px; }
.h-block-a { background:#efefef; padding:38px 320px 38px 46px; height:110px; position:relative; }
.h-block-a a.btn { position:absolute; top:50%; right:46px; margin:-38px 0 0 0;}
.block-a { background:#efefef; padding:40px 20px 40px 40px; height:calc(100% - 80px);}
.block-b { background:#efefef; margin:0 0 1px 0; padding:20px 40px; }
.block-b h1 { font-size:28px; font-weight:600; margin:0; padding:0;}
.block-b h2 { text-align:center;}
.block-c { background:#efefef; margin:0 0 20px 0; padding:20px 40px; position:relative; }
.block-d { background:#fff; padding:40px;}
.block-d h1 { font-size:24px;}
.block-e {background:#efefef; padding:36px 46px;}
.block-f { background:#fff; }
.fifty-p-inner { padding:40px;}
.fifty-p-inner h2 { font-weight:600; padding:0 0 5px; }
.map-wrap { display:none; background:url(//paragonapartments.co.nz/wp-content/uploads/2020/10/map.jpg) center center no-repeat; background-size:cover; height:780px; }
.imgwrap { border:18px solid #efefef; padding:20px;}
.imgwrap-inner {max-height:320px; overflow:hidden; position:relative; }
.imgwrap-inner a.video:before { background:url(//paragonapartments.co.nz/wp-content/uploads/2021/09/play.png) center center no-repeat; background-size:contain; content:""; height:80px; margin:-40px 0 0 -40px; opacity:0.7; position:absolute; left:50%; top:50%; width:80px;}
.imgwrap-inner:active a.video:before, .imgwrap-inner:hover a.video:before  { opacity:1;}
.featuretxt { padding:20px 38px;}
.featuretxt h3 { font-size:18px;} #nav ul li a { font-size:16px;}
#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] ~ .menu-wrap ul  { margin:0; padding:0;  }
#nav input[type="checkbox"] ~ .menu-wrap ul li { display:inline-block; margin:0 20px; padding:0; position:relative; }
#nav input[type="checkbox"] ~ .menu-wrap ul li.current, #nav input[type="checkbox"] ul li.current {  }
#nav li a:link, #nav li a:visited { display:block; padding:8px 0; }
#header a:active, #header a:hover, #nav li a:active, #nav li a:hover, #nav li.current-menu-item a:link, #nav li.current-menu-item a:visited  { color:#e4df23; }
.bx-wrapper { border:0 solid #fff!important; height:100%;}
.apartment-banner { position:relative; overflow:hidden; max-height:920px;}
.apartment-banner img { margin-top:-5%; width:100%; }
.apartment-summary { background-color:rgba(0, 0, 0, 0.8); color:#fff; font-weight:900; padding:20px 0; position:absolute; bottom:0; width:100%;}
.apart-title { font-size:30px; float:left; padding:0 30px; }
.apart-group { float:right; padding:5px 0 0 0;}
.apart-bedrooms, .apart-bathrooms, .apart-area { font-size:18px; float:left; margin:0 45px 0 30px; position:relative; }
.apart-bedrooms:before, .apart-bathrooms:before, .apart-area:before { content:""; display:block; height:40px; position:absolute; left:-48px; top:-8px; width:40px; }
.apart-bedrooms:before { background:url(//paragonapartments.co.nz/wp-content/uploads/2020/10/room-bed.png); background-position:center center; background-size:cover; }
.apart-bathrooms:before {background:url(//paragonapartments.co.nz/wp-content/uploads/2020/10/room-bath.png); background-position:center center; background-size:cover; }
.apart-area:before {background:url(//paragonapartments.co.nz/wp-content/uploads/2020/10/room-area2.png); background-position:center center; background-size:cover; }
.apart-area:after { background:url(//paragonapartments.co.nz/wp-content/uploads/2020/10/m2.png); content:""; display:inline-block; height:15px; margin:1px 0 0 2px; width:25px;  }
.apart-desc { padding:50px 30px 30px 30px;}
.apart-plan { padding:40px 0 30px 0;} input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea, select { background:#fff; border:1px solid #b7c1c4; font-size:15px; line-height:36px; margin:0; outline:0;padding:0 15px; position:relative; width:calc(100% - 30px); z-index:7;}
textarea { background-color:#fff; color:#707778; font-family:'Montserrat', sans-serif; height:125px;}
input[type="submit"], input[type="button"], a.btn  { background:#e4df23; border:0; color:#595959; cursor:pointer; display:inline-block; font-size:20px; font-weight:900; line-height:64px; margin:0; padding:0 36px; text-decoration:none; text-transform:uppercase;  }
input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:active, input[type="button"]:active, a.btn:hover, a.btn:active, .b-btn:hover, .b-btn:active { background:#595959; color:#e4df23; transition:0.3s;}
a.alt-btn { background:#595959; color:#efefef; }
table .sipw { margin:0; width:300px;}
table .sipw input[type="text"] { font-size:14px; line-height:28px;}
select::-ms-expand { display:none; }
select { background:none; border:1px solid #b7c1c4; -webkit-appearance:none; -moz-appearance:none; text-indent:0; text-overflow:'';}
.a-btn { background:#00afc4; border:0; color:#fff; cursor:pointer; display:inline-block; font-size:20px; float:right; line-height:60px; margin:0; padding:0 40px 0 70px; position:relative; text-decoration:none;}
.b-btn  { background:#00afc4; border:0; color:#fff; cursor:pointer; display:inline-block; font-size:19px; line-height:46px; margin:0 5px 5px 0; padding:0 35px 15px 68px; position:relative; text-decoration:none; }
.block-f .col-1o2:nth-of-type(odd) { border-right:1px solid #e6eaec; margin-right:-1px; }
.block-f .col-1o2:nth-of-type(even) { border-left:1px solid #e6eaec; width:calc(51% - 1px); }
.tennancy-plan { padding:40px;}
.tennancy-info-wrap { padding:0; }
.tennancy-info-wrap h1 { font-size:24px; padding:30px 20px 25px 40px;}
.tennancy-info-wrap p { padding:0 0 30px 40px;}
.tennancy-info {border-top: 1px solid #e6eaec; padding:30px 0 30px 40px;}
.tennancy-gallery { border-top: 1px solid #e6eaec; padding:40px;}
.tennancy-gallery img { float:left; margin:0 9px 10px 0; width:calc(50% - 9px);}
.img-border { background:#fff; float:left; padding:18px; margin:0 0 10px 0; }
.img-border img { border:2px solid #efefef;}
.enq-details { clear:both;}
.apart-gall-wrap .fg-default.fg-gutter-10 { padding-left:0;} .col-1o3, .scol-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .col-40p, .col-60p, .col-a1, .col-a2 { float:left; }
.col-enq1 { padding:0 50px 0 0; width:75%;}
.col-enq2 { float:right; padding:22px 0 0 0; width:calc(25% - 50px);}
.col-a1 { width:55%;}
.col-a2 { width:45%;}
.col-1o3 { margin:0 2% 0 0; width:31.99%;}
.col-2o3 { margin-right:3.5%; width:65.5%;}
.col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3, .col-1o3:nth-of-type(3n) { margin-right:0; text-align:left;}
.col-1o4 { margin-right:10px; width:calc(25% - 10px);}
.col-1o4:nth-child(4n) { margin-right:0;}
.col-2o4 { margin-right:10px; width:calc(50% - 10px);}
.col-1o4 ~ .col-2o4, .col-2o4 ~ .col-1o4 ~ .col-1o4  { margin-right:0; width:25%; }
.col-1o2 { margin-right:10px; width:calc(50% - 5px);}
.col-1o2:nth-of-type(even) { margin-right:0;}
.col-auto3 { -webkit-column-count:3; -moz-column-count:3; column-count:3;}
.fifty-p { display:table-cell; width:50%;}
.fifty-p:nth-of-type(2) { border-left:1px solid #e6eaec; width:calc(50% - 1px);}
.col-40p { width:40%;}
.col-60p { width:60%; }
.col-40p ~ .col-60p { margin-left:2%; width:58%;}
.col-60p ~ .col-40p { margin-left:2%; width:38%;}
.col-main { margin:50px 0;} @media only screen and (max-width: 1650px) {
.apart-desc { padding:50px 30px 30px 30px;}
}
@media only screen and (max-width: 1600px) {
.col-2o4 ~ .col-1o4 ~ .col-1o4 { width:50%;}
.h-block-a {  padding:35px 280px 35px 40px; height:140px;  }
.h-block-a a.btn { right:40px; margin:-38px 0 0 0;}
}
@media only screen and (max-width: 1500px) {
.h-block-a { padding:38px 46px; height:auto; min-height:200px;  }
.h-block-a a.btn { position:relative; top:0; right:initial; margin:20px 0 0 0;}
}
@media only screen and (max-width: 1300px) {
#nav { padding:0 24px 0 0;}
#nav input[type="checkbox"] ~ .menu-wrap ul li { margin:0 12px;}
#nav li a:link, #nav li a:visited { font-size:14px;}
#home-banner { height:700px;}
.imgwrap { border:9px solid #e6eaec; padding:10px;}
.featuretxt { padding:20px 0;}
#tennancy-gf-01 { left:7%; top:15%;}
#tennancy-gf-02 { left:6%; top:55%;}
#tennancy-gf-03 { left:23%; top:60%;}
#tennancy-gf-04 { left:54%; top:13%;}
#tennancy-gf-05 { left:54%; top:52%;}
#tennancy-gf-06 { left:70%; top:63%;}
.col-enq1 { width:70%;}
.col-enq2 { width:calc(30% - 50px);}
}
@media only screen and (max-width: 1100px) {
#brand, #nav {float:none; }
#nav { padding:0 0 0 34px;}
#content { padding:130px 0 0 0;}
.block-b h2 { text-align:left;}
.block-b, .block-c { padding:15px 30px; }
.block-d { padding:25px;}
.sp-bubble { padding:9px; width:auto;}
.sp-bubble a span {display:none;}
.sp-left:after, .sp-right:after { bottom:-9px; left:40%;}
.map-wrap { height:600px; }
.fifty-p-inner { padding:30px;}
.agentwrap {  padding:18px; }
.agentpic { border:10px solid #fff; width:100px; }
.agentdetails { padding:0 0 0 140px;}
.agentdetails ul { font-size:15px; margin:10px 0 0 0;  }
.tennancy-info-wrap h1 { font-size:20px; padding:20px 20px 20px 30px;}
.tennancy-info-wrap p { padding:0 0 30px 30px;}
.tennancy-info { padding:25px 0 25px 30px;}
.tennancy-gallery {  padding:30px;}
.h-block-a { padding:32px 38px; min-height:220px;  }
.col-a1, .col-a2 { width:100%;}
.col-enq1 { width:65%;}
.col-enq2 { width:calc(35% - 50px);}
}
@media only screen and (max-width: 900px) {
#home-banner { height:400px;}
.block-d { padding:15px;}
.col-1o2 { margin-right:0; width:100%;}
.col-1o3, .col-2o3 { margin:0; width:100%;}
.col-2o3 { margin-right:3.5%; width:65.5%;}
.h-block-a { padding:32px 38px; margin-bottom:10px; min-height:0;  }
.imgwrap { border:15px solid #e6eaec; padding:15px;}
.featuretxt { padding:20px 30px 50px 30px;}
.map-wrap { height:500px; }
.fifty-p { display:block; width: 100%;}
.fifty-p:nth-of-type(2) { border-left:none; width:100%;}
.agentwrap { margin:0 0 8px 0;}
.imgwrap-inner { max-height:none;  }
.tennancy-plan { padding:40px 40px 0 40px;}
.block-f .col-1o2:nth-of-type(odd) { border-right:0; margin-right:0; width:100%;  }
.block-f .col-1o2:nth-of-type(even) { border-left:0; width:100%;  }
.apartment-summary { background:#757575; padding:20px 0; position:relative;}
.apart-title { float:none; font-size:24px;}
.apart-group { float:none; padding:15px 0 0 45px;}
.apart-desc {  padding:30px 30px 30px 30px;}
}
@media only screen and (max-width: 765px) {
#brand { font-size:20px; margin-right:99px; }
#brand strong { font-size:21px; }
#content { padding:90px 0 0 0;}
.tennancy-gallery img { margin:0 0 10px 0; width:100%;}
#nav { text-transform:none;}
#nav ul li a { font-size:16px;}
#nav { margin:0; padding:0; position:absolute; top:0; right:0; text-align:left; z-index:9; }
#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] + label { background:url(//paragonapartments.co.nz/wp-content/uploads/2020/10/menu.png) 0 0 no-repeat; display:block; height:80px; margin:0; padding:0; position:absolute; top:2px; right:10px; width:80px; z-index:9; }
#nav input[type="checkbox"]:checked + label { background:url(//paragonapartments.co.nz/wp-content/uploads/2020/10/menu.png) 0 -80px no-repeat; transition:0.3s;  }
#nav input[type="checkbox"] ~ .menu-wrap ul  { background-color: rgba(92, 92, 92, 0.9); margin:0; padding:0; position:absolute; transition:0.3s; width:250px; top:-900px; right:0; z-index:8; }
#nav input[type="checkbox"]:checked ~ .menu-wrap ul { top:68px; }
#nav input[type="checkbox"] ~ .menu-wrap ul li { border-top:1px solid #fff; display:block; margin:0; padding:0; position:relative; }
#nav input[type="checkbox"] ~ .menu-wrap ul li.current-menu-item, #nav input[type="checkbox"] ul li.current-menu-item { background-color:#e4df23;}
#nav input[type="checkbox"] ~ .menu-wrap ul li.current-menu-item a:link, #nav input[type="checkbox"] ~ .menu-wrap ul li.current-menu-item a:visited { color:#333;}
#nav li.current-menu-item:after { display:none;}
#nav li a:link, #nav li a:visited { color:#fff; display:block; font-size:18px; padding:14px 26px; }
#nav li a:active, #nav li a:hover { background:#e4df23; color:#5c5c5c; }
.block-b, .block-c, .fifty-p-inner  { padding:15px;}
.map-wrap { height:420px; }
.col-enq1 { padding:0 30px 0 0; width:65%;}
.col-enq2 { width:calc(35% - 30px);}
.img-border { padding:12px; }
}
@media only screen and (max-width: 600px) {
#home-banner { height:300px;}
.map-wrap { height:400px; }
.block-c { padding:15px 5px;}
.col-enq1 { padding:0; width:100%;}
.col-enq2 { float:none; width:100%;}
}
@media only screen and (max-width: 500px) {
#brand { max-width:120px;}
#content { padding:114px 0 0 0;}
.imgwrap { border:3px solid #e6eaec; padding:8px;}
.featuretxt { padding:20px 11px 30px 11px;}
.h-block-a { padding:24px 28px;  }
.apart-bedrooms, .apart-bathrooms, .apart-area { font-size:16px;  margin:0 35px 0 30px;  position:relative;}
.apart-bedrooms:before, .apart-bathrooms:before, .apart-area:before { height:30px; left:-38px; top:-5px; width:30px;}
}