/* CSS Document */

body {
  min-height: 2000px;
  padding-top: 56px; /* 78px; */
  font-family: 'Roboto', sans-serif;
  color: #000;
  position: relative;
}
body a {
  color: #ac162c;
}
ul.sociallinks {
  list-style: outside none none;
  margin-top: 6px;
}
.sociallinks > li {
  display: inline-table;
  padding-right: 6px;
}
.sociallinks > li:first-child {
  /* border-right: 1px solid; */
  /*
  border-left: 1px solid;
  padding-left: 6px;
  */
}

.sociallinks > li:first-child::before {
    border-left: 1px solid;
    content: "";
    height: 24px;
    left: -8px;
    position: relative;
    width: 1px;
}

.sociallinks > li:last-child::before {
    border-left: 1px solid;
    content: "";
    height: 24px;
    left: -4px;
    position: relative;
    width: 1px;
}
.clientmodal {
    cursor: pointer;
    font-size: 14px;
    position: relative;
    top: 1px;
    color: #8b1b24 !important;
}
.clientmodal:hover {
  color: #ac162c;
}
ul.sociallinks li, ul.sociallinks li a {
  color: #a9a8a9;
}
.red {
  color: #ac162c;
  font-size: 18pt;
  font-weight: bolder;
}
.sociallinks .red {
  color: #ac162c;
  font-size: 14pt;
  font-weight: lighter;
  top: 2px;
  position: relative;
}
nav.navbar-default .navbar-nav li.active > a, nav.navbar-default .navbar-nav li > a:hover, nav.navbar-default .navbar-nav li.active > a:hover {
  background-color: transparent;
  color: #ac162c;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
  color: #ac162c;  
}
.fixedtopbar .navbar-default .navbar-nav > li > a {
  color: #000;
  font-size: 12px;
}
.fixedtopbar .navbar-default .navbar-brand {
  padding: 0;
}
body a:focus, body a:hover {
  color: #ac162c;
  text-decoration: none;
}
.nav.navbar-nav.navbar-right li:last-child a {
  padding-top: 12px;
}

.sectiontitle h1 {
  background-color: rgba(173, 23, 43, 0.75);
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  padding: 40px;
  position: absolute;
  text-transform: uppercase;
  left: 76px;
  /* top:  160px; */
  top: calc(50vh - 150px);
  text-align: center;
  width: calc(100% - 164px);  
}
.sectionimage {
  /* min-height: 860px; */
  height: calc(100vh + 0px );
  position: relative;
  background-attachment: fixed;
  background-size: cover;    
  background-repeat: no-repeat;
  background-position-x: center;  
}

#whoweare .sectionimage {
  height: calc(100vh);
}
#projects .sectionimage {
  height: calc(100vh + 216px);
}
#podcast .sectionimage {
  height: calc(100vh + 220px);
}

.redvertical {
  background-color: rgba(173, 23, 43, 0.75);
  left: 0;
  position: absolute;
  height: 100%;
  width: 76px;
  z-index: 999;
}
.sectionsubtitle {
  background-color: rgba(173, 23, 43, 0.75);
  bottom: 0;
  left: 76px;
  position: absolute;
  right: 0;
}
.sectionsubtitle > p {
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
  font-weight: 300;
  margin-left: -76px;
}
.sectionplus img {
  position: relative;
  top: -30px;
}
.sectiondescription {
  /*
  padding-bottom: 64px;
  padding-top: 64px;
  */
}
.sectiondescription p {
  font-size: 17pt;    
  max-width: 720px;
  margin-left: auto;  
  margin-right: auto;
  text-align: center;
  font-weight: lighter;
}
.sectiondescription li, ul.redplus li {
  font-size: 14pt;
  list-style: none;
  margin-bottom: 12px;
  font-weight: lighter;
}

