/*!

 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



@font-face {

    font-family: 'roboto_bold';

    src: url('../fonts/roboto/Roboto_Bold_webfont.eot');

    src: url('../fonts/roboto/Roboto_Bold_webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto/Roboto_Bold_webfont.woff') format('woff'),

         url('../fonts/roboto/Roboto_Bold_webfont.ttf') format('truetype'),

         url('../fonts/roboto/Roboto_Bold_webfont.svg#robotobold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'roboto_light';

    src: url('../fonts/roboto/Roboto_Light_webfont.eot');

    src: url('../fonts/roboto/Roboto_Light_webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto/Roboto_Light_webfont.woff') format('woff'),

         url('../fonts/roboto/Roboto_Light_webfont.ttf') format('truetype'),

         url('../fonts/roboto/Roboto_Light_webfont.svg#roboto_light') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'roboto_regular';

    src: url('../fonts/roboto/Roboto_Regular_webfont.eot');

    src: url('../fonts/roboto/Roboto_Regular_webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto/Roboto_Regular_webfont.woff') format('woff'),

         url('../fonts/roboto/Roboto_Regular_webfont.ttf') format('truetype'),

         url('../fonts/roboto/Roboto_Regular_webfont.svg#roboto_regular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'roboto_thin';

    src: url('../fonts/roboto/Roboto_Thin_webfont.eot');

    src: url('../fonts/roboto/Roboto_Thin_webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto/Roboto_Thin_webfont.woff') format('woff'),

         url('../fonts/roboto/Roboto_Thin_webfont.ttf') format('truetype'),

         url('../fonts/roboto/Roboto_Thin_webfont.svg#roboto_thin') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'roboto_black';

    src: url('../fonts/roboto/Roboto_Black_webfont.eot');

    src: url('../fonts/roboto/Roboto_Black_webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/roboto/Roboto_Black_webfont.woff') format('woff'),

         url('../fonts/roboto/Roboto_Black_webfont.ttf') format('truetype'),

         url('../fonts/roboto/Roboto_Black_webfont.svg#roboto_black') format('svg');

    font-weight: normal;

    font-style: normal;

}



.no-pad{padding: 0px!important;}

html,

body {

    height: 100%;

    font-family: 'roboto_light';

    font-size: 14px;

    line-height: 22px;

}

h1, h2, h3, h4, h5, h5{

    padding: 0px 0 10px 0;

    margin: 0px;

}

h1{

    font-family: 'roboto_thin';    

    font-size: 30px;

}

h2{

    font-family: 'roboto_black';

    font-size: 20px;

}

h3{

    font-family: 'roboto_black';

    font-size: 12px;

}

body{overflow-x:hidden;}

ul{

    margin: 0;

    padding: 0;

    list-style: none;

}

ul li{

    display: inline-block;

}

.specification-data{color: #000;}
.spec-heading{ font-size: 16px; font-weight: bold;  font-family: 'roboto_bold';}
.spec-title{ width: 115px; font-weight: bold;}
.spec-divider{width: 5px;}

.specification-data .table{margin-bottom: 20px;}
.specification-data .table>tbody>tr>td{border-top: 0px; border-bottom: 1px solid #d1ab3d;}
#nav-overlay, .mobile-nav{opacity: 0; display: none;}



.navbar-inverse{

    background: #282828 url('../img/header-bg.png') no-repeat center center;

}

.navbar-brand{

    max-width: 170px;
    height: auto; 
    float: left;
    padding: 3px 0px;
    font-size: 18px;
    line-height: 20px;

}

.navbar-brand img{

    width: 100%;

}

.nav>li>a:focus, .nav>li>a:hover{

    background: none;

}

.navbar-nav>li>a {

    padding-top: 5px;

    padding-bottom: 5px;

    color: #d1ab3d;

    border-right: 2px solid #fff;

    font-size: 12px;

    font-family: 'roboto_light';
    padding-left: 8px;
    padding-right: 8px;

}
.close-btn {
    font-size: 16px;
    margin-right: 22px;
    margin-top: 10px;
    border: 2px solid #d1ab3d;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background: rgba(0,0,0,0.9);
    color: #d1ab3d;
    cursor: pointer;
}
/*.specification-data{overflow: scroll; height: 300px; }*/

