@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,300italic,400italic,600italic,700italic,800,800italic);

*{
  margin: 0px;
  padding: 0px;
  font-family: 'Open Sans';
}
a, a:hover, a:focus{text-decoration: none;}
body{
    background-color: #f7f7f7;
    background: url('../img/banner-background.png')no-repeat #f7f7f7;
    background-size: contain;
    background-position:center 70px;
}
.no-padding{padding: 0px;}
.error-block{ color:firebrick;}

/*#carousel-container{height: 320px;padding-top: 1px;background: url('../img/banner-background.png')no-repeat;background-size: cover;}*/
#carousel div{width: auto !important;height: auto !important}
.caroufredsel_wrapper{margin-top: 100px !important;width: 100% !important;}
/*@media (min-width: 1200px){#carousel-container{height: 500px;margin-top: -100px}.caroufredsel_wrapper{margin-top: 250px !important;}}*/
.owl-carousel{
    z-index: 0;
    margin-top: 60px;
}



#statement{margin-top: 15px;}
#statement h2{font-size: 26px;}
#statement p{font-size: 20px;color: #777777}

#logos{background: #efefef;margin-top: 100px}
#logos .logo{
  height:152px;
  max-width: 173px;
  margin: auto;
  margin-top: -55px;
  background: url('../img/logo-trading-2.png')no-repeat;
  background-size: cover;
  background-position-y: -151px;
}
#logos .logo.property{
  height:153px;
  max-width: 173px;
  background: url('../img/logo-property-2.png')no-repeat;
  background-position-y: -154px;
}
#logos .logo.capital{
  height:138px;
  max-width: 200px;
  background: url('../img/logo-capital-2.png')no-repeat;
  margin-bottom: 34px;
  background-position-y: -139px;
}
#logos .logo-container:hover{background: #ccc;}
#logos .logo-container.active{background: #F7F7F7;}
#logos .logo-container:hover .logo, #logos .logo-container.active .logo{background-position-y:0px;}
#logos h3{color: #000}
#logos > div > div > div{padding-bottom: 15px;}
#logos span{min-height: 55px;display: block;}
#logos div span{color: #b2b2b2;font-size: 30px}
#logos div.logo-container:hover span, #logos div.logo-container.active span{color: #F7931D}

#upcoming{margin-top: 30px;}
#upcoming h4{padding-left: 30px;font-weight: bold;}
#upcoming h4:after{
  content:"";
  width: 60px;
  height: 1px;
  border-bottom: 1px solid #a1a1a1;
  display: block;
  position: relative;
  top: 9px;
}

#upcoming img{width: 100%;height: 300px;}
.upcoming-project{padding-left: 30px;padding-bottom: 30px;border-bottom: 1px solid #ccc;margin-bottom: 50px;}
.upcoming-project h5{font-size: 22px;}
.upcoming-project p{color: #777}
.upcoming-project a{
  display: inline-block;
  float: right;
  margin-top: 5px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px 15px;
  width: 200px;
  color: #777;
}
.upcoming-project a:hover{background: #f6f6f6;}
.upcoming-project a span{float: right;}

a.allProjectsLink{
  display: inline-block;
  float: right;
  margin-top: -40px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px 10px;
  color: #777;
}
a.allProjectsLink:hover{background: #F1F1F1;}  
a.allProjectsLink span{float: right; margin-left: 10px;}


/* FOOTER */

footer{padding-top: 0px;background: #fff;}
footer > div{height: 100%;}
footer .footer-logo{position: relative;height: 100%;}
.footer-links{padding-top: 50px;}
.footer-links h5{color: #aaa}
/*.footer-links a{color: #000;}*/




      #wrapper {
        background-color: #fff;
        border-top: 1px solid #ccc;
        width: 100%;
        height: 50%;
        margin-top: -1px;
        position: absolute;
        left: 0;
        top: 50%;
      }
      #carousel {
        margin-top: -100px;
      }
      #carousel div {
        text-align: center;
        width: 200px;
        height: 250px;
        float: left;
        position: relative;
      }
      #carousel div img {
        border: none;
      }
      #carousel div span {
        display: none;
      }
      #carousel div:hover span {
        background-color: #333;
        color: #fff;
        font-family: Arial, Geneva, SunSans-Regular, sans-serif;
        font-size: 14px;
        line-height: 22px;
        display: inline-block;
        width: 100px;
        padding: 2px 0;
        margin: 0 0 0 -50px;
        position: absolute;
        bottom: 30px;
        left: 50%;
        border-radius: 3px;
      }
      
      #donate-spacer {
        height: 100%;
      }
      #donate {
        width: 750px;
        padding: 50px 75px;
        margin: 0 auto;
        overflow: hidden;
      }
      #donate p, #donate form {
        margin: 0;
        float: left;
      }
      #donate p {
        width: 650px;
      }
      #donate form {
        width: 100px;
      }