.sectionsubtitleproject p {
  color: #fff;
  font-size: 20px; /* 24px; */
  font-weight: bold;
  padding-bottom: 42px;
  padding-top: 36px;
  text-align: center;
}
.sectionsubtitleproject {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover
}
.backgroundoverlay {
  height: 100%;
  position: absolute;
  width: 100%;
}
.sectionsubtitleproject .container-fluid {
  position: relative;
}
.projectvertical {
  height: 100%;
  left: 0;
  position: absolute;
  width: 76px;
}
.projectno {
  color: #fff;
  font-size: 64px;
  font-weight: 700;
  left: 76px;
  padding-left: 16px;
  padding-right: 12px;
  position: absolute;
  top: 32px;
}

.project1 .backgroundoverlay, .project1 .projectvertical, .project1 .projectno {
  background-color: rgba(0, 55, 100, 0.75);  
}

.project2 .backgroundoverlay, .project2 .projectvertical, .project2 .projectno {
  background-color: rgba(255, 187, 0, 0.75);  
}
.project3 .backgroundoverlay, .project3 .projectvertical, .project3 .projectno {
  background-color: rgba(0, 125, 172, 0.75);  
}
.project4 .backgroundoverlay, .project4 .projectvertical, .project4 .projectno {
  background-color: rgba(255, 137, 0, 0.75);  
}
.project5 .backgroundoverlay, .project5 .projectvertical, .project5 .projectno {
  background-color: rgba(0, 90, 70, 0.75);  
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
}
.whoimage {
  height: auto;
  width: 100%;
}
.col-xs-6.nopadding > a {
  position: relative;
}
#whoweare .backgroundoverlay {
  background-color: rgba(173, 23, 43, 0);
  bottom: 0;
  position: absolute;
  top: 0;
}
#whoweare .backgroundoverlay.collapsed {
  background-color: rgba(173, 23, 43, 0.75);  
}
.footer {
  background-color: #bab9bc;
  color: #fff;
  padding-bottom: 28px;
  padding-top: 32px;  
  position: relative;
}
ul.socialicons {
  display: inline-block;
  list-style: outside none none;
  padding-left: 6px;
}
.socialicons a {
  color: #fff;
  margin-left: 6px;
  margin-right: 6px;
}
.socialicons > li {
  display: inline-block;
}
.section {
  position: relative;
}
.sectionplus {
  bottom: 0;
  color: #ad172b;
  font-size: 56px;
  /* height: 80px; */
  left: 30px;
  position: absolute;
  text-align: center;
  /* top: -32px; */
  top: -94px;
  width: calc(100% - 60px);
  font-size: 128px;
  font-weight: bold;  
  height: 96px;
}
.descriptionwrapper {
  position: relative;
}
.contentdescription {
  margin: 64px auto;
  max-width: 720px;
}
#welcome .sectiontitle h1 {
  /* padding-left: 360px;
  padding-right: 180px; */
}
#projects a[aria-expanded="false"] .sectionplus {
  color: #fff;
}


.glyphicon.sectionpluswho {
  bottom: -24px;
  color: #ad172b;
  font-size: 56px;
  height: auto;
  left: 30px;
  position: absolute;
  text-align: center;
  top: auto;
  width: calc(100% - 60px);
}
#whoweare .sectiondescription p {
  text-align: left;
}

