/*SLIDER*/
.visibleNearby {
  width: 100%;
  color: #000;
  padding-top: 25px;
  clear: both;
}
.visibleNearby .rsGCaption {
  font-size: 16px;
  line-height: 18px;
  padding: 12px 0 16px;
  background: #fff;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
}
.visibleNearby .rsGCaption span {
  display: block;
  clear: both;
  color: #353535;
  font-size: 14px;
  line-height: 22px;
}
/* Scaling transforms */
.visibleNearby .rsSlide img {
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

  -webkit-transform: scale(0.9);  
  -moz-transform: scale(0.9); 
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.visibleNearby .rsActiveSlide img {
  opacity: 1;
  -webkit-transform: scale(1);  
  -moz-transform: scale(1); 
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) { 
  #gallery-1 {
    padding: 12px 0 12px;
  }
  #gallery-1 .rsOverflow,
  .royalSlider#gallery-1 {
    height: 400px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) { 
  #gallery-1 .rsOverflow,
  .royalSlider#gallery-1 {
    height: 300px !important;
  }
}
/*SLIDER END*/

/*NAVBAR*/
* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }
      ul {
        text-decoration: none;
        list-style-type: none;
        list-style-position: inside;
        padding-left: 0 !important;
      }
      ul, menu, dir {
        padding-start: 0;
        padding: 0;
        margin: 0;
      }
      .overflow {
        overflow: hidden;
      }
      .block {
        display: block !important;
      }
      button.toggle {
        background-color: transparent;
        color: white;
        font-size: 2rem;
        border: none;
        width: 40px;
        height: 40px;
        margin-top: 1rem;
        margin-right: 1rem;
        float: right;
      }
      .logo {
        float: none;
        display: block;
        width: 75%;
        margin-top: 10px;
        margin-bottom: .5rem;
        margin-left: 1rem;
      }
      nav {
        background-color: #c0c0c0;
        overflow: visible;
      }
      nav > ul {
        display: none;
        width: 100%;
      }
      nav > ul > li {
        display: block;
        text-align: center;
        width: 100%;
        height: 45px;
        position: relative;
        top: -1px;
      }
      nav > ul > li > a {
        display: block;
        height: 100%;
        line-height: 25px;
        color: white;
        font-family:helvetica,tahoma,sans-serif;
        font-weight: lighter;
        text-decoration: none;
      }
      nav > ul > li > a:hover {
        text-decoration: none;
        color: #33eeee;
      }
      .parent {
        height: auto;
        overflow: hidden;
      }
      .parent a {
        line-height: 45px;
        color: white;
        font-family:helvetica,tahoma,sans-serif;
      }
      .drop-down {
        float: left;
        display: block;
        width: 100%;
        background-color: #b4b4b4;
      }
      .drop-down li {
        text-align: center;
        display: block;
        width: 100%;
        height: 45px;
        position: relative;
        border: none;
        top: -1px;
      }
      .drop-down li a {
        line-height: 25px;
        color: white;
        font-weight: lighter;
        text-decoration: none;
      }
      .drop-down li a:hover, .drop-down li a:target, .drop-down li a:focus, .drop-down li a:active {
        color: #33eeee;
        text-decoration: none;
      }
    .collapse {
        float: left;
    }
    
  li {
    padding: 0.5em;
    margin:5px 10px 5px 0;
    display: block;
    background: none;
    border: 0;
    /*border:  dotted 2px #c0c0c0; */
  }