#resident-dd, #mixed-dd{
    position: absolute;
    top: 50px;
    right: 240px;
    width: 230px;
    height: 300px;
    z-index: 999;    
}
#mixed-dd{ right:50px;}
.hp-list-heading{position: relative;  padding: 8px; cursor: pointer; background: #040707; color:#d1ab3d; font-weight: bold; font-size: 16px;}
.hp-list-heading img{ width: 73%;}
.hp-list-heading .down-arrow-list,
.hp-list-heading .up-arrow-list {
    position: absolute;
    width: 12px;
    height: 8px;
    top: 16px;
    right: 10px;
    background: url('../img/arrow-down-list.png') no-repeat top center;
    background-size: contain;
}

.down-arrow-list.on{background: url('../img/arrow-up-list.png') no-repeat top center; background-size: contain;}
.down-arrow-list.off{background: url('../img/arrow-down-list.png') no-repeat top center; background-size: contain;}

.hp-list-heading .up-arrow-list{
    background: url('../img/arrow-up-list.png') no-repeat top center;
    display: none;
}


.hp-list-items{
    position: relative; 
    padding: 0px 10px 15px; 
    background: #040707; 
    font-family: 'roboto_thin'; 
    font-size: 15px;
    -webkit-transition: all 0.5s;    
    -moz-transition: all 0.5s;    
    transition: all 0.5s;
    display: none;
}

.hp-list-items ul{
    background:url('../img/dotted-line.png') repeat-y 1px 0;}
.hp-list-items li{display: block;}
.hp-list-items li a {
    display: block; 
    padding: 4px 0px 4px 15px; 
    text-decoration: none; 
    position: relative;
    color:#d2ad3c;
}
.hp-list-items li a span.item-bullets{
    position: absolute;
    top: 10px;
    left: -2px;
    width: 10px;
    height: 10px;
    background: #fff;

    border:2px solid #d2ad3c;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.hp-list-items li a:hover span.item-bullets{
    background: #d2ad3c;
    border-color: #fff;
}


#main-links, #main-links2 {
    position: absolute;
    top: 160px;
    right: 180px;
    width: 120px;
    height: 120px;
    z-index: -5;
}


#main-links2{ right: 50px;}

#main-links div, #main-links2 div{
    position: absolute;
    width: 120px;
    height: 120px;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.9);
    display: none;
    -webkit-transition: all 0.5s;    
    -moz-transition: all 0.5s;    
    transition: all 0.5s;    
}


#main-links div a, #main-links2 div a{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 8px;
    text-decoration: none;
    color: #d1ab3d;
}
#main-links div span, #main-links2 div span {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;    
}
#main-links div span img, #main-links2 div span img{ width: 80%;}
#main-links div.main-item, #main-links2 div.main-item2{
    background: #000;
    display: block;
}
#main-links div.item-one{ left: -130px; top: -130px;}
#main-links2 div.item-one{ left:0px; top: 130px;}
#main-links div.item-two, #main-links2 div.item-two{ left: 0px; top: -130px;}
#main-links div.item-three{ left: -130px; top: 0px;}
#main-links div.item-four{ /*left: 130px; top: 0px;*/ left: -130px; top: 130px;}
#main-links div.item-five{ left: 0px; top: 130px;}
#main-links div.item-six{ left: 130px; top: 130px;}
#main-links div:hover { background: rgba(89,81,83,0.9 );}
#main-links div.main-item:hover{ background: #000;}