#projects .project1 a[aria-expanded="true"] .sectionplus {
  color: rgba(0, 55, 100, 1);
}
#projects .project2 a[aria-expanded="true"] .sectionplus {
  color: rgba(255, 187, 0, 1);
}
#projects .project3 a[aria-expanded="true"] .sectionplus {
  color: rgba(0, 125, 172, 1);
}
#projects .project4 a[aria-expanded="true"] .sectionplus {
  color: rgba(255, 137, 0, 1);
}
#projects .project5 a[aria-expanded="true"] .sectionplus {
  color: rgba(0, 90, 70, 1);
}
#whoweare .sectionpluswho.glyphicon {
  color: #fff;
}
.scrollarrow {
  color: rgba(255, 255, 255, 1);
  left: calc(50% - 52px);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  text-align: center;
  top: -60px;
  -webkit-transform:scale(2,1); /* Safari and Chrome */
  -moz-transform:scale(2,1); /* Firefox */
  -ms-transform:scale(2,1); /* IE 9 */
  -o-transform:scale(2,1); /* Opera */
  transform:scale(2,1); /* W3C */    
}
.scrollarrow.ontop {
  left: calc(50% - 16px);
  top: 26px;
}
.img-responsive.full-width {
  height: auto;
  width: 100%;
}
.descriptionwrapper .contentdescription p {
  text-align: left;
}
.descriptionwrapper #descriptionwelcome .contentdescription p {
  text-align: center;
}
#descriptionproject1 h3 {
  color: rgba(0, 55, 100, 1);
  font-weight: 700;
}
#descriptionproject2 h3 {
  color: rgba(255, 187, 0, 1);
  font-weight: 700;
}
#descriptionproject3 h3 {
  color: rgba(0, 125, 172, 1);
  font-weight: 700;
}
#descriptionproject4 h3 {
  color: rgba(255, 137, 0, 1);
  font-weight: 700;
}
#descriptionproject5 h3 {
  color: rgba(0, 90, 70, 1);
  font-weight: 700;
}
.contentdescription hr {
  border-style: solid;
  /*border-width: 2px;*/
  border-bottom-width: 2px;
  left: 0;
  margin-bottom: 32px;
  margin-left: 0;
  width: 64px;
}

.project1 .contentdescription hr {
  color: rgba(0, 55, 100, 1);
}
.project2 .contentdescription hr {
  color: rgba(255, 187, 0, 1);
}
.project3 .contentdescription hr {
  color: rgba(0, 125, 172, 1);
}
.project4 .contentdescription hr {
  color: rgba(255, 137, 0, 1);
}
.project5 .contentdescription hr {
  color: rgba(0, 90, 70, 1);
}
.contentdescription h3 {
  font-weight: 700;
}

#whoweare p.subtitlewho {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
}
.sectiondescription li:before, ul.redplus > li:before {
  /* content: "\f489"; */
  content: "\f2c7";
  font-family: "Ionicons";
  color: #ac162c;
  font-size: 22px;
  margin-left: -19px;
}
#whoweare .sectionpluswho.glyphicon.red {
  color: #ac162c;
}
.whoname h2 {
  background-color: #ac162c;
  color: transparent;
  height: 66px;
  width: 66px;
}

.whoname.enabled h2 {
  background-color: #ffffff;
  color: #ac162c;
  padding: 16px 32px;
  text-transform: uppercase;
  font-weight: 700;
  width: auto;
}
.whoname {
  bottom: 42px;
  left: 76px;
  position: absolute;
}
.whoverticaloverlay {
  bottom: 0;
  background-color: #ac162c;
  display: block;
  height: 168px;
  position: absolute;
  width: 76px;
}
.whoverticaloverlay.whoname {
  left: 0;
}
.whoverticaloverlay.whoname.enabled {
  background-color: #ffffff;
}
#whoweare .contentdescription > ul, #whatneed .contentdescription > ul  {
  padding-left: 20px;
}
.imagedescription {
  position: relative;
}.imagedescription .sectionplus {
  bottom: -86px;
  top: auto;
}
#projects .descriptionwrapper .contentdescription p, #projects .descriptionwrapper .contentdescription h3 {
  font-weight: 300;
}
#projects .descriptionwrapper .contentdescription h3 {
  text-align:left;
}
nav.navbar-default {
  background-color: #fff;
}
#podcast .contentdescription p {
  text-align: center;
}
#podcast .contentdescription hr {
  border-bottom-color: #ac162c;
  left: auto;
  margin-left: auto;
  margin-right: auto;
}
#podcast .sectiondescription li::before {
  content: none;
}
.podcast .socialicons a {
  color: #a9a8ab;
  margin-left: 16px;
  margin-right: 16px;
}
.podcast ul.socialicons {
  margin-top: 24px;
}
#video{

  /* background: transparent; */
  background-position: center center;
  background-size: cover;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.ytplayer-container{
  position: absolute;
  top: 0;
  /* z-index: -1; */
}
/*
#background {
    position: absolute;
    top:0;
    left:0;
    z-index: -999;
    width: 100%;
    height: 100%;
}
*/
.section.container-fluid{
  margin: 0; 
  padding: 0; 
}
/*
.section.container-fluid{margin: 0; padding: 0; height: 100%;}
.embed-responsive{height: 100%;}
*/