@media (min-width: 740px) {
    .toggle {
        display: none;
    }
    nav.clearfix.overflow {
        overflow: visible;
        height: 55px;
        width: 100%;
    }
    nav.clearfix.overflow > ul.collapse {
        display: block;
        width: 60%;
        height: 100%;
        float: right;
    }
    nav.clearfix.overflow > ul.collapse > li {
        outline: none;
        display: inline-block;
        width: 18%;
        height: 100%;
        float: left;
        margin: 0;
    }
    nav.clearfix.overflow > ul.collapse > li > a {
          display: block;
          height: 100%;
          line-height: 40px;
    }
    nav.clearfix.overflow > ul.collapse > li > a:active, nav.clearfix.overflow > ul.collapse > li > a:target {
      color: #33eeee; }
   .parent{
      overflow: visible;
    }
   .parent:hover .drop-down {
      display: block;
    }
   .drop-down {
      position: absolute;
      display: none;
      top: 52px;
      background-color: #c0c0c0;
      z-index: 1;
    }
    .drop-down > li {
      display: block;;
    }
    .drop-down > li:hover a:active, .drop-down > li:hover a:target {
       color: #33eeee;
    }
    .logo {
       float: left;
       display: block;
       width: 25%;
       margin-top: 10px;
    }
}
/*NAVBAR END*/
    .contact_button{
      background: #808080;
      border: solid 1px #808080;
      font-family: Helvetica, Tahoma, sans-serif;
      color: #ffffff !important;
      font-weight: lighter;
      font-size:12px;
      border-radius: 10px;
      width: 50px;
      height: 25px;
      cursor: pointer;
    }
    .contact_button:hover{
      background: #660099;
      border: solid 1px #660099;
      font-family: Helvetica, Tahoma, sans-serif;
      color: #ffffff !important;
      font-weight: lighter;
      font-size:12px;
      border-radius: 10px;
    }
    h1{
        visibility: hidden;
        position: fixed;
    }
    h2{
       font-size: 18px;
       font-family:Helvetica, Tahoma, sans-serif;
       color: #660099;
       font-weight: lighter;
    }
    h3{
       font-size: 16px;
       font-family:Helvetica, Tahoma, sans-serif;
       color: #660099;
       font-weight: lighter;
    }
    h4{
       font-size: 14px;
       font-family:Helvetica, Tahoma, sans-serif;
       color: #660099;
       font-weight: lighter;
    }
    h5{
      font-size: 12px;
      font-family:Helvetica, Tahoma, sans-serif;
      color: #660099;
      font-weight: lighter;
    }
    h6{
      font-size: 10px;
      font-family:Helvetica, Tahoma, sans-serif;
      color: #660099;
      font-weight: lighter;
    }
    p{
       font-size:14px; 
       font-family:Helvetica, Tahoma, sans-serif;
       line-height: 25px;
       font-weight: lighter;
       color: #1f1f1f;
    }
    a{
        font-size:14px; 
        text-decoration: none;
        font-weight: lighter;
    }
    .availability{
      color:#000;
      font-size:14px; 
      font-family:Helvetica, Tahoma, sans-serif;
      line-height: 25px;
      display: inherit;
    }
    .availability:hover{
      color:#660099;
      font-size:14px; 
      font-family:Helvetica, Tahoma, sans-serif;
      line-height: 25px;
    }
    body{
        overflow-x:hidden;
        padding: 0;
        margin: auto;
    }
    footer{
        background: #c0c0c0;
        clear: both;
        
    }
    .wrapper{
      margin: auto;
      padding: 0;
    }
    #content{
        padding: 0;
        margin: auto;
        width: 100%;
        position: relative;
        bottom: 0;
        clear: both;        
    }
    #left {
            width: 33.3%;
            float: left;
            padding: 5px 15px;
    }
    #left h3{
        text-align: center;
        color: #660099;
    }
    #left a{
        text-align: center;
        color: #fff;
    }
    #left a:hover{
        
        color: #33eeee;
    }
    #center {
	    width:  33.3%; /* Account for margins + border values */
	    float: left;
	    padding: 5px 15px;
    }
    #center a{
	    color:#660099;
        font-family:Helvetica, Tahoma, sans-serif;
    }
    #center a:hover{
	    color:#000;
        font-family:Helvetica, Tahoma, sans-serif;
    }
    #center h3{
        text-align: center;
        color: #660099;
    }
    #center li {
        list-style-type: none;
        padding: 5px;
        text-align: center;
    }
    #center  li a{
        text-decoration: none;
        color:#fff;
        font-family:Helvetica, Tahoma, sans-serif;
        text-align: center;
    }
    #center li a:hover {
        text-decoration: none;
        color:#33eeee;
        font-family:Helvetica, Tahoma, sans-serif;
        text-align: center;
    }
	    
    #right {
	    width:  33.3%;
	    padding: 5px 15px;
	    float: left;
        text-align: center;
    }
    #right h3{
        text-align: center;
        color: #660099;
        /*margin: 5px 10px;*/
    }
    #right h4{
        text-align: left;
        color: #660099;
        margin: 5px 0px;
    }
    #right li {
        list-style-type: none;
        padding: 5px;
        border-bottom: 2px dotted #660099;
    }
    #right a{
        text-decoration: none;
        color:#fff;
        font-size: 14px;
        font-family:Helvetica, Tahoma, sans-serif;
        vertical-align: top;
    }
    #right a:hover {
        text-decoration: none;
        color:#33eeee;
        font-family:Helvetica, Tahoma, sans-serif;
    }
    
    #made{
        width: 100%;
        height: 80px;
        clear: both;
        text-align: center;
        border-top: dotted 2px #660099;
    }
    .bars{
      width: 860px;
      margin: auto;
      padding: 0 ;
    }
    .bars h2{
      margin: auto;
      padding: 0 0 0 20px;
    }
    aside {
	    width: 450px;
        text-align: justify;
        float: left;
    }
    article {
      width: 450px;
      text-align: justify;
      float: right;
    }
    #content-text{
        padding: 15px 15px;
        margin: auto;
        width: 1000px;
        clear: both;
    }
    .t{
         text-align: center;
         clear: both;
         margin:auto;
         padding: 15px 15px;
         max-width:950px;
         visibility: hidden;
         position:fixed;
    }
    .p{
         text-align: center;
         clear: both;
         margin:auto;
         padding: 15px 15px;
         max-width:720px;
         visibility: hidden;
         position:fixed;
    }
    .tbt{
      text-align: center;
      clear: both;
      margin:auto;
      padding: 15px 15px;
      max-width:950px;
    }
    .tbp{
      text-align: center;
      clear: both;
      margin:auto;
      padding: 15px 15px;
      max-width:720px;
    }
    .logos{
      margin: auto;
      padding: 0;
      text-align: center;
    }
    .sold{
      color:#ff0000;
      font-size: 12px;
      font-weight: lighter;
      margin: 3px;
    }
    .project_list_item{
      text-align: center;
      margin: 25px;
      /*border-bottom: dotted 2px #660099;*/
      line-height: 35px;
      padding: 10px;
    }
    .example-image-link img{
      text-align: center;
      max-width: 60%;
      
    }
    .top {
      text-align: center;
      clear: both;
    }
    .top a{
      color:#660099 !important;
      text-align: center;
    }
    .top a:hover{
      color:#33eeee !important;
      text-align: center;
    }
    .li-img-org {
      height:200px !important;
      width: 100%;
      vertical-align: middle;
      background: #fff;
    }
    .li-img-org img{
      width: 100%;
      vertical-align: middle;
    }
    /* 740PX  */
    @media (max-width: 840px) {
    
        #content{
            padding: 0;
            margin: auto;
            width: auto;
             position: relative;
            bottom: 0;
            clear: both;
            
        }
        #left {
            width: auto;
            float: none;
            text-align: center;
            border-bottom: dotted 2px #660099;
            
        }
        #left table{
            margin: auto;
            
        }
        #center {
            width: auto;
            float: none;
        }
        #right {
            width: auto;
            float: none;
            border-top: dotted 2px #660099;
        }
        #content-text{
        padding: 15px 15px;
        margin: auto;
        width: auto;
        clear: both;
        }
        article img{
                text-align: center;
                clear: both;
                margin:auto;
                padding: 15px 15px;
                max-width:950px;
        }
        aside img{
                text-align: center;
                clear: both;
                margin:auto;
                padding: 15px 15px;
                max-width:720px;
        }
        article  {
                text-align:inherit !important;
                width: auto;
                float: none;
        }
        aside {
                text-align:inherit !important;
                width: auto;
                float: none;
                border-top: dotted 2px #660099;
                
        }
        .bars{
          width: 550px;
          margin: auto;
          padding: 0;
        }
        .t{
                text-align: center;
                clear: both;
                margin:auto;
                padding: 15px 15px;
                max-width:725px;
                visibility: visible;
                position:inherit;
        }
        .p{
                 text-align: center;
                 clear: both;
                 margin:auto;
                 padding: 15px 15px;
                 max-width:720px;
                 visibility: visible;
                 position:inherit;
                 
        }
        .tbt{
              text-align: center;
              clear: both;
              margin:auto;
              padding: 15px 15px;
              max-width:950px;
              visibility: hidden;
              position:fixed;
        }
        .tbp{
              text-align: center;
              clear: both;
              margin:auto;
              padding: 15px 15px;
              max-width:720px;
              visibility: hidden;
              position:fixed;
        }
        .logos{
              margin: auto;
              padding: 0;
              min-height: inherit !important;
        }
        .example-image-link img{
              text-align: center;
              max-width: 100%;
              
        }
        .li-img-org {
            height: auto !important;
            width: 100%;
            vertical-align: middle;
            background: #fff;
        }
        .li-img-org img{
            width: 100%;
            vertical-align: middle;
        }
    }
