@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Montserrat:300,400,700');

@import url("animate.css");


body {
  overflow: hidden;
}


/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 9999999;
  /* makes sure it stays on top */
}

#status {
  width: 400px;
  height: 400px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../img/loader2.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -200px 0 0 -200px;
  /* is width and height divided by two */
}



h2,
h3 {
  font-family: 'Libre Baskerville', serif;
  letter-spacing: 1px;
}

p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}

.projects-wrapper {
  width: 100%;
  height: 100%;
}


.projects-wrapper p{
  color: #aeb0b1;
  font-size: 18px;

}

.projects-wrapper h2 {
  color: #5f5f60;
  font-size: 24px;
}




.brief-para1 h2 {
  text-align: center;

}

.brief-para1 p {
  text-align: center;
}

.grey {
  background: #bfceda;
}

.dark {
  background: #101210;
}



.brief-para2 h2 {
  text-align: left;
  margin-top: 55px;
}

.brief-para2 p {
  text-align: left;
  margin-bottom: 35px;
}

.imgo {
  width: 100%;
  height: auto;
}

.b-txt {
  border-left: dashed 1px #000;v
  padding-left: 2vh;
  color: #000!important;
}



.brief-para3 h2 {
  text-align: left;
  color: #fff;
}

.brief-para3 p {
  text-align: left;
  margin-bottom: 35px;
  color: #fff;
}

.zeven {
  background: rgb(50,159,54);
background: linear-gradient(135deg, rgba(50,159,54,1) 0%, rgba(9,76,121,1) 29%, rgba(202,97,212,1) 62%, rgba(255,164,21,1) 100%);
}

.cleartrip {
  background: rgb(18,89,196);
background: linear-gradient(135deg, rgba(18,89,196,1) 0%, rgba(255,129,29,1) 54%, rgba(255,177,0,1) 100%);
}


.hindu {
  background: rgb(183,202,231);
background: linear-gradient(135deg, rgba(183,202,231,1) 0%, rgba(237,237,237,1) 95%);
}

.brief-para4 h2 {
  text-align: left;
  color: #fff;
  margin-top: 150px;
  margin-bottom: 20px;
}


.mac27 {
  position: relative;
  width: 100%;
  text-align: center;

}

.mac27 iframe{
    position: absolute;
  	top: 100px;
  	left: 0;
  	width: 100%;
  	height: 60%;
  }


.mac {
  position: relative;
  width: 100%;
  min-height:800px;
  text-align: center;
  margin-top: 20px;

}

.mac iframe{
    position: absolute;
  	top: 100px;
  	left: 0;
  	width: 80%;
  	height: 100%;
    margin-left: 10%;
    top: 0%;

  }

  .mac video {
      position: absolute;
    	top: 100px;
    	left: 0;
    	width: 100%;
    	height: 60%;
    }


    .sterling {
      background: rgb(249,15,15);
      background: linear-gradient(31deg, rgba(249,15,15,1) 0%, rgba(253,109,29,1) 50%, rgba(252,176,69,1) 100%);    }


.ind {
  background: rgb(249,67,15);
  background: linear-gradient(165deg, rgba(249,67,15,1) 0%, rgba(206,211,255,1) 50%, rgba(0,119,3,1) 100%);}


.chand {
  background: rgb(5,33,3);
background: linear-gradient(165deg, rgba(5,33,3,1) 0%, rgba(25,112,30,1) 50%, rgba(7,78,9,1) 100%);
}


.wipro {
  background: rgb(50,159,54);
  background: linear-gradient(135deg, rgba(50,159,54,1) 0%, rgba(9,76,121,1) 29%, rgba(202,97,212,1) 62%, rgba(40,172,132,1) 100%);}
.closer {
  position: fixed;
  z-index: 999999;
  right: -50px;
  top: 30px;
  width:160px;

}

.closer img {
    width: 40%;
  }

  .closer a {
    opacity: 1;
    }







.sw-bg {
  background: #00b6de;
}

.sw-bg2 {
  background: #eef3f9;
}



.infosys-bg {

  background: url(../img/infosys/1.png) #191919;
}

.seq-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1272d+0,6f18a2+100 */
  background: #c1272d; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #c1272d 0%, #6f18a2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #c1272d 0%,#6f18a2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #c1272d 0%,#6f18a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1272d', endColorstr='#6f18a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.seq-bg2 {
background: #242C44;}


.shadow-infosys {
  box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
    margin-top: 100px;
}


.izod-bg {
  background: #831d23;
}

.shadow-izod {
  box-shadow: 15px 15px 50px #731d22;
    margin-top: 100px;
}

.shadow {
  box-shadow: 25px 25px 70px #3f879c;
  margin-top: 100px;
}

.shadow-hr {
  box-shadow: 15px 15px 50px #3e4b56;
}

.shadow-hr2 {
  box-shadow: 15px 15px 50px #3e4b56;
  margin-top: 100px;
}

.shadow-hr3 {
  box-shadow: 15px 15px 50px #963f57;
  /*margin-top: 100px;*/
}


.shadow-tr2 {
  box-shadow: 15px 15px 50px #2f2f2f;
}


.padding {
  margin-top: 100px;
}

.padding-sec {
  padding: 100px 0px 100px 0px;
}

.padding-sec2 {
  padding: 50px 0px 50px 0px;
}

.padding-sec3 {
  padding: 50px 0px 100px 0px;
}


.hr-bg {
  background: #4a5a67;
}


.cult-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe740d+0,ed3e94+100 */
  background: #fe740d; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #fe740d 0%, #ed3e94 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #fe740d 0%,#ed3e94 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #fe740d 0%,#ed3e94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe740d', endColorstr='#ed3e94',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}


.tr-bg {
  background: #3b3b3b;
  background-image: url(../img/tollr/roadbg.jpg);
}

.tr-bg h3 {
  color: #fff;
  font-size: 18px;
}