/* About Page */


#subpage{margin-bottom: 50px;background: #fff}
#subpage h2{font-size: 18px;font-weight: bold;margin: 0px;line-height: 50px;background: #d8d8d8;padding-left: 45px;}
#subpage-content .nav>li>a{padding: 0px 30px;font-size:18px;line-height: 50px;background: #919191;border: none;border-radius: 0px;margin-right: 0px;color: #fff;border-right: 1px solid #fff;}
#subpage-content .nav>li>a:hover{background: #777}
#subpage-content .nav>li:first-child>a{border-left: 1px solid #fff}
#subpage-content .nav-tabs{border: none;}
#subpage-content .nav-tabs>li.active>a, 
#subpage-content .nav-tabs>li.active>a:focus, 
#subpage-content .nav-tabs>li.active>a:hover{
    background: #333 !important;
}
#subpage-content .nav-tabs>li.active>a:after{
  content: "";
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -10px;
  z-index: 2; /* To be changed */ 
}

#subpage-content .tab-content p{line-height: 25px; color: #666}
#subpage-content .tab-content .tab-panel{position: relative;}

#subpage-content .tab-content h3{margin-top:0px;margin-bottom: 20px;}

/*.paragraph-left{padding: 35px; padding-right:50px; font-size: 18px;}*/
.paragraph-left{ padding: 20px 50px 35px 35px; font-size: 18px;}
.paragraph-left.testimonial{ padding: 35px 50px 35px 35px !important;}
.paragraph-left.image{padding-right: 45px;}
@media (min-width: 768px){
.paragraph-left:before{
    content: "";
  display: block;
  width: 30px;
  border-top: 1px solid #000;
  position: absolute;
  right: 0px;
  top: 45px;
}
.paragraph-left.image:before{display: none;}
}
.paragraph-left img{max-width: 100%; max-height:100px;}
/*.paragraph-right{border-left: 1px solid #ccc;padding: 30px;}*/
.paragraph-right{border-left: 1px solid #ccc;padding: 30px 30px 60px;}
    



/* Testimonial */
#subpage-content .tab-content p.testimonial:before{
  content: '"';
}
#subpage-content .tab-content p.testimonial:after{
  content: '"';
}
#subpage-content .tab-content span.paragraph-title.testimonial{font-size: 14px;}
#subpage-content .tab-content span.paragraph-title.testimonial h4{margin-bottom: 0px;margin-top: 2px;}
#testimonial .paragraph-container .paragraph-left.testimonial h4{margin-bottom: 0px;margin-top: 2px;}
#testimonial .paragraph-container .paragraph-left.testimonial span{ font-size: 13px;}

/* Customers */

