/* Work around for legacy IE */
@media only screen and (min-width:320px) and (max-width:480px) {
  .ie6-7 .mbp-c #menu-bar .menu-wrapper  ul,
  .ie6-7 .mbp-c #menu-bar .menu-wrapper  .sf-menu li {
    left: auto;
  }
}
@media only screen and (min-width:780px) {
  .foot-4 {width: 25%;}
}

/*columns*/

.column-width-50,
.two-columns .views-row,
.column-width-33, 
.three-columns .views-row,
.column-width-25,
.four-columns .views-row,
.column-width-20,
.five-columns .views-row {
  float: left;
}
.column-width-50,
.two-columns .views-row {
  width: 50%;
}
.column-width-33,
.three-columns .views-row {
  width: 33.3%;
}
.column-width-25,
.four-columns .views-row {
  width: 25%;
}
.column-width-20,
.five-columns .views-row {
  width: 20%;
}
.column-width-100 {
  width: 100%;
  clear: both;
}

.color-white * {
  color: #fff;
}

.unset-container .columns-inner-wrapper.container {
    max-width: 100%;
}
.unset-container #page #main-content {
    margin: 0;
}
.reset-columns-inner .columns-inner {
  padding: 0;
}
.reset-columns-inner .columns-inner #content-column {
  margin: 0;
}

.head-wrapper {
	background: linear-gradient(180deg,rgb(0, 0, 0),rgba(0,0,0,0.3),rgba(0,0,0,0));
}
.front.logged-in .title-breadcrumb-wrapper {
  position: absolute;
  top: 10%;
  /* left: 0; */
  z-index: 1;
  right: 0;
}
.not-front #page .title-breadcrumb-wrapper {
  display: table;
  width: 100%;
  height: 65vh;
  position: relative;
  z-index: 0;
}
#page .header-outer-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.not-front #page .title-breadcrumb-wrapper .titl-breadcrumb-inner-wrapper header {
  display: table-cell;
  float: none;
  vertical-align: bottom;
}
.titl-breadcrumb-inner-wrapper.container {
  display: inherit;
  height: inherit;
  width: inherit;
}
.proj-desc {
  padding: 5px 10px 1.5em;
  background-color: #EFF0E2;
}
.wrapper-teams-list .team-item .team-name {
  background-color: #EFF0E2;
  padding: 10px 15px
}
.wrapper-teams-list .team-item .team-desc {
  padding: 25px 15px 10px;
  margin-top: -15px;
  border: 1px solid #EFF0E2;
}
.front-ourwork {
  display: table;
  width: 100%;
  height: 50vh;
  background: #000;
}
#block-panels-mini-front-minipanel > .block-conte{
  display: table-cell;
  vertical-align: middle;
  float: none;
  color: #fff;
}
.front-ourwork .node-teaser > ul.worklist li {
  list-style: none;
  display: inline-block;
  margin: 10px;
  padding: 1em 2em;
  border: 1px solid;
  border-radius: 0;
  color: #fff;
  background: rgba(255,255,255,0.3);
  font-weight: bold;
}
.front .front-abtwrap {
  height: 100vh;}
  .front-abtintro{
    height: 50vh;
  }
.front .front-abtwrap, .front-abtintro{
  width: 100%;
  display: table;
}
.front .front-abtwrap .front-abtwrap-inner,.front-abtintro .front-abtwrap-inner{
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.view-display-id-block_3 h3 {
  margin-bottom: 0;display: inline;
}
.view-display-id-block_3 .views-limit-grouping-group{
  background: #EFF0E2;
  margin-bottom: 1em;
}

.owl-theme .owl-controls .owl-page span{
  background: #000;
  filter: Alpha(Opacity=50);
  border: 1px solid #5A5A5B;
}
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  background: #000;
  filter: Alpha(Opacity=50);
}

.contact-pgwrap ul li {
  list-style: none;
  margin: 10px 0;
}
   
footer * {
  font-size: 99%;
}
footer .block ul li {
  list-style: none;
  margin: 3px 0;
  display: inline-block;
  width: 100%;
  float: left;
}

/*circles*/
.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}