.carousel{ border-top: 3px solid #d1ab3d;}

.carousel, .item, .active {height: 100%;}
        
.carousel-inner { height: 100%;}



/* Background images are set within the HTML using inline CSS, not here */



.fill {

    width: auto;

    height: 100%;

    background-position: center top;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

    background-repeat: no-repeat;

   /**/

}

/*.fill img{

    width: 100%;

}*/



footer {

    border-top: 5px solid #d1ab3d;

    margin: 50px 0;

    background: #333334;

}

footer .navbar-collapse{

    float: left;

    width: 65%;

}

footer #footer-right{

    width: 35%; float: right;

}

.social-icon{

    width: 30px;

    float: right;

    background: #fff;

    margin-top: 6px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

}

.social-icon img{

    width: 100%;

}

.construction-update {

    width: 200px;

    background: #000;

    height: 40px;

    float: right;

    margin-right: 10px;    

    position: relative;



}

.cu-data {

    position: relative;

    padding: 0 15px;

    cursor: pointer;

}

.cu-cutxt,

.cu-data-cutxt{

    color: #d1ab3d;

    line-height: 40px;

}



.up-arrow{

    width: 20px;

    background: url('../img/up-arrow.png') no-repeat center center;

    height: 18px;

    position: absolute;

    top: 11px;

    right: 15px;

    background-size: contain;

}



.cu-data-open {

    position: absolute;

    top: -81px;

    background: rgba(0,0,0,0.9);

    padding: 0 15px 10px;

    width: 100%;

    display: none;

}



.cu-data-open.open,

.cricle-arrow.open{

    display: block;

}

.down-arrow{

    width: 20px;

    background: url('../img/down-arrow.png') no-repeat center center;

    height: 18px;

    position: absolute;

    top: 11px;

    right: 15px;

    background-size: contain;

}

.cricle-arrow{

    width: 20px;

    background: url('../img/circle-arrow.png') no-repeat center center;

    height: 18px;

    position: absolute;

    top: 11px;

    left: 15px;

    background-size: contain;

    display: none;

}

.hide{display: none;}

select.form-control{

    height: 30px;

    background: #d2ac3f;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    border:none;

}



.navbar-nav{

    padding: 5px 0; 

}

.nav-brand.mdp{

    width: auto;
    max-width: 250px;

    float: right;

    margin-top: 20px;

}

.nav-brand.mdp img,

.figure img{

    width: 100%;

}
.nav-brand.mdp img{
    max-height: 55px;
    width: auto;
}

.nav.navbar-nav.header-nav{

    float: right;

    font-size: 12px;

    margin-top: 40px;

    margin-right: 25px;

    }

.nav.navbar-nav.header-nav li a{

    padding-top: 5px;

    padding-bottom: 5px;

    color: #d1ab3d;

    border-right: 2px solid #fff;

    font-size: 12px;

    font-family: 'roboto_light';

}



.nav.navbar-nav li:last-child a{

    border-right: none;

}



.main-content-area{

    height: 80%;

    width: 80%;    

    background: url('../img/about-bg.jpg') no-repeat center center;

    background-size: cover;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}

.left-nav-content{

    height: 80%;

    width: 100%;    

    background: white;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;  

    border-right: 2px solid #ccc;

}

.content{

    height: 80%;

    width: 70%;    

    background: rgba(255,255,255,0.9);

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;  

    padding: 30px 20px 30px 30px;

    

}
/*.content ul{
    list-style: circle;
    list-style-type: circle;
}*/
.content ul li{display: block; padding-left: 20px; background: url('../img/bullet.png') no-repeat 0 center;}

.text-area

.main-content-area{    

    overflow: hidden;

}

.left-nav-content ul.left-menu{

    position: absolute;

    height: 90px;

    width: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    margin: auto;

}

.left-nav-content ul li{

    display: block;

    text-align: right;

}

.left-nav-content ul.left-menu li{

    padding-right: 12px;

}

.left-nav-content ul li a{

    font-size: 12px;

    color: #ccc;

    text-decoration: none;

    -webkit-transition: all 0.5s;    

    -moz-transition: all 0.5s;    

    transition: all 0.5s; 

    font-family: 'roboto_light';

}