#subpage-content .tab-content div.paragraph-container.customers{

}
div.paragraph-container.customers div{padding: 30px;padding-top: 35px;}
/*div.paragraph-container.customers div div{display: table-cell;vertical-align: middle;}*/
div.paragraph-container.customers div div img{display: block;margin: auto;}
@media (min-width: 768px){
  div.paragraph-container.customers div div{width: 156.5px;height:156.5px;display: block;vertical-align: middle;}

}
@media (min-width: 992px){div.paragraph-container.customers div div{width: 182.5px;height:182.5px;}}
@media (min-width: 1200px){div.paragraph-container.customers div div{width: 232.5px;height:232.5px;}}
/*@media (max-width: 1200px){#subpage-content .tab-content div.paragraph-container.customers{margin-left: -240px}}
@media (max-width: 992px){#subpage-content .tab-content div.paragraph-container.customers{margin-left: -190px}}
@media (max-width: 768px){#subpage-content .tab-content div.paragraph-container.customers{margin-left: 0px}}*/
.customers div div{border: 1px solid #ccc;}
.customers div img{max-width: 100%; max-height: 100%;}


/* Career */
#contactForm,
#careerForm{
    margin-left: -15px;
}
#contactForm p,
#careerForm p{
    margin-bottom: 2px;
}
#contactForm input,
#careerForm input, 
#contactForm textarea,
#careerForm textarea{
    margin-bottom: 15px;
}
#contactForm textarea,
#careerForm textarea{
    min-height: 180px;
}

.grey-section{background: #eee}
.unused{visibility: hidden;}
@media (max-width: 768px){.unused{display: none;}}

/* Contact */

.orange{color: orange;}
.map{height: 350px;}
.map iframe{border: none;}

/* Hamburger Menu */

a#menu-button{display: block;float: right;height: 50px;width: 50px;background: url('../img/menu-button-2.png')no-repeat;background-size: contain;}
@media (min-width: 768px){a#menu-button{display: none;}}
@media (max-width: 767px){
#subpage-content .nav-tabs>li{float: none;}
#subpage-content .nav-tabs>li.active>a:after{content: "";display: none;}
}

.pageSubMenuInit.open{
    display: block !important;
}

.project{border-bottom: 1px solid #ccc;display: block;padding-bottom: 30px;margin-bottom: 50px;}
#subpage-content .tab-content .project h3{margin-bottom: 10px; font-size: 20px;}






















/* Responsive Section */

@media (min-width: 768px){
  #logos div img{margin-top: -50px;}

  #logos div.border-right{ border-right: 1px solid #ccc}
  #logos div.border-left{border-left: 1px solid #ccc;}

  footer{height: 250px;}

  footer .footer-logo{border-right: 1px solid #eee;}
  footer .footer-logo div{
    
    position: absolute;
    padding-top: 50px;
    right: 15px;
    left: 15px;
    height: 100%;
  }

  /* About page */

  #subpage{margin-top: 60px;}

  #subpage-content{position: relative;top: -50px;margin-bottom: -50px;border-bottom: 1px solid #ccc}
  .testimonial{min-height: 50px}


}

@media (max-width: 992px){
 div.paragraph-container.customers div{padding: 15px;}
}


@media (max-width: 768px){

  .no-padding-768{padding: 0px;}

  .navbar-brand img{width: 75px; margin-top: -7px;}

  /*#logos{padding-top: 30px;}*/
  #logos{margin-top: 0px;}
  /*#logos div div{margin-top: 60px;}*/


  #logos .logo-container{padding-top: 5px}
   #logos a:nth-child(2) .logo-container{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc}
  #logos .logo{margin-top: 10px;}

 

  #subpage{margin-bottom: 0px;}


  .paragraph-left{padding-bottom: 0px;padding-left: 30px;font-weight: bold;}
  /*.paragraph-left{display: none;}*/
  .paragraph-left.image{padding-right: 30px}
  .paragraph-left.image img{max-width: 200px;display: block;margin: auto;}

  #subpage h2{padding-left: 30px;}


  footer{padding-top: 30px;padding-bottom: 30px;}
}