/*============New styles added Balbir===============*/

.projectss .fa-3x {
  position: absolute;
  top: -45px;
  display: none;
  width:100%;
}
.projectss .ion-ios-arrow-down:before, .projectss .ion-ios-arrow-up:before {
  color: #fff;
  /*
  font-size: 40px;
  font-weight: bold;
  */
}
.projectss{
  text-align:center;
}
.projectss a.pro-toggle.collapsed .ion-ios-arrow-up {
  display:none;
}
.projectss a.pro-toggle .ion-ios-arrow-up {
  display:block;
}
.projectss a.pro-toggle.collapsed .ion-ios-arrow-down {
  display:block;
}
.projectss a.scrollarrow {
  top:0;
  left: auto;
  margin-left: -25px;
}
.projectss .imagedescription a.scrollarrow {
  top: auto;
}
#whoweare .backgroundoverlay .fa-3x {
  text-align: center;
  position: absolute;
  bottom: 0px;
  display: none;
  z-index: 99999;
  visibility: visible;
  -webkit-transform: scale(2,1);
  -moz-transform: scale(2,1);
  -ms-transform: scale(2,1);
  -o-transform: scale(2,1);
  transform: scale(2,1);
  left: 50%;
}
#whoweare .backgroundoverlay.collapsed .ion-ios-arrow-up {
  display:none;
}
#whoweare .backgroundoverlay .ion-ios-arrow-up {
  display:block;
}
#whoweare .backgroundoverlay.collapsed .ion-ios-arrow-down {
  display:block;
}
#whoweare a.backgroundoverlay {
  color: #ffffff;
  left: auto;
}
#whoweare .backgroundoverlay.collapsed {
  background-color: rgba(173, 23, 43, 0.75);
  z-index: 99;
  overflow: visible;
}
a.up-arrow {
  width: 100%;
  text-align: center;
  display: inline-block;
}
a.up-arrow i.icon.ion-ios-arrow-up.fa-3x {
  text-align: center;
  -webkit-transform: scale(2,1);
  -moz-transform: scale(2,1);
  -ms-transform: scale(2,1);
  -o-transform: scale(2,1);
  transform: scale(2,1);
  position: absolute;
  left: auto;
  margin-top: -50px;
  color: #e0dce8;
}
iframe.ytplayer-player {
  /* min-height: 1032px; */
  top: 0px!important;
}
:focus {
  outline: -webkit-focus-ring-color auto 0px!important;
  outline: 0px!important;

}
.imagedescription a.up-arrow.bottom-arrow {
  position: absolute;
  width: auto;
  display: block;
  text-align: center;
  left: 50%;
}
.imagedescription a.up-arrow.bottom-arrow i.icon.ion-ios-arrow-up.fa-3x{
  left: auto;
  width: auto;
  display: block;
}
.contentdescription a.up-arrow.bottom-arrow {
  bottom: 10px;
  position: absolute;
  left: 50%;
  z-index: 9999999;
  width: auto;
}
.nav li.show-mobile-only{
  display:none;
}
.nav li.show-desktop-only{
  display:block;
}
video#bgvid { 
  position: absolute; /* fixed; */
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  /* z-index: -100; */
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(assets/image/videobg.jpg) no-repeat;
  background-size: cover; 
}
ul.redplus {
  list-style: outside none none;
}
ul.redplus a {
  color: #666;
}
ul.redplus a:hover {
  color: #ac162c;
}
.modal-content  {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important; 
}
ul.sociallinks i.icon {
    font-size: 18px;
    position: relative;
    top: 2px;
}
.modal-body > p {
    color: #666;
    font-size: 14pt;
    font-weight: lighter;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 16px;
}
.xclientmodal {
    cursor: pointer;
}
.logo.img-responsive {
    margin-top: 8px;
}
@media (min-width: 768px) {


}

