#masthead { margin-top:0;}
#masthead .site-branding { margin:25px 0;}
.site-phones {    position: relative;    z-index: 100000; text-align:center; float:right; background:#051545; width:25%; padding:15px 10px;}
.site-phones h3 { color:#fff; margin-bottom:10px;}
.site-phones a img { margin: 0 5px; }
.page-id-2533 .site-titles{ margin-left:3px;   margin-top: 27px;  width: 58%;}
#slider-bottom { margin-bottom:50px;}
#slider-bottom h3 {font-size:37px; font-weight:bold; text-align:center; padding:25px 0; }
.slider-bottom-box { margin-bottom:20px; text-align:center; }
.slider-bottom-box h3 { font-weight:normal; font-size:23px;} 
.separot-border { margin:10px 0 20px 0; min-height:8px;}
.left-sec{ padding-right:100px;}
.text1 h2{ color:#043351; font-size:23px;}
.text1 p{    text-align: center;    color: #043351;    margin-top: 5px;}
.right-text h2{     margin-bottom: 25px;   text-transform: uppercase;  font-size: 31px;   color: #043351;    font-weight: normal;}
.right-text p{color:#043351; line-height: 28px;}
.right-text{padding-left:20px;}
.heading{ font-weight:normal;     margin-bottom: 22px;}
.image-icon img{ width:70px; height:70px; margin-bottom:20px;}
.box1{ background-color:#e5eaed;width:32%;}
.margin{margin:0 51px;}
.box1:nth-child(3n){float:right;}
.hallmark-banner{display:none;}
.box1 p{ min-height:225px;}
.text3 h2{ margin-bottom: 25px;   text-transform: uppercase;  font-size: 27px;   color: #043351;    font-weight: normal;}
.text3 h3{font-size:30px; color:#043351;}
.left1{    width: 74%;    float: left; margin-left:84px;}
.text3 p{     font-size: 18px !important;  color: #043351 !important;  line-height: 28px;  margin-top: 28px;}
.book-image img{ width:68%;}
.book-btn{ margin-top:-46px;margin-right: 114px;}
.latest-news-title h3{       color: #fff;  text-align: center;  font-size: 33px !important;  font-weight: normal;
    text-transform: uppercase;  display: block;  margin: 0 auto;width: 306px; background-color:#043351;}
    .latest-news-title h3:before{content:""; background-color:#fff;height:2px; width:100%; position:absolute; top:5%; left:0;}
    
 .vc_separator h4{    color: #fff;
    font-size: 27px;
    font-weight: normal;
    text-transform: uppercase;}
.testimonial-sec:before{    position: absolute;
    background-color: #cca55c;
    width: 99px;
    height: 69%;
    content: "";
    display: block;
    -webkit-box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    left: 0;
    top: 14%;
}
.testimonial-sec:after{    position: absolute;
    background-color: #cca55c;
    width: 99px;
    height: 69%;
    content: "";
    display: block;
    -webkit-box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    right: 0;
    top: 14%;
}

.testimonial-sec p{ color:#fff; font-size:14px;     padding: 39px 93px 0 25px;}

.testimonial-sec h2{font-size: 14px;color: #fff;    padding-left: 27px;}
.logo img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);   
    margin: 0 auto;
    text-align: center;
    width: auto;
}

#colophon{   background: rgba(180,140,70,1);
background: -moz-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(180,140,70,1)), color-stop(33%, rgba(251,229,101,1)), color-stop(91%, rgba(151,116,55,1)), color-stop(94%, rgba(146,110,53,1)));
background: -webkit-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -o-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -ms-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: linear-gradient(to right, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b48c46', endColorstr='#926e35', GradientType=1 );
    height: 204px;}
    
    #footer-sidebar {
    color: #FFF;
    width: 93%;
    background: #043351;
    margin: -55px auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 125px; padding-bottom:25px;
}
#colophon{position:relative;}
#footer-sidebar ul{text-transform:uppercase;}
.widget-title{    text-transform: uppercase;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin-bottom: 25px;}
    
    #supplementary #fourth, #supplementary #third, #supplementary #second{ width:25%;}
     #supplementary #third{ margin:0 11%;}
    #supplementary #first { display: none;}
    
    .copyright {
    width: 100%;
    margin-top: 0;
    display: inline-block;
    color: #000;
    padding-bottom: 15px;
    position: absolute;
    left: 0;
    bottom: -64px;
    background-color: #fff;
}
.sep-height{height:8px;}
.footer{ background: rgba(180,140,70,1);
background: -moz-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(180,140,70,1)), color-stop(33%, rgba(251,229,101,1)), color-stop(91%, rgba(151,116,55,1)), color-stop(94%, rgba(146,110,53,1)));
background: -webkit-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -o-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -ms-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: linear-gradient(to right, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b48c46', endColorstr='#926e35', GradientType=1 );}
.logo-sep .vc_separator .vc_sep_holder .vc_sep_line{border:0px !important;}

.rightbg{background-image:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/rightbg-1.jpg);   
background-position: right;
    background-repeat: no-repeat ;
    background-size: contain }
    #content{ margin-top:0px;}
    #access{background-color:#fff;}
    #access ul li a{color:#051545; font-weight:normal;    padding: 10px 5px 10px;    font-size: 16px !important;}
    #access ul{ width:96% !important;}
    #menu-headstart-home-header-menu
.page-id-2005 .site-content:before{content:'';display:block;background-image:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/leftbg.png); background-repeat:no-repeat; position:absolute; top:31%; z-index:1000; 
    width: 112px;  height: 982px;   background-size: cover;    background-position: top center; }
    
    .main-navigation:before{background-image:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/top-nav-lin.jpg);background-size:cover; conetnt:'';display:block; position:absolute; top:-5px;width:100%;
        height:7px; background-repeat:no-repeat;}
        .hallmark-banner-mainrow{display:none;}
        .hallmark-banner{background-color:rgba(255,255,255,0.5) !important;     height: auto !important;}
        .hallmark-banner a{width:259px; font-size:22px !important;}
        
        .bannertext{ background-color: rgba(247, 247, 247, 0.7);
    padding: 29px 0px !important;
    width: 352px;
    float: right;
    height: 426px;}
    .bannertext h2,  .hallmark-banner h2{   text-align:center !important; font-size: 58px !important;  color: rgb(5, 21, 69);   text-align: center;}
     .bannertext h3, .hallmark-banner h3{    font-size: 38px !important;  color: #c50909;text-align: center !important;   margin-top: 7px !important;}
    .bannertext span, .hallmark-banner span{    font-size: 20px;   color: rgb(0, 0, 0);padding: 14px 0;    width: 100%;       display: inline-block;
    line-height: normal !important;    text-align: center !important;}
    .bannertext a, .hallmark-banner a{    width: 250px;  line-height: normal !important;     background-color: #faeb93;
    background-image: -webkit-linear-gradient(left, #faeb93 0%, #d6b468 50%,#faeb93 100%);
    background-image: linear-gradient(to right, #faeb93 0%, #d6b468 50%,#faeb93 100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%;  display: block;text-align: center !important;
    padding: 7px 0 !important;   border-radius: 7px;  font-size: 22px !important;  font-weight: bold !important;
    color: #000 !important;  text-transform: uppercase; margin:0 auto;}
    
    .bannertext, .hallmark-banner{text-align:center !important;}
    
    .slider-bottom-box img{-webkit-box-shadow: -1px 6px 13px -2px rgba(0,0,0,0.35);
-moz-box-shadow: -1px 6px 13px -2px rgba(0,0,0,0.35);
box-shadow: -1px 6px 13px -2px rgba(0,0,0,0.35);}

.vc_separator.vc_sep_shadow .vc_sep_holder_l .vc_sep_line::after{box-shadow:none;}

/****==home bottom slider starts==****/
#home-btm-slider .col-2.property-listing { margin-right:10px; position:relative;}
#home-btm-slider .property-title{position: absolute; background:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/title-shadow.png) no-repeat left top; background-size:cover;  width: 100%; bottom:20px; color: #ffff; padding: 10px 20px; font-size: 25px;}
.head-start .property-title {background:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/title-shadow-2.png) no-repeat left top !important; padding:3px 20px}

#home-btm-slider .property-title span.font-12, #home-btm-slider .property-title span.font-14-normal { display:none;}
#home-btm-slider .property-amenities, #home-btm-slider .owl-controlls.clickable { display:none;}
.box1.white { background:none;}
.three-reasons-section { position:relative;}
.book-right { position:absolute; right:0; width:45%; height:100%; background:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/headestart-book-right-img.jpg) no-repeat center center; background-size:cover;}
left-col { padding-top:35px;}
.testimonial-sec.headstart:before, .testimonial-sec.headstart:after { display:none;}
.site-footer.no-bg { background:none !important;}
.headstart-footer { position:relative; width:100%; height:auto;}
.headstart-footer #footer-sidebar { top:0px; position:relative;}
.headstart-footer .headstart-redbg { position:absolute; bottom:0; width:100%; height:300px; background:#e7182c;}
.headstart-footer .copyright { position:relative; bottom:0; margin-bottom:30px; padding-top:15px;}
.headstart-menu .main-navigation:before { background:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/nav-top-bg.png) repeat-x center center; top:-6px;}

.bannertext .headstart h2 {color:#fff; }
.bannertext .headstart h3 {color:#e7182c;}
.bannertext .headstart span {color:#fff;}
.bannertext .headstart a {width: 82%;margin: 0 auto !important; background-color:#e7182c; background-image:none !important; color:#fff !important;}

.properties-sec .col-sm-4 .property-title, .properties-sec .col-sm-6 .property-title {
    padding: 8px 0 15px 8px;
    color: #ffffff;
    font-size: 23px;
    font-weight: bold;
    background-image: none !important;
    background-size: cover;
    background-color: #d80505;
}
#menu-headstart-home-header-menu{width:89% !important;}
.copyright{ margin-top:19px; }

.inner-box{min-height:277px; background-color:#ebebeb;    width: 30%;
    padding: 15px 0 0;}
.margin{margin: 0 20px;}
.awards-block h4{font-size:16px !important;}

.headstart-plans .property-title{background-color:red !important;background-image: none;    color: #fff;}

.e-book-image img{    float: right;
    width: 45%;}
    .e-book-image{    text-align: left;
    float: left;}
    
    #slider-bottom{background: rgba(190,156,82,1);
background: -moz-linear-gradient(left, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(190,156,82,1)), color-stop(32%, rgba(253,239,147,1)), color-stop(62%, rgba(174,137,52,1)), color-stop(100%, rgba(220,185,95,1)));
background: -webkit-linear-gradient(left, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
background: -o-linear-gradient(left, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
background: -ms-linear-gradient(left, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
background: linear-gradient(to right, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be9c52', endColorstr='#dcb95f', GradientType=1 );}

.separator{height:9px;}
.separator > .vc_separator .vc_sep_holder .vc_sep_line{border:0px !important;}
.logo .wpb_single_image.vc_align_center{width:auto; display:inline-block; margin: 0 8px;}
.logo .wpb_single_image.vc_align_center:last-child{float:right;}

.logo .wpb_single_image.vc_align_center:first-child{float:left;}
.headstart-bg{background:red !important;}
.headstart{background-color:rgba(5, 21, 69, 0.7) !important;     height: 481px;}
.headstart h2, .headstart span{color:#fff;}
.blue-bg{background-color:;}
#access ul li ul{width:200px !important;}
/****==home bottom slider end==****/


@media (max-width:1199px) {
#home-btm-slider .property-title { bottom:10px; padding: 5px 10px; font-size: 15px;}
#home-btm-slider .owl-controlls.clickable { display:none !important;}
}
    
@media (max-width:991px) {
 .page-id-2005 .site-content:before{display:none;}
.site-titles, .site-branding, .site-phones, .site-logo{ width:100%;}
.site-content:before{ display:none;}
#slider-bottom h3 { font-size: 5vw; line-height:normal !important;padding: 14px 0;}
.left-sec{ padding-right:0px;}
.margin {    margin: 30px 0 30px;}
.box1{width:100%;}
.box1 p {    min-height: auto;}
.rightbg{ background-image:none;}
.left1 {width: 97%;    float: none;    margin: 0 auto;    text-align: center;}
.book-image{text-align:center !important;}
.book-btn {   margin-top: 0;    text-align: center !important;}
.testimonial-sec:before, .testimonial-sec:after{width:5%;}
.testimonial-sec p, .testimonial-sec h2{text-align:center !important; padding: 39px 45px 0;}
#colophon #supplementary .widget-area{text-align:center;}
#supplementary #third{    margin: -31px 0 28px !important;}
#footer-sidebar{padding-bottom:25px;}
.bannertext h2, .hallmark-banner h2{ font-size: 2vw !important; margin:20px 0 !important;}
.bannertext h3, .hallmark-banner h3{ font-size: 2vw !important;     margin-top: 0px !important;}
.bannertext, .hallmark-banner {  width: 100%;    float: none;    margin: 0 auto !important;
    display: block;     padding: 11px 0px !important; padding: 41px 0px !important;
    height: auto;}
.bannertext a, .hallmark-banner a{padding: 4px 8px !important; font-size:2vw !important;}
#home-btm-slider .property-amenities, #home-btm-slider .owl-controlls.clickable { display:none}
.headstart-footer #footer-sidebar { top:80px;}
.right-text{    padding-left: 0;}
    
}
@media (max-width:767px){
left-col { padding-top:15px;}
.book-right { display:none;}
#masthead { margin-top:0;}
#masthead .site-branding { margin:25px 0;}
.site-phones {    position: relative;    z-index: 100000; text-align:center; float:right; background:#051545; width:25%; padding:15px 10px;}
.site-phones h3 { color:#fff; margin-bottom:10px;}
.site-phones a img { margin: 0 5px; }
.page-id-2533 .site-titles{ margin-left:3px;   margin-top: 27px;  width: 58%;}
#slider-bottom { margin-bottom:50px;}
#slider-bottom h3 {font-size:37px; font-weight:bold; text-align:center; padding:25px 0; }
.slider-bottom-box { margin-bottom:20px; text-align:center; }
.slider-bottom-box h3 { font-weight:normal; font-size:23px;} 
.separot-border { margin:10px 0 20px 0; min-height:8px;}
.left-sec{ padding-right:100px;}
.text1 h2{ color:#043351; font-size:23px;}
.text1 p{    text-align: center;    color: #043351;    margin-top: 5px;}
.right-text h2{     margin-bottom: 25px;   text-transform: uppercase;  font-size: 31px;   color: #043351;    font-weight: normal;}
.right-text p{color:#043351; line-height: 28px;}
.right-text{padding-left:20px;}
.heading{ font-weight:normal;     margin-bottom: 22px;}
.image-icon img{ width:70px; height:70px; margin-bottom:20px;}
.box1{ background-color:#e5eaed;width:32%;}
.margin{margin:0 51px;}
.box1:nth-child(3n){float:right;}
.hallmark-banner{display:none;}
.box1 p{ min-height:225px;}
.text3 h2{ margin-bottom: 25px;   text-transform: uppercase;  font-size: 27px;   color: #043351;    font-weight: normal;}
.text3 h3{font-size:30px; color:#043351;}
.left1{    width: 74%;    float: right;}
.text3 p{     font-size: 18px !important;  color: #043351 !important;  line-height: 28px;  margin-top: 28px;}
.book-image img{ width:68%;}
.book-btn{ margin-top:-46px;}
.latest-news-title h3{       color: #fff;  text-align: center;  font-size: 33px !important;  font-weight: normal;
    text-transform: uppercase;  display: block;  margin: 0 auto;width: 306px; background-color:#043351;}
    .latest-news-title h3:before{content:""; background-color:#fff;height:2px; width:100%; position:absolute; top:5%; left:0;}
    
 .vc_separator h4{    color: #fff;
    font-size: 27px;
    font-weight: normal;
    text-transform: uppercase;}
.testimonial-sec:before{    position: absolute;
    background-color: #cca55c;
    width: 99px;
    height: 69%;
    content: "";
    display: block;
    -webkit-box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    left: 0;
    top: 14%;
}
.testimonial-sec:after{    position: absolute;
    background-color: #cca55c;
    width: 99px;
    height: 69%;
    content: "";
    display: block;
    -webkit-box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    box-shadow: 8px -8px 37px -5px rgba(0,0,0,0.75);
    right: 0;
    top: 14%;
}

.testimonial-sec p{ color:#fff; font-size:14px;     padding: 39px 93px 0 25px;}

.testimonial-sec h2{font-size: 14px;color: #fff;    padding-left: 27px;}
.logo img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);   
    margin: 0 auto;
    text-align: center;
    width: auto;
}

#colophon{   background: rgba(180,140,70,1);
background: -moz-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(180,140,70,1)), color-stop(33%, rgba(251,229,101,1)), color-stop(91%, rgba(151,116,55,1)), color-stop(94%, rgba(146,110,53,1)));
background: -webkit-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -o-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -ms-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: linear-gradient(to right, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b48c46', endColorstr='#926e35', GradientType=1 );
    height: 204px;}
    
    #footer-sidebar {
    color: #FFF;
    width: 93%;
    background: #043351;
    margin: -55px auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 125px; padding-bottom:25px;
}
#colophon{position:relative;}
#footer-sidebar ul{text-transform:uppercase;}
.widget-title{    text-transform: uppercase;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin-bottom: 25px;}
    
    #supplementary #fourth, #supplementary #third, #supplementary #second{ width:25%;}
     #supplementary #third{ margin:0 11%;}
    #supplementary #first { display: none;}
    
    .copyright {
    width: 100%;
    margin-top: 0;
    display: inline-block;
    color: #000;
    padding-bottom: 15px;
    position: absolute;
    left: 0;
    bottom: -64px;
    background-color: #fff;
}
.sep-height{height:8px;}
.footer{ background: rgba(180,140,70,1);
background: -moz-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(180,140,70,1)), color-stop(33%, rgba(251,229,101,1)), color-stop(91%, rgba(151,116,55,1)), color-stop(94%, rgba(146,110,53,1)));
background: -webkit-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -o-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: -ms-linear-gradient(left, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
background: linear-gradient(to right, rgba(180,140,70,1) 0%, rgba(251,229,101,1) 33%, rgba(151,116,55,1) 91%, rgba(146,110,53,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b48c46', endColorstr='#926e35', GradientType=1 );}
.logo-sep .vc_separator .vc_sep_holder .vc_sep_line{border:0px !important;}

.rightbg{background-image:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/rightbg-1.jpg);   
background-position: right;
    background-repeat: no-repeat ;
    background-size: contain }
    #content{ margin-top:0px;}
    #access{background-color:#fff;}
    #access ul li a{color:#051545; font-weight:normal;    padding: 10px 10px 10px; }
    #access ul{ width:96%;}
    #menu-headstart-home-header-menu
.page-id-2005 .site-content:before{content:'';display:block;background-image:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/leftbg.png); background-repeat:no-repeat; position:absolute; top:31%; z-index:1000; 
    width: 112px;  height: 982px;   background-size: cover;    background-position: top center; }
    
    .main-navigation:before{background-image:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/top-nav-lin.jpg);background-size:cover; conetnt:'';display:block; position:absolute; top:-5px;width:100%;
        height:7px; background-repeat:no-repeat;}
        .hallmark-banner-mainrow{display:none;}
        .hallmark-banner{background-color:rgba(255,255,255,0.5) !important;     height: auto !important;}
        .hallmark-banner a{width:259px; font-size:22px !important;}
        
        .bannertext{ background-color: rgba(247, 247, 247, 0.7);
    padding: 29px 0px !important;
    width: 352px;
    float: right;
    height: 426px;}
    .bannertext h2,  .hallmark-banner h2{   text-align:center !important; font-size: 58px !important;  color: rgb(5, 21, 69);   text-align: center;}
     .bannertext h3, .hallmark-banner h3{    font-size: 38px !important;  color: #c50909;text-align: center !important;   margin-top: 7px !important;}
    .bannertext span, .hallmark-banner span{    font-size: 20px;   color: rgb(0, 0, 0);padding: 14px 0;    width: 100%;       display: inline-block;
    line-height: normal !important;    text-align: center !important;}
    .bannertext a, .hallmark-banner a{    width: 250px;  line-height: normal !important;     background-color: #faeb93;
    background-image: -webkit-linear-gradient(left, #faeb93 0%, #d6b468 50%,#faeb93 100%);
    background-image: linear-gradient(to right, #faeb93 0%, #d6b468 50%,#faeb93 100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%;  display: block;text-align: center !important;
    padding: 7px 0 !important;   border-radius: 7px;  font-size: 22px !important;  font-weight: bold !important;
    color: #000 !important;  text-transform: uppercase; margin:0 auto;}
    
    .bannertext, .hallmark-banner{text-align:center !important;}
    
    .slider-bottom-box img{-webkit-box-shadow: -1px 6px 13px -2px rgba(0,0,0,0.35);
-moz-box-shadow: -1px 6px 13px -2px rgba(0,0,0,0.35);
box-shadow: -1px 6px 13px -2px rgba(0,0,0,0.35);}

.vc_separator.vc_sep_shadow .vc_sep_holder_l .vc_sep_line::after{box-shadow:none;}

/****==home bottom slider starts==****/
#home-btm-slider .col-2.property-listing { margin-right:10px; position:relative;}
#home-btm-slider .property-title{position: absolute; background:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/title-shadow.png) no-repeat left top; background-size:cover;  width: 100%; bottom:20px; color: #ffff; padding: 10px 20px; font-size: 25px;}
.head-start .property-title {background:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/title-shadow-2.png) no-repeat left top !important; padding:3px 20px}

#home-btm-slider .property-title span.font-12, #home-btm-slider .property-title span.font-14-normal { display:none;}
#home-btm-slider .property-amenities, #home-btm-slider .owl-controlls.clickable { display:none;}
.box1.white { background:none;}
.three-reasons-section { position:relative;}
.book-right { position:absolute; right:0; width:45%; height:100%; background:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/headestart-book-right-img.jpg) no-repeat center center; background-size:cover;}
left-col { padding-top:35px;}
.testimonial-sec.headstart:before, .testimonial-sec.headstart:after { display:none;}
.site-footer.no-bg { background:none !important;}
.headstart-footer { position:relative; width:100%; height:auto;}
.headstart-footer #footer-sidebar { top:0px; position:relative;}
.headstart-footer .headstart-redbg { position:absolute; bottom:0; width:100%; height:300px; background:#e7182c;}
.headstart-footer .copyright { position:relative; bottom:0; margin-bottom:30px; padding-top:15px;}
.headstart-menu .main-navigation:before { background:url(https://www.hallmarkhomes.co.nz/wp-content/uploads/2018/06/nav-top-bg.png) repeat-x center center; top:-6px;}

.bannertext .headstart h2 {color:#fff; }
.bannertext .headstart h3 {color:#e7182c;}
.bannertext .headstart span {color:#fff;}
.bannertext .headstart a {width: 82%;margin: 0 auto !important; background-color:#e7182c; background-image:none !important; color:#fff !important;}

.properties-sec .col-sm-4 .property-title, .properties-sec .col-sm-6 .property-title {
    padding: 8px 0 15px 8px;
    color: #ffffff;
    font-size: 23px;
    font-weight: bold;
    background-image: none !important;
    background-size: cover;
    background-color: #d80505;
}
#menu-headstart-home-header-menu{width:89% !important;}
.copyright{ margin-top:19px; }

.inner-box{min-height:277px; background-color:#ebebeb;    width: 30%;
    padding: 15px 0 0;}
.margin{margin: 0 20px;}
.awards-block h4{font-size:16px !important;}

.headstart-plans .property-title{background-color:red !important;background-image: none;    color: #fff;}

.e-book-image img{    float: right;
    width: 45%;}
    .e-book-image{    text-align: left;
    float: left;}
    
    #slider-bottom{background: rgba(190,156,82,1);
background: -moz-linear-gradient(left, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(190,156,82,1)), color-stop(32%, rgba(253,239,147,1)), color-stop(62%, rgba(174,137,52,1)), color-stop(100%, rgba(220,185,95,1)));
background: -webkit-linear-gradient(left, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
background: -o-linear-gradient(left, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
background: -ms-linear-gradient(left, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
background: linear-gradient(to right, rgba(190,156,82,1) 0%, rgba(253,239,147,1) 32%, rgba(174,137,52,1) 62%, rgba(220,185,95,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be9c52', endColorstr='#dcb95f', GradientType=1 );}

.separator{height:9px;}
.separator > .vc_separator .vc_sep_holder .vc_sep_line{border:0px !important;}
.logo .wpb_single_image.vc_align_center{width:auto; display:inline-block; margin: 0 8px;}
.logo .wpb_single_image.vc_align_center:last-child{float:right;}

.logo .wpb_single_image.vc_align_center:first-child{float:left;}
.headstart-bg{background:red !important;}
.headstart{background-color:rgba(5, 21, 69, 0.7) !important;     height: 481px;}
.headstart h2, .headstart span{color:#fff;}
.blue-bg{background-color:;}
.wpb_video_widget .wpb_wrapper iframe{border:5px solid #ccc;}
.image-float{    width: 45%;
    float: left;
    margin-right: 25px;}
    
    .property-thankyou-form input[type=text], .property-thankyou-form input[type='email'], .property-thankyou-form input[type=password], .property-thankyou-form textarea{padding:5px !important;}
/****==home bottom slider end==****/


@media (max-width:1199px) {
#home-btm-slider .property-title { bottom:10px; padding: 5px 10px; font-size: 15px;}
#home-btm-slider .owl-controlls.clickable { display:none !important;}
}
    
@media (max-width:991px) {
 .page-id-2005 .site-content:before{display:none;}
.site-titles, .site-branding, .site-phones, .site-logo{ width:100%;}
.site-content:before{ display:none;}
#slider-bottom h3 { font-size: 5vw; line-height:normal !important;padding: 14px 0;}
.left-sec{ padding-right:0px;}
.margin {    margin: 30px 0 30px;}
.box1{width:100%;}
.box1 p {    min-height: auto;}
.rightbg{ background-image:none;}
.left1 {width: 97%;    float: none;    margin: 0 auto;    text-align: center;}
.book-image{text-align:center !important;}
.book-btn {   margin-top: 0;    text-align: center !important;}
.testimonial-sec:before, .testimonial-sec:after{width:5%;}
.testimonial-sec p, .testimonial-sec h2{text-align:center !important; padding: 39px 45px 0;}
#colophon #supplementary .widget-area{text-align:center;}
#supplementary #third{    margin: -31px 0 28px !important;}
#footer-sidebar{padding-bottom:25px;}
.bannertext h2, .hallmark-banner h2{ font-size: 2vw !important; margin:20px 0 !important;}
.bannertext h3, .hallmark-banner h3{ font-size: 2vw !important;     margin-top: 0px !important;}
.bannertext, .hallmark-banner {  width: 100%;    float: none;    margin: 0 auto !important;
    display: block;     padding: 11px 0px !important; padding: 41px 0px !important;
    height: auto;}
.bannertext a, .hallmark-banner a{padding: 4px 8px !important; font-size:2vw !important;}
#home-btm-slider .property-amenities, #home-btm-slider .owl-controlls.clickable { display:none}
.headstart-footer #footer-sidebar { top:80px;}
.right-text{    padding-left: 0;}
    
}
@media (max-width:767px){
left-col { padding-top:15px;}
.book-right { display:none;}
.bannertext a, .hallmark-banner a {    width: auto;}
.logo > .vc_column_container >.vc_col-xs-12{width:20%; display:inline-block;}
.logo .wpb_single_image.vc_align_center {   width: 15%; margin: 0px;}
    .logo img{width:100%;}
   .bannertext, .hallmark-banner{padding:9px 0 !important;}
}

@media (max-width:375px) {
.fb_iframe_widget span{width:100%;}
.text3 h3, .text3 h2 {    font-size: 5vw;}
    .box1 h2, .right-text h2{font-size:7vw !important;}
    .image-icon{margin-bottom:0px;}
    .right-text{padding-left:0px;}
    .left-sec .vc_btn3-container.vc_btn3-right{text-align:center;}
    .text3 p {    font-size: 4vw !important;}
     .hallmark-banner, .hallmark-banner-mainrow{display: block !important;
    text-align: center !important;
   }
	.cream-color{background-color:#efefef;}
	.blue-bg{background-color:red;}
    .bannertext{display:none;}
      .hallmark-banner h2{font-size:10vw !important;}
       .hallmark-banner h3,  .hallmark-banner a{    font-size: 6vw !important;}
    
}

@media screen and (min-width: 1400px) and (min-width: 1920px){
.left-col{background-color:#efefef;}
.rightbg{background-size:cover;    background-position: left center;}
}
.logo > .vc_column_container >.vc_col-xs-12{width:20%; display:inline-block;}
.logo .wpb_single_image.vc_align_center {   width: 15%; margin: 0px;}
    .logo img{width:100%;}
   .bannertext, .hallmark-banner{padding:9px 0 !important;}
}

@media (max-width:375px) {
.fb_iframe_widget span{width:100%;}
.text3 h3, .text3 h2 {    font-size: 5vw;}
    .box1 h2, .right-text h2{font-size:7vw !important;}
    .image-icon{margin-bottom:0px;}
    .right-text{padding-left:0px;}
    .left-sec .vc_btn3-container.vc_btn3-right{text-align:center;}
    .text3 p {    font-size: 4vw !important;}
     .hallmark-banner, .hallmark-banner-mainrow{display: block !important;margin: 0 auto;
    text-align: center !important;
   }
	.cream-color{background-color:#efefef;}
	.blue-bg{background-color:red;}
    .bannertext{display:none;}
     .blue-bg p{color:#fff;}
      .hallmark-banner h2{font-size:10vw !important;}
       .hallmark-banner h3,  .hallmark-banner a{    font-size: 6vw !important; display: inline-block;}
       
    
}

@media screen and (min-width: 1400px) and (min-width: 1920px){
.left-col{background-color:#efefef;}
.rightbg{background-size:cover;    background-position: left center;}
}