.slide_stock{
  background-image: url("../images/stock/stock-banner.jpg");
}

.slide_stock h1{
	color: #fff;
	margin-bottom: 60px;
}

h1 {
  line-height: 60px;
  font-size: 3em
}

h1.white {
  color: #fff;
  font-size: 3em
}

h1 span {
  cursor: pointer;
  padding: 2px 15px;
  background-color: #336e7a;
  color: #fff
}

h1 span:hover {
  background-color: #144f5b;
  color: #fff
}

h2 {
  color: #fff;
  font-size: 2.2em
}

.clntWrap .col-lg-6 {
  text-align: center
}

h3 {
  color: #404054;
  font-weight: 400;
  font-size: 2em;
  text-align: center;
  margin-bottom: 50px
}

#superfast h3 {
  margin: 0 0 15px
}

figure {
  text-align: center
}

figure img {
  max-width: 100%
}

figure img.stock-1 {
  margin: 80px 0
}

.feature-sec {
  text-align: center
}

.icon-holder {
  text-align: center;
  margin: 0 auto 20px;
  height: 100px
}

.feature-sec h4 {
  color: #404054;
  font-size: 1.5em;
  font-weight: 300;
  margin: 0 0 10px
}

.feature-sec h4,
p.dark-30 {
  font-family: Gotham-Rounded-Medium
}

.green-40,
.white-40,
p.grey-30,
p.grey-50,
p.grey-60 {
  font-family: GothamRounded-Bold
}

.bigHead {
  font-size: 2em;
  font-weight: 500;
  text-align: center
}

.biggerHead {
  font-size: 2.6em;
  font-weight: lighter;
  text-align: center
}

.dark .bigHead,
.dark .biggerHead,
.dark .feature-sec h4,
.dark .feature-sec p,
.dark h3 {
  color: #fff
}

.feature-sec.oth .icon-holder {
  height: 160px
}

.feature-sec.oth p {
  color: #ccc;
  font-size: 16px
}

p.grey-30,
p.grey-50,
p.grey-60 {
  color: #CCC;
  text-align: center
}

p.grey-60 {
  font-size: 60px
}

p.grey-50 {
  font-size: 52px
}

p.grey-30 {
  font-size: 40px
}

p.dark-30 {
  color: #404054;
  text-align: center;
  font-size: 32px;
  padding: 68px 0 120px
}

.money {
  text-align: center
}

.green-20 {
  color: #336e7a;
  font-size: 2em
}

.green-40,
.white-40 {
  font-size: 2.5em
}

.white-40 {
  color: #fff
}

.greenbg_btn {
  margin: 34px auto;
  font-family: GothamRounded-Bold
}

.green-40 {
  color: #336e7a
}

.stockBg {
  background-color: #3f3f54
}

.draft-oth {
  background: url(https://d250qlh00f3d5m.cloudfront.net/stock/feature-draft.png) no-repeat
}

.draft-oth,
.ic-oth {
  height: 160px;
  display: inline-block
}

.ic-oth.book {
  background-position: 0 0;
  width: 133px
}

.ic-oth.plug {
  background-position: -148px 0;
  width: 163px
}

.ic-oth.gear {
  background-position: -326px 0;
  width: 121px
}

.draft-oth.draft-book {
  background-position: 0 0;
  width: 133px
}

.draft-oth.draft-expiry {
  background-position: -148px 0;
  width: 163px
}

.draft-oth.draft-dlr {
  background-position: -326px 0;
  width: 121px
}

.clntWrap {
  margin: 0 auto;
  max-width: 880px
}

.stk_clnt_logo {
  width: 300px;
  height: 80px;
  display: inline-block
}

.stk_clnt_logo.arihant {
  background-position: 0 0
}

.stk_clnt_logo.angel {
  background-position: 300px 0
}

div#experiment {
  margin-top: 75px
}

#clock {
  position: relative;
  width: 230px;
  height: 230px;
  background-image: url(https://d250qlh00f3d5m.cloudfront.net/stock/clockface.png);
  margin: 0 auto;
  background-repeat: no-repeat
}

#center,
#hour,
#minute,
#second {
  position: absolute
}

#clock #hour {
  z-index: 1
}

#clock #minute {
  z-index: 2
}

#clock #second {
  z-index: 3
}

#clock #center {
  top: 2px;
  z-index: 999
}

#clock img[src*=second] {
  -webkit-transition: -webkit-transform 600000s linear;
  -moz-transition: -moz-transform 600000s linear;
  -o-transition: -o-transform 600000s linear;
  -ms-transition: -ms-transform 600000s linear;
  transition: transform 600000s linear
}

#clock:target img[src*=second] {
  -webkit-transform: rotate(3600000deg);
  -moz-transform: rotate(3600000deg);
  -o-transform: rotate(3600000deg);
  -ms-transform: rotate(3600000deg);
  transform: rotate(3600000deg)
}

#clock img[src*=minute] {
  -webkit-transition: -webkit-transform 360000s linear;
  -moz-transition: -moz-transform 360000s linear;
  -o-transition: -o-transform 360000s linear;
  -ms-transition: -ms-transform 360000s linear;
  transition: transform 360000s linear
}

#clock:target img[src*=minute] {
  -webkit-transform: rotate(36000deg);
  -moz-transform: rotate(36000deg);
  -o-transform: rotate(36000deg);
  -ms-transform: rotate(36000deg);
  transform: rotate(36000deg)
}

#clock img[src*=hour] {
  -webkit-transition: -webkit-transform 216000s linear;
  -moz-transition: -moz-transform 216000s linear;
  -o-transition: -o-transform 216000s linear;
  -ms-transition: -ms-transform 216000s linear;
  transition: transform 216000s linear
}

#clock:target img[src*=hour] {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg)
}

@media (max-width:767px) {
  h1 {
    font-size: 1.6em;
    line-height: 45px;
    padding: 0 10px
  }
  h2 {
    font-size: 1.2em;
    font-weight: 300
  }
  .mainCnt #banner h1 {
    font-size: 1.6em!important;
    line-height: 24px!important;
    margin-top: 0
  }
}