.left-nav-content ul.left-menu-indicator{

    width: 10px;

    right: -6px;

    height: 90px;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto 0;     

}

.media-page .left-nav-content ul.left-menu,

.nri-page .left-nav-content ul.left-menu,

.contact-page .left-nav-content ul.left-menu,

.download-page .left-nav-content ul.left-menu{height: 24px;}



.media-page .left-nav-content ul.left-menu-indicator,

.nri-page .left-nav-content ul.left-menu-indicator,

.contact-page .left-nav-content ul.left-menu-indicator,

.download-page .left-nav-content ul.left-menu-indicator{height: 10px;}


.left-nav-content ul.left-menu-indicator li:first-child{
    margin-top: 8px;
}

.left-nav-content ul.left-menu-indicator li{

    width: 10px;

    height: 10px;

    margin-bottom: 12px;

    background: #fff;

    border: 1px solid #ccc;

    border-radius: 10px;

}

.left-nav-content ul.left-menu li.current a,

.left-nav-content ul li:hover a{color: #555;}

ul.left-menu-indicator li.current{

    background: #ccc;    

}

.main-content-area.media-bg{

    background-image: url('../img/media-bg.jpg');

}

.media-block{

    margin-bottom: 20px;

}

.form-horizontal .control-label {text-align: left; padding-top: 0; margin-bottom: 7px;}

#map-canvas{

    width: 100%;

    height: 200px!important;

    text-align: left;

    line-height: 17px;    

}

.row.media-block{margin-left: 0px;}

.checkbox label, .radio label{padding-left: 0px;}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{right:0px; top: 8px;}

.download-form .control-label span { position: absolute; right: 0px; top: 0px;}

.download-form select.form-control{border-radius: 0px; background: none; border:1px solid #d1ab3d; margin-bottom: 70px; }

.form-group.new-form{margin-top: 25px;}

input.form-control, textarea.form-control{ border-radius: 0px; border-color: #d1ab3d;}







/*MDP- ABOUT PROJECT*/
.content.construction-update-main-content{
    padding-top: 70px;
}

.main-content.inside-container{

    background: url('../img/mdp-main.jpg') no-repeat center center;

    background-size: cover;

}

/*.inside-container-content{

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

}*/

.main-content-area.inside-content{

    background: none;

    width: 80%;

    height: 70%;

}
.plan-nav{
    position: relative;
    top: 0px;
    left: 0px;
    line-height: 30px;
    color:#fff;    
}

.plan-nav li, .plan-title {
    text-align: center;
    margin-left: -10px;
    float: left;
    padding: 0 25px;
    background-color: #a47a14;
    -webkit-border-radius:0 10px 0 0;
    -moz-border-radius:0 10px 0 0;
    border-radius:0 10px 0 0;
}
.plan-nav li:first-child{
    background-color: #d2ac3f;
    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
    margin-left: 0;
    z-index: 1;
    position: relative;
}

.plan-title {
    position: absolute;
    top: -30px;
    left: 80px;
}
.carousel-inner.carousel-inner-fp{overflow-x:hidden }
.inside-content .content{

    width: 100%;

    height: 100%;

}

.specification-table,

.specification-text{

    font-size: 10px;

}

.specification-text p:first-child{

    padding-top: 25px;

}



.milstone-table table th{

    vertical-align: middle;

    text-align: center;

    background: #A0522D;

    color: #fff;

    font-size: 15px;

    border: 1px solid #fff!important;

}

.milstone-table table td{

    border:1px solid #ccc;

}

.milstone-table table th.tower{

    background:     #696969;

    color:  #BDB76B;

}

#myCarousel2,

.item{

    width: 100%;

}



#myCarousel2 img {

    height: 100%;

    width: auto;

    margin: auto;

}

#myCarousel2{background: rgba(255,255,255,0.9); text-align: center;}



#myCarousel2 .left.carousel-control{ background: url('../img/prev-arrow.png') no-repeat center center; left: -20px}

#myCarousel2 .right.carousel-control{ background: url('../img/next-arrow.png') no-repeat center center; right: -20px;}

#myCarousel .left.carousel-control{ background: url('../img/prev-arrow.png') no-repeat center center; left: -20px}

#myCarousel .right.carousel-control{ background: url('../img/next-arrow.png') no-repeat center center; right: -20px;}

#zoomIn, #zoomOut, #img-zoomout, #img-zoomIn{

    position: absolute;

    width: 30px;

    height: 30px;

    bottom: 20px;

    z-index: 999;

}

