.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #ffffff;
  /*position: fixed;*/
  top: 0px;
  width: 98%;
  height: 100%;
  color: #e1ffff;
}
.col-md-3{padding-right: 0px !important;}

.navbar-brand{height: auto;padding: 15px 0px !important;}
.navbar-collapse{padding-left: 0px !important;padding-right: 0px !important;}
.nav-side-menu .brand {
  background-color: #22558D;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.navbar-toggle{
  border: 1px solid rgb(34, 85, 141) !important;
  background-color: rgb(255, 255, 255) !important;
  padding: 2px 6px !important;
  margin-top: 30px !important;
  margin-right: 15px !important;
  margin-bottom: 8px !important;
  color: #22558D;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;

}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #ffffff;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;  
  color: #fff !important;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #22558d;
  border-bottom: 1px solid #22558d;
  border-right: 3px solid #22558d;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #000000;
  /*margin-left: 10px;*/
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  color: #fff !important;
}


body {
  margin: 0px;
  padding: 0px;
}

.menu_cl{color: #fff;}
.navbar-nav>li .active{   background-color: rgb(7, 114, 186);}
.navbar-nav>li a:hover{   background-color: rgb(7, 114, 186);color: #fff;}



/*.container>.navbar-collapse{margin-top: 0% !important;}*/
/*image gallery*/
.port-image
{
    width: 100%;
}

.col-md-3
{
    margin-bottom:20px;
}

.each-item
{
    position:relative;
    overflow:hidden;
}

.each-item:hover .cap2, .each-item:hover .cap1
{
    left:0px;
}

.cap1
{
    position:absolute;
    width:100%;
    height:70%;
    background:rgba(255, 255, 255, 0.5);
    top:0px;
    left:-100%;
    padding:10px;
    
    transition: all .5s;
}

.cap2
{
    position:absolute;
    width:100%;
    height:30%;
    background:rgba(0, 178, 255, 0.5);
    bottom:0px;
    left:100%;
    padding:10px;
    
    transition: all .5s;
}

a {
    color: #03a1d1;
    text-decoration: none!important;
}

/**** LAYOUT ****/
.list-inline>li {
    padding: 0 10px 0 0;
}
.container-pad {
    padding: 0px;
}


/**** MODULE ****/
.property-listing{
  height: 410px;
}
.cmt_description{
  height: 170px !important;
}
.bgc-fff {
    background-color: #fff!important;
}
.box-shad {
    /*-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);*/
}
.brdr {
    border: 1px solid #ededed;
}

/* Font changes */
.fnt-smaller {
    font-size: .9em;
}
.fnt-lighter {
    color: #bbb;
}

/* Padding - Margins */
.pad-10 {
    padding: 0px!important;
}
.pad-1 {
    padding: 5px!important;
    text-align: justify;
}
.mrg-0 {
    margin: 0!important;
}
.btm-mrg-10 {
    margin-bottom: 10px!important;
}
.btm-mrg-20 {
    margin-bottom: 0px!important;
}

/* Color  */
.clr-535353 {
    color: #535353;
}




/**** MEDIA QUERIES ****/


/*@media only screen and (min-width: 992px) {
    #property-listings .property-listing img {
        width: 100%;
    }
}*/
.container-fluid{padding-right: 0px !important;padding-left: 0px !important;}
.col-sm-3{padding-left: 5px !important;padding-right: 5px !important;height: auto !important;}
.media{height: auto !important;}
.media-body hr{margin-bottom: 5px !important;margin-top: 5px !important;}
.media-body .hidden-xs{
  height: 150px !important;
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: pre-wrap;       /* css-3 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
  word-break: break-all;
  white-space: normal;
  line-height: 1.48;
}
.media-left, .media > .pull-left{padding-right: 0px !important;width: 100% !important;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img
  {
    height: 130px !important;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .img-responsive1{
    text-align: center;
    display: block;
    max-width: 100%;
    height: auto
  }
  .container-pad .bg-primary .col-md-12 h3{border-bottom: 1px solid #fff;}
  .em_aarticle{padding: 0px;margin-right: 0px;width: 50px !important;display: inline-block;text-align: left;color: #337ab7;}
  li:hover .em_aarticle{color: #fff;}
  li:hover a{color: #fff;}
  .tes_id{border: none;padding: 0px;background: transparent;}
  .border-title{border-bottom: 2px solid #fff;}  
  .tes-left{width: 100% !important;text-align: left !important;padding-left: 10px;}
  .nav-side-menu .toggle-btn {
    display: none !important;
  }
  .media1 {
    margin-top: 2%;
    word-break: break-all;
  }

@media(max-width: 1199px){
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-bottom: 20px;
  }
  .border-title {
    padding-bottom: 0px !important;
  }
}
@media(max-width: 1154px){
  .navbar-nav > li {
    min-width: 105px !important;
  }
}
@media(max-width: 1146px){
  .media-body .hidden-xs {
    height: 170px !important;
  }
}
@media(max-width: 1109px){
  .navbar-nav > li {
    min-width: 100px !important;
  }
}
@media(max-width: 1066px){
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    height: 30px;
  }
}
@media(max-width: 1065px){
  .navbar-nav > li {
    min-width: 95px !important;
  }
}
@media(max-width: 1038px){
  .navbar-nav > li {
    min-width: 90px !important;
  }
}
@media(max-width: 1038px){
  .navbar-nav > li {
    min-width: 80px !important;
  }
}
@media only screen and (max-width: 991px) {
  #property-listings .property-listing {
      padding: 5px!important;
  }
  #property-listings .property-listing a {
      margin: 0;
  }
  #property-listings .property-listing .media-body {
      padding: 10px;
  }
}
@media(max-width: 1029px){
  .media-body .hidden-xs {
    height: 190px !important;
  }
  .list-inline > li {
    padding: 0 0 0 0;
  }
}
@media(max-width: 991px){
  .footer_left h2 {
    margin-top: 18px !important;
  }
  .h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px !important;
  }
  .nav-side-menu {
    width: 100%;
  }
  .bycountry{
    padding-right: 15px !important;
  }
  .custom_ter{
    padding-top: 10px;
  }
}
@media(max-width: 984px){
  .navbar-nav > li {
    min-width: 60px !important;
  }
}
@media(max-width: 951px){
  .navbar-nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media(max-width: 919px){
  .navbar-nav > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media(max-width: 884px){
  .navbar-nav {
    width: 77.3% !important;
  }
}
@media(max-width: 880px){
  .navbar-nav > li > a {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media(max-width: 846px){
  .navbar-nav {
    width: 76.3% !important;
  }
  .navbar-nav > li > a {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media(max-width: 846px){
  .navbar-nav {
    width: 75.3% !important;
  }
}
@media(max-width: 817px){
  .navbar-nav > li {
    min-width: 60px !important;
  }
}
@media(max-width: 780px){
  .navbar-nav {
    width: 74.3% !important;
  }
  .navbar-nav > li {
    min-width: 40px !important;
  }
}
@media(max-width: 771px){
  .list-inline > li {
    padding: 0 0 0 0;
    height: 36px;
  }
}
@media (min-width: 769px){
  .navbar-nav {
      margin: 20px 0px !important;
      width: 78.3%;
      /*background-color: #1e53a4;*/
      background: linear-gradient(#2957de, #17468e);
      float: right !important;
      text-align: right !important;
  }
}
@media(max-width:768px){
  .out .navbar-nav {
    background: linear-gradient(#2957de, #17468e);
    margin-top: 3% !important;
  }
  .right3d{
    margin-right: 36px;
  }
}
@media (max-width: 767px){
  .navbar-nav>li>a{padding-top: 12px !important;padding-bottom: 12px !important;padding-left: 12px;}
  .side-collapse-container{
      width:100%;
      position:relative;
      left:0;
      transition:left .4s;
  }
  .side-collapse-container.out{
      left:200px;
  }
  .side-collapse {
      top:50px;
      bottom:0;
      left:0;
      width:200px;
      position:fixed;
      overflow:hidden;
      transition:width .4s;
  }
  .side-collapse.in {
      width:0;
  }
  .out .navbar-nav {
      margin: 0px !important;
      width: 50% !important;
      background: linear-gradient(#2957de, #17468e);
      position: fixed;
      z-index: 100;
      height: 100%;
      right: -50%;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: 0.5s;
  }
  .in .navbar-nav {
    margin: 0px !important;
      width: 50%;
      background: #2059AF;
      position: fixed;
      z-index: 100;
      height: 100%;
      right: 0px;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: 0.5s;
  }
  .bg-primary{padding: 1px 6px;}
  .nav>li{border-bottom: 1px solid #fff;}
  .container>.navbar-collapse{margin-top: -5% !important;}
  .bg-primary .col-md-12 h3{margin-top: 0px !important;font-size: 20px;padding: 5px;}
  .container-pad .col-lg-12{padding-left: 0px !important;padding-right: 0px !important;}
  .right3d{
    display: none !important;
  }
  .navbar-nav > li {
    min-width: 100% !important;
    text-align: left !important;
  }
  .media {
    height: auto !important;
  }
  .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    height: auto !important;
  }
  .media-body .hidden-xs {
    height: auto !important;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    height: auto;
  }
  .br_class{
    display: none;
  }
  .col-sm-3 {
    height: auto !important;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: auto;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-bottom: 0px;
  }
  .container-fluid {
    margin-bottom: 15px;
  }
}
@media (min-width: 767px) {
  .right3d{
    float: left;
    content: "";
    width: 110px;
    height: 50px;
    bottom: 0px;
    display: inline-block;
    margin-top: 0px;
    margin-left: -40px;
    margin-bottom: -10px;
    background: #fff;
    border-radius: 0px 0px 0 0;
    transform-origin: 0 center left;
    transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg) skewX(315deg);
    z-index: 0;
  }
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #22558D;
    color: #ffffff;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 13px;
    line-height: 50px !important;
  }
  .nav-side-menu .menu-list .menu-content {
    display: block;
    border-bottom: 2px solid #22558d;
  }
  .navbar-nav>li {
    float:none !important;
    min-width: 110px;
    text-align: center;
    margin-left: 0px;
    display: inline-block;
  }
}
@media(max-width: 766px){
  .nav-side-menu .toggle-btn {
    display: block !important;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #22558D;
    color: #ffffff;
    width: 40px;
    text-align: center;
  }
}
@media(max-width: 380px){
  .tex-w-h4{
    text-align: left;
  }
}

.li_a_p{
  margin: 0px !important;
  padding-left: 10px;
}