@media (max-width: 767px) {

  .sectionimage {
    min-height: 320px;
    height: calc(100vh + 196px);
    padding-bottom: 15px;
    background-color: #000;
    /* background-size: auto 140%; */
    background-attachment: scroll;
  }
  .fixedtopbar .navbar-default a.navbar-brand {
    display: none;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  a.navbar-brand > img {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }  
  .redvertical {
    display: block;
    width: 15px;
  }
  .sectiontitle h1 {
    font-size: 20px;
    left: auto;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    top: 64px;
    width: auto;
  }
  .sectionsubtitle > p {
    font-size: 18px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sectionsubtitle {
    left: auto;
    padding: 15px;
  }
  .scrollarrow {
    left: calc(50% - 20px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .descriptionwrapper .contentdescription p {
    font-size: 17px;
  }
  p .red {
    font-size: 17px;
    font-weight: 700;
  }
  .sectiondescription li {
    font-size: 17px;
  }
  .projectvertical {
    width: 6px;
    top: 10px;
  }
  .projectno {
    font-size: 28px;
    left: 0px;
    top: 50px;
    padding-right: 7px;
  }
  #whoweare.section {
    top: -20px;
  }
  .whoverticaloverlay {
    width: 6px;
  }
  .whoname {
    left: 6px;
  }
  .whoname.enabled h2 {
    font-size: 20px;
    padding-left: 6px;
    height: auto;
  }
  #whoweare .sectiondescription p {
    font-size: 17px;
  }
  .mobile-clear {
    display: block;
  }
  .copyright.pull-right {
    display: block;
    float: none !important;
    text-align: center;
  }
  .copyright.pull-right > span {
    display: inline-block;
  }
  #sectionsubtitlewhoweare.sectionsubtitle {
    display: block;
    padding: 0;
    width: 100%;
  }
  ul.socialicons {
    display: block;
    margin-top: 12px;
  }
  #podcast.section {
    top: -40px;
  }

  .navbar-right {
    display: none;
  }
  .nav.navbar-nav.navbar-right{
    display: block;
    background-color: #fff;
    margin-top: -5px;
  }
  nav.navbar-default {
    background-color: transparent;
    border: 0px;
  }
  body {
    padding-top: 0px;
  }
  #whoweare .col-xs-6 {
    width: 100%;
  }
  .whoname h2 {
    background-color: #fff;
    color: #ac162c;
    height: auto;
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 20px;
  }
  .whoverticaloverlay {
    background-color: #fff;
  }
  div#who2 {
    clear: both;
  }
  .for-mobile-only{
    display:block!important;
  }
  .for-desktop-only{
    display:none!important;
  }
  .projectss a.scrollarrow {
    display: none;
  }
  .sectiondescription.collapse {
    display: block;
  }
  .imagedescription a.up-arrow.bottom-arrow i.icon.ion-ios-arrow-up.fa-3x {
    display: none;
  }
  .sectionsubtitleproject p {
    font-size: 12px;
    margin-left: 20px;
    top: 10px;
    position: relative;
  }
  #whatclient .sectionimage {
    height: calc(100vh);
    min-height: 200px;
  } 
  div#whatneed {
    top: -20px;
  }  
  .nav li.show-mobile-only{
    display:block;
  }
  .nav li.show-desktop-only{
    display:none;
  }
  #video {
    position: absolute;
    height: auto;
  }
  video#bgvid {
    display: none;
  }  
}