#zoomIn{ left: 20px; background: url('../img/plus-icon.png') no-repeat center center;}

#zoomOut{ right: 20px; background: url('../img/minus-icon.png') no-repeat center center;}

#img-zoomout {left: 20px; background: url('../img/return-icon.png') no-repeat center center;}

#img-zoomIn{right: 20px; background: url('../img/zoom-icon.png') no-repeat center center;}



.img-overlay{

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 9999;

    background: rgba(0,0,0,0.9);

    display: none;    

}

.img-zoom{

    position: absolute;

    width: 80%;

    height: 100%;

     top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: none;

    z-index: 99999;

    margin: auto;

}

.img-zoom img{

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}



#constructon-gallery{    width: 100%;
    padding-top: 15px;
    float: left;    }

label.site-img{

    line-height: 32px;

}

div.site-img {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 999;
}
#select-month{

    width: 150px;

    float: right;

    margin-left: 10px;

    border-radius: 3px;

    height: 32px;

}

.disclaimer-popup {
    display: none;
    position: absolute;
    bottom: 36px;
    width: 400px;
    right: 0px;
    padding: 8px 15px;
    background: rgba(0,0,0,0.93);
    color: #d1ab3d;
}
.disclaimer-popup .cls-btn{
    position: absolute; 
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
}
.disclaimer-popup-heading{
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
}
.disclaimer-popup p {
    font-size: 12px;
    line-height: 17px;
}

.mobile-menu .disclaimer-popup  {display: none; }

@media screen and (max-width: 767px) {
    .content{top: 40px;}
    .disclaimer-popup {
        bottom: initial;
        top: 267px;
        width: 245px;
        right: initial;
        left: 0px;
        z-index: 99;
    }
    .content.construction-update-main-content{
        padding-top: 55px;
    }
   /* .specification-data{height: 100%; max-height: 200px; }*/
    #myCarousel2 img {
    height: auto;
    width: 80%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.plan-nav{top: -5px; line-height: 25px; font-size: 10px;}
.plan-nav li{padding: 0 15px;}
#myCarousel2 .right.carousel-control{right: 0px;}
#myCarousel2 .left.carousel-control{left: 0px;}
#img-zoomout{left: 5px;}
    #nav-overlay { opacity:1;position: fixed;width: 100%; height: 100%; background: rgba(255,255,255,0.7); z-index: 9999; display: none;}

#resident-dd, #mixed-dd{
    right: 195px;
    width: 170px;
    height: 200px;
}

.hp-list-heading{font-size: 12px; line-height: initial; padding: 5px 5px 7px;}

