/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
}
body {
  color: #fff;
  text-align: left;
  font-family: ptsans-regular;
}

.site-wrapper {
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
}

.site-wrapper-subpage {
  width: 100%;
  min-height: 100%;
  background-color: #d7c7af;
  background-image: url(../images/background-sub.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

.site-wrapper-index {
  width: 100%;
  min-height: 100%;
  background-color: #d7c7af;
  background-image: url(../images/background-2.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  margin-bottom: 80px;
}

.site-wrapper-main-page {
  width: 100%;
  min-height: 100%;
  background-color: #d7c7af;
  background-image: url(../images/background-3.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  margin-bottom: 80px;
}

.site-wrapper-bus-page {
  width: 100%;
  min-height: 100%;
  background-color: #d7c7af;
  background-image: url(../images/background-business.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  margin-bottom: 80px;
}

.site-wrapper-res-page {
  width: 100%;
  min-height: 100%;
  background-color: #d7c7af;
  background-image: url(../images/background-resident.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  margin-bottom: 80px;
}

.site-wrapper-vis-page {
  width: 100%;
  min-height: 100%;
  background-color: #d7c7af;
  background-image: url(../images/background-visitor.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  margin-bottom: 80px;
}

.site-wrapper-want-page {
  width: 100%;
  min-height: 100%;
  background-color: #d7c7af;
  background-image: url(../images/background-iwantto.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  margin-bottom: 80px;
}

.home-bg {
    background-image: url(../images/background-2.png);
    z-index: 1!important;
}
.gov-bg {
  background-image: url(../images/background-3.png);
}
.bus-bg {
  background-image: url(../images/background-business.png);
}
.resident-bg {
  background-image: url(../images/background-resident.png);
}
.visit-bg {
  background-image: url(../images/background-visitor.png);
}
.iwantto-bg {
  background-image: url(../images/background-iwantto.png);
}

/*header styles*/

.logo{
    padding: 23px;
}
  /*overiding bootstrap nav styles*/
.navbar-default {
  background-color: transparent;
  border: 0;
}
.navbar-default .navbar-nav>li>a {
  color: #fff;
}

.navbar-form {
  margin-top: 10px;
}


 /*  --- */
.navbar-custom {
    padding: 5px;
}

.serach-icon{
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  border-radius: 0px;
  color: #000;
  height: 28px;
  width: 170px;
  font-size: 11px;
  letter-spacing: 2px;
  padding: 5px 25px 3px 9px;
}

.navbar-brand {
  height: auto
}




/*content section*/
.container {
  max-width: 900px;
  margin-top: 50px;
}
.container-tiles {
  /*max-width: 1024px;*/
  margin: 0px auto;
  padding-bottom: 50px;
 /* width: 1024px;*/
max-width: 830px; 
}
.index-slider-wrapper{
	/*width:830px;*/
	margin:0 auto;
}
.sy-controls li.sy-prev a:after {
    background: url(../images/left-arrow.png) no-repeat;
}
.sy-controls li.sy-next a:after {
    background: url(../images/right-arrow.png) no-repeat;
}

/*common in government and index*/



.right-arrow img{
  right: 15px;
}
.left-arrow, .right-arrow {
  height: 565px;
  display: none!important;
}
.left-arrow img, .right-arrow img {
  position: absolute;
  top: 50%;
}

/* footer content */

.footer {
  width: 100%;
  background-color: #2b2b2b;
  color: #fff;
  padding: 16px 20px;
}

.footer-fixed {
  position: absolute;
  bottom: -80px;
  left: 0px;
}

.footer p {
  font-size: 11px;
  color: #fff;
  font-family: ptsans-regular;
  letter-spacing: 2px;
}

.social-icons {
  margin-top: 12px;
}

.social-icons img {
  margin-right: 8%;
}


/*media queries*/

@media (max-width: 768px) {
  .navbar {
    margin-bottom: 0px; 
  }
  .container {
    margin-top: 0px
  }
  
}

@media (max-width: 992px) {
}

@media (max-width: 1024px) {
	

.container-tiles a, .container-tiles a:hover, .container-tiles a:focus  {
    display: block;
    outline: none!important;
}
  .navbar-custom {
      display: none;
  }

  .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
      text-transform: capitalize;
  }
  .logo {
    padding:15px 23px 30px 23px
  }
  .container-tiles {
    max-width: 100%;
    width: 100%;
  }

  .hide-custom {
    display: none;
  }

  .show-custom {
    display: block;
  }
 
 .footer-fixed {
   bottom: -290px;
 }

 .site-wrapper-subpage {
    /*background-size: cover;*/
    background-image: none;
    background-color: #ebe3d7;
  }

  .site-wrapper-index {
    background-size: cover;
  }

  .site-wrapper-main-page {
    background-size: cover;
  }
  .social-icons {
    margin-bottom: 12px;
  }

  .margin-mobile-footer {
    margin: 12px 0;
  }

  .img-logo img {
    width: 120px;
    margin-bottom: 10px;
  }
  
  .img-custom {
    width: 100%; 
  }

 
}
/*
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .site-wrapper-subpage .container {margin: 0 5px;}

}*/