/*740PX */
    /* 440PX  */
    @media (max-width: 440px) {
    
        #content{
            padding: 0;
            margin: auto;
            width: auto;
            position: relative;
            bottom: 0;
            clear: both;            
        }
        #left {
            width: auto;
            float: none;
            /*border-bottom: dotted 2px #660099;*/
        }
        #center {
            width: auto;
            float: none;
        }
        #right {
            width: auto;
            float: none;
            /*border-top: dotted 2px #660099;*/
        }
         #content-text{
        padding: 15px 15px;
        margin: auto;
        width: auto;
        clear: both;
        }
        article  {
                width: auto;
                float: none;

                text-align:inherit !important;
        }
        aside {
                width: auto;
                float: none;
                /*border-top: dotted 2px #660099;*/
                text-align: inherit !important;
                
        }
        .bars{
          width: auto;
          margin: auto;
          padding: 0;
        }
        .logos{
              margin: auto;
              padding: 0;
              min-height: inherit !important;
        }
        .example-image-link img{
              text-align: center;
              max-width: 100%;
              
        }
        .toggle:hover{
              cursor: pointer;
              cursor: hand;
        }
        .li-img-org {
          height: auto !important;
          width: 100%;
          vertical-align: middle;
          background: #fff;
        }
        .li-img-org img{
          width: 100%;
          vertical-align: middle;
        }
    }