#mixed-dd{right: 15px;}
.hp-list-items{font-size: 11px;}
.hp-list-items li a {padding: 4px 0px 4px 15px;}
.hp-list-items li a span.item-bullets {    
    top: 10px;
    left: -2px;
    width: 10px;
    height: 10px;
}

    #main-links, #main-links2{top: 120px; right: 120px;}
    #main-links2{right: 15px;}

    #main-links, #main-links div,  #main-links2,  #main-links2 div{width: 100px; height: 100px;}

    #main-links2 div.item-one{ top:105px; left: 0}
    #main-links2 div.item-two{ top:-105px; left: 0;}

    #main-links div.item-one{ left: -105px; top: -105px;}

    #main-links div.item-two{ left: 0px; top: -105px;}

    #main-links div.item-three{ left: -105px; top: 0px;}

    #main-links div.item-four{ left: -105px; top: 105px;}

    #main-links div.item-five{ left: 0px; top: 105px;}

    #main-links div.item-six{ left: 105px; top: 105px;}

    .left-nav{
        height: 40px!important;
        top: 65px!important;
        position: absolute;
        display: block;
        padding:  0 12px;
        z-index: 9999;
        background: #fff;
    }
    .left-nav-content{
        width: 90%;
        overflow-x: scroll;
        height: 100%;
        border-right: none;
    }

    .left-nav-content ul.left-menu{
        height: auto;     
        width: 450px;
        overflow: hidden;
        overflow-x:scroll;   
         }
         .left-nav-content ul.left-menu li a{font-size: 14px; line-height: 40px;}
    .left-nav-content ul.left-menu li{
        text-align: left; 
        display: inline-block;
        padding: 0 12px;
        border-right: 1px solid #d5d5d5;
    }
    .left-nav-content ul.left-menu li:last-child{
        padding-left: 0px;
    }
    .left-nav-content ul.left-menu li:last-child{
        border-right: none;
    }

    .left-nav-content ul.left-menu-indicator{display: none;}
    .main-content-area{width: 100%; height: 100%;}

    .content{width: 90%; height: 80%;}

    .navbar-brand{max-width: 120px; padding: 5px 10px;}

    .navbar-collapse, .navbar-collapse.collapse.in, footer .navbar-header{display: none;}

    footer #footer-right{width: 100%;}

    .mobile-nav{

        position: fixed;

        height: 100%;

        width: 250px;

        padding: 20px 15px;

        top: 0px;

        left: -250px;

        z-index: 99999;

        opacity: 0;  

        background: rgba(0,0,0,0.9);

        -webkit-transition: all 0.5s;    

        -moz-transition: all 0.5s;    

        transition: all 0.5s;

        display: block;

    }

    .mobile-nav.open{left: 0px; opacity: 1;}

    .mobile-menu{max-height: 80%; overflow: hidden; overflow-y: scroll; }

    .mobile-nav .mobile-logo{display: block;}

    .mobile-nav .mobile-logo .nav-brand.mdp{ max-width: 180px; float: none; display: inline-block; margin-top: 0px; margin-bottom: 10px;}

    .mobile-nav .mobile-menu .navbar-nav>li {border-bottom: 1px solid rgba(0,0,0,0.9); border-top: 1px solid rgba(55,55,55,0.5); margin-bottom: 0px;}

    .mobile-nav .mobile-menu .navbar-nav>li:first-child{ border-top: 0px;}

    .mobile-nav .mobile-menu .navbar-nav>li:last-child{ border-bottom: 0px;}

    .mobile-nav .mobile-menu .navbar-nav>li>a {border-right: 0px; padding-left: 15px; padding-right: 15px;}

    .figure.col-md-2.no-pad{padding-right:15px!important;padding-left:15px!important; margin-bottom: 20px;}

}




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

    #resident-dd, #mixed-dd{
    right: 150px;
    width: 130px;
    height: 180px;
}

#mixed-dd{right: 15px;}
.hp-list-heading{padding-left: 10px; padding-right: 10px;}
.hp-list-items{font-size: 11px; padding-left: 10px;}
.hp-list-items li a {padding: 4px 0px 4px 15px;}
.hp-list-items li a span.item-bullets {    
    top: 10px;
    left: -2px;
    width: 10px;
    height: 10px;
}

.hp-list-heading .down-arrow-list, .hp-list-heading .up-arrow-list{    background: url('../img/arrow-down-list.png') no-repeat top center; background-size: contain; top:20px; right:8px; width: 12px; height: 8px;}
.down-arrow-list.on{background: url('../img/arrow-up-list.png') no-repeat top center; background-size: contain;}
.down-arrow-list.off{background: url('../img/arrow-down-list.png') no-repeat top center; background-size: contain;}
}


@media screen and (max-width: 580px) {
    #main-links div span, #main-links2 div span{font-size:8px; line-height: normal;}

    #main-links, #main-links2{top: 70px; right: 70px;}
    #main-links2{ right: 5px;}

    #main-links, #main-links div, #main-links2, #main-links2 div{width: 60px; height: 60px;}
    #main-links2 div.item-one{left: 0px; top: 64px;}
    #main-links2 div.item-two{left: 0px; top: -64px;}

    #main-links div.item-one{ left: -64px; top: -64px;}

    #main-links div.item-two{ left: 0px; top: -64px;}

    #main-links div.item-three{ left: -64px; top: 0px;}

    #main-links div.item-four{ left: -64px; top: 64px;}

    #main-links div.item-five{ left: 0px; top: 64px;}

    #main-links div.item-six{ left: 64px; top: 64px;}

}



@media (min-width: 768px) {


  .container {width: 100%; max-height: 300px;}

  .nav-brand.mdp {margin-top: 5px;}

  .nav.navbar-nav.header-nav {margin-top: 10px; margin-right: 0; width: 80%; float: right; text-align: right;}

  .nav.navbar-nav.header-nav li{float: none; display: inline-block;}

  .nav.navbar-nav.header-nav li a{padding-right: 8px; padding-left: 8px;}

  .navbar-nav>li:last-child a{padding-right: 0px;}

}

@media (min-width: 992px) {
/*    .specification-data{height: 300px; }*/

  .container {width: 100%;}

  .nav-brand.mdp {margin-top: 20px; margin-bottom: 20px;}

  .nav.navbar-nav.header-nav {margin-top: 40px; margin-right: 15px; width: auto;}

  .navbar-nav>li a{padding-right: 8px; padding-left: 8px;}

  .navbar-nav>li:last-child a{padding-right: 0px;}

}

@media (min-width: 1200px) {

  .container {

    width: 1170px;

  }

}

/* Carousel Fading slide */

.carousel-fade .carousel-inner { background: #000; }

.carousel-fade .carousel-control { z-index: 2; }  

.carousel-fade .item {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

  }



  .carousel-fade .next.left,

  .carousel-fade .prev.right,

  .carousel-fade .item.active { opacity: 1; }



  .carousel-fade .active.left,

  .carousel-fade .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

    }





/* Safari Fix */

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

      opacity: 1;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

}









/* Carousel Control custom */

.carousel-control .control-icon {

  font-size: 48px;

  height: 30px;

  margin-top: -15px;

  width: 30px;

  display: inline-block;

  position: absolute;

  top: 50%;

  z-index: 5;

  }

  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */

  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */





/* Removing BS background */

.carousel .control-box { opacity: 0; }

a.carousel-control.left  { left: 0; background: none; border: 0;}

a.carousel-control.right { right: 0; background: none; border: 0;}





/* Animation */

.control-box, a.carousel-control, .carousel-indicators li {

  -webkit-transition: all 1.9s ease-in-out;

  -moz-transition: all 1.9s ease-in-out;

  -ms-transition: all 1.9s ease-in-out;

  -o-transition: all 1.9s ease-in-out;

  transition: all 1.9s ease-in-out;   

  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */

  /* Assigning animation to indicator li will make slides flicker */

  } 





/* Hover animation */

.carousel:hover .control-box { opacity: 1; }

.carousel:hover a.carousel-control.left { left: 15px; }

.carousel:hover a.carousel-control.right { right: 15px; }  





/* Carouse Indicator */

.carousel-indicators li.active,

.carousel-indicators li { border: 0; }



.carousel-indicators li {

  background: #666;

  margin: 0 3px;

  width: 12px;

  height: 12px;

  }



.carousel-indicators li.active {

  background: #fff;

  margin: 0 3px;

  }