/*440PX */
/*PROJECT STYLE*/
.li-text{
       color:#000;
       text-align: center;
       font-size: 12px;
}
.li-text:hover{
       color:#660099;
       text-align: center;
}
.list li {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
  /*border:  dotted 2px #c0c0c0; */
}
.list_org li {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
  /*border:  dotted 2px #ffffff; */
}
.list li:hover {
    /*border:  dotted 2px #660099;*/ 
 
}
.inner {
  display: table-row;
  overflow: hidden;
}
.li-img {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
  padding-right: 1em;
}
.li-img img {
  display: block;
  width: 100%;
  height: auto;
}
.li-text {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
}
.li-head {
  margin: 0;
}
.li-sub {
  margin: 0;
}
@media all and (min-width: 54em) {
  .list {
    padding: 0.5em;
    max-width: 70em;
    margin: 0 auto;
    overflow: hidden;
  }
  .list_org li {
    padding: 0.5em;
    margin:5px 10px 5px 0;
    display: block;
    float: left;
    background: none;
    border: 0;
    /*border:  dotted 2px #ffffff !important; */
  }
    .list_org li:hover {
    /*border:  dotted 2px #ffffff !important; */
  }
  .list li {
    padding: 0.5em;
    margin:5px 10px 5px 0;
    display: block;
    width: 30%;
    float: left;
    background: none;
    border: 0;
    /*border:  dotted 2px #c0c0c0; */
  }
    .list li:hover {
    /*border:  dotted 2px #660099; */
  }
  .inner {
    display: block;
  }
  .li-img, .li-text, .inner {
    display: block;
    width: auto;
    padding: 0;
  }
  .li-text {
    padding: 0.5em 0;
  }
  .li-img-org {
    height: auto;
    padding: 10px;
    width: 80%;
    vertical-align: middle;
    background: #fff;
  }
}
@media all and (min-width: 90em) {
  .list li {
    width: 31.7%;
  }
  .list_org li {
    width: 31.7%;
  }
}
/*PROJECT STYLE END*/

/*TUMBNAILS*/
#tumbnails{
  width:100%;
  max-width: 1000px;
  padding: 0 0 0 5px;
  margin: auto;
  
}
#tumbnails ul{
  margin: auto;
  padding: 0;
}
#tumbnails ul li{
  list-style: none;
  display: inline;
  float: left;
}
#tumbnails li{
  list-style: none;
  display: inline;
  float: left;
  margin: 5px 10px 5px 0 !important;
  padding: 0 !important;
}
#tumbnails ul li a{
  
}
/*TUMBNAILS END*/

/*DETAILS*/
.fa-circle{
  color:#ff0000;
  font-size: x-small !important;
}

/*DETAILS END*/