html, body {
    max-width: 100%;
    overflow-x: hidden;
}
@font-face {
    font-family: 'diavlobold';
    src: url('../fonts/diavlo_bold_ii_37-webfont.eot');
    src: url('../fonts/diavlo_bold_ii_37-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/diavlo_bold_ii_37-webfont.woff2') format('woff2'),
         url('../fonts/diavlo_bold_ii_37-webfont.woff') format('woff'),
         url('../fonts/diavlo_bold_ii_37-webfont.ttf') format('truetype'),
         url('../fonts/diavlo_bold_ii_37-webfont.svg#diavlobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'frizquadratabtromanbook';
    src: url('../fonts/frzquadn-webfont.eot');
    src: url('../fonts/frzquadn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frzquadn-webfont.woff2') format('woff2'),
         url('../fonts/frzquadn-webfont.woff') format('woff'),
         url('../fonts/frzquadn-webfont.ttf') format('truetype'),
         url('../fonts/frzquadn-webfont.svg#frizquadratabtromanbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	 font-family: 'frizquadratabtromanbook';
}
.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}
.marquee {
  width: 100%;
  overflow: hidden;
  font-size: 16px;
}
.headerSpread{
	 background-color: #CACACA;
	 padding:20px 0;
}
.headerHelpline span{
     color: #4da220;
}
.headerHelpline{
	 float: right;
	 font-size: 30px;
}
.headerHelpMarTop{
	 margin-top:35px;
}

.hitCount{
	float: left;
    line-height: 40px;
    text-align: right;
    text-indent: 4px;
    width: 55%;
}

.aboutSanhita{
	 background-color: #76be4f;
	 color:#fff;
	 padding:20px 0;
}
.aboutSanhita h3{
    font-family: 'diavlobold';
    font-size: 40px;
}
.aboutSanhita  h3 i{
    font-size: 30px;
}
.aboutSanhita p{
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
}
.ourProHead {
	font-family: 'diavlobold';
	font-size: 34px;
	color: #515151;
	margin-bottom:20px;
}
.ourProHead i{
   font-size: 24px;
   color: #5dc525;
}
.singleProject{
	background-color: #ededed;
}
.sinProImage{
	border-bottom:3px solid #47a415;
}
.singleProject h3{
	display: inline-block;
	padding:5px 10px;
	background-color:#47a415;
	color: #fff;
	font-family: 'diavlobold';
	top:-40px;
	position: relative;
	margin-left: 20px;
}
.singleProject p{
	font-size: 14px;
	color: #969696;
	padding:0 20px;
	margin-top: -30px;	
}
.bottomLinks{
	padding:10px 20px 20px 20px;
}
.bottomLinks a{
    text-decoration: none;
}
.ourProjectSpread{
	padding:20px 0;
}
.bottomLinks a:first-child{
	color: #AAAAAA;
	float: left;
	margin-top:5px;
}
.bottomLinks a:last-child{
	background-color: #f0f0f0;
	float: right;
	padding:5px 10px;
	border:1px solid #AAAAAA;
	color: #AAAAAA;
	font-size: 12px;
}
.projectHighlights{
	 background-color: #2b2b2b; 
	 padding:20px 0 30px 0;
}
.highlightsHeading{
	color: #fff;
	font-family: "diavlobold";
    font-size: 34px;
    margin-bottom: 40px;
    margin-top: 0;
}
.highlightsHeading i{
	color: #47A415;
}
.bankMarqueSpread{
	background-color: #393939;
	padding:20px 0;
	color: #fff;
}
.pageFooterSpread{
	background-color: #141414;
	padding:20px 0;
	font-size: 16px;
	color: #ababab;
}
.carousel-caption {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
  & .btn {
    text-shadow: none; // No shadow for button elements in carousel-caption
  }
}

.carousel {
    position: relative;
}

.controllers {
    position: absolute;
    top: 0px;
}

.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}

.carousel-caption h2{
	color: #fff;
	font-family: "diavlobold";
}
.carousel-caption p{
	color: #fff;
	font-size: 16px;
}
.pageFooterSpread h3{
	color: #fff;
	font-family: "diavlobold";

}
.pageFooterSpread h3 i{
     color:#5dc525;
}
.contactHighlighted{
	color: #5dc525;
}

.tp-banner-container {
    max-height: 500px !important;
}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}
.sinSubCat{
	display: block;
	background-color: #fff;
	outline: none;
	text-decoration: none;
}
.projectSubCat{
	background: #325914 url('../images/project-sub-bg.jpg') no-repeat left top;
	background-size: cover;
	padding:60px 0;
	background-attachment: fixed;
}
.sinSubCatImg{
	position: relative;
}

.sinSubCatImg ul{
	position: absolute;
	right: 0;
	top:0;
	bottom:0;
	background-color: #66b82e;
	color:#fff;
	margin-bottom: 0;
}
.sinSubCatImg ul li{
	width:50px;
	height: 20%;
	border-bottom:1px solid #75c93c;
	font-size: 18px;
	text-align: right;
	
}
.sinSubCatImg ul li a{
    display: block;
    width:100%;
    height: 100%;
}
.sinSubCatImg ul li:last-child{
	border-bottom:none;
}
.sinSubCatImg ul li:nth-child(1){
	background: url('../images/subcat-icon-01.png') no-repeat center;
}
.sinSubCatImg ul li:nth-child(2){
	background: url('../images/subcat-icon-02.png') no-repeat center;
}
.sinSubCatImg ul li:nth-child(3){
	background: url('../images/subcat-icon-03.png') no-repeat center;
}
.sinSubCatImg ul li:nth-child(4){
  background: url('../images/subcat-icon-04.png') no-repeat center;
}
.sinSubCatImg ul li:nth-child(5){
  background: url('../images/subcat-icon-05.png') no-repeat center;
}
.sinSubCat h3{
	padding:20px;
	margin: 0;
	color: #66b82e;
	font-size: 30px;
	font-family: "diavlobold";
}
.sinSubCat span{
	font-size: 13px;
	color: #939393;
}
.subcatHead{
	color: #fff;
	text-align: center;
}
.subcatHead h1{
	font-family: "diavlobold";
	font-size: 60px;
}
.connectivityContainer{
	background: url('../images/split-layout.jpg') repeat-y center;	
	padding:50px 0;

}
.connectivityPoints{
	background-color: #fff;
	padding:20px;
	margin-left: -200px;
	margin-top: 80px;
}
.connectivityPoints li{
	margin-bottom: 15px;
	position: relative;
	padding-left:30px;
	font-size: 16px;
}
.connectivityPoints li:after{
   position: absolute;
  font-family: 'FontAwesome';
  top: 0;
  left: 0px;
  content: "\f06c";
  color: #66B82E;
}
.connectivityBg{
	margin-right: -200px;
	position: relative;
}
.connectivityBg span{
    position: absolute;
    left: 30px;
    display: block;
    font-size: 45px;
    font-family: "diavlobold";
    color: #fff;
    top:50%;
    margin-top:-20px;
}
.clearfloat{
	clear: both;
}
.padTop30px{
    padding-top: 30px;
}
.padBot0px{padding-bottom:0;}
.innerPageBanner{
	padding: 50px 0;	
	font-family: "diavlobold";
	text-align: center;
	background: url('../images/satuli-banner.jpg') no-repeat left top;
	background-size: cover;
	background-attachment: fixed;

}
.innerPageBanner h3{
	font-family: "diavlobold";
	font-size: 40px;
	color: #fff;
}
.bannerBread{
	background-color: rgba(0,0, 0,0.6);
	display: inline-block;
	padding: 10px 10px;
	border-radius: 5px;
}
.bannerBread li{
	display: inline-block;
	color: #4AA524;
	padding:5px 10px;
 }
 .bannerBread li i{
	color: #fff;
	font-size: 12px;
 }
 .bannerBread li a{
	display: inline-block;	
	color:#fff;
 }
 .aboutSinProject{
 	 padding: 30px 0;
 }	

.aboutSinProject h3{
	font-size: 30px;
	font-family: "diavlobold";
}
.aboutSinProject h3 i{
	font-size: 25px;
	color: #5DC525;
}
.aboutSinProject p{
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
}


.github-buttons {
    margin: 15px 0;
}

.github-buttons img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

.proportion {
    position: relative;
}

.proportion .filler {
    width: 100%;
    padding-top: 60%;
}


.mag-eg-row {
    margin-bottom: 15px;
}
.mag-eg-el-wrap {
  margin-bottom: 15px;
  width: 100%;
}
.mag-eg-doc {
    margin: 20px;
}

.outer-wrap {
    position: relative;
    float: left;
}
/*
[mag-zoom="outer"] {
    position: absolute;
    z-index: 10;
    left: 100%;
}
*/


[mag-thumb="inner-inline"] {
    float: left;
}


.mag-eg-hud {
    position: absolute;
    z-index: 10;
    text-align: right;
    padding: 0.5em;
    color: white;
    background: black;
    background: rgba(0,0,0,0.5);
}

.mag-eg-hud-left {
    left: 0;
    bottom: 0;
    text-align: left;
}

.mag-eg-hud-right {
    right: 0;
    bottom: 0;
    text-align: right;
}
.master-planCon{
	padding:30px 0;
}

.single-facility{
    text-align: center;
    margin-bottom: 50px;
}
.single-facility h5{
    font-size: 28px;
    font-family: "diavlobold";
    color:#424242;
}
.single-facility p{
	font-size: 16px;
	color:#919191;
}
.facilityCon{
	padding:30px 0;
}
.facilityIcon{
    width:70px;
    height: 70px;
    margin:0 auto;
    background-color: #5DC525;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.single-facility:hover .facilityIcon{
	  background-color: #000;
}
.accordion-toggle:hover {
      text-decoration: none;
    }
   .padding30N0px{
   		padding:30px 0;
   }

.infraFeatures .panel-default > .panel-heading {
  background-color: #4F4F4F;
  border-color: #5DC525;
  color: #fff;
}
.infraFeatures .accordion-toggle{
	outline: none;
	text-decoration: none;
}
.slide-out-div {
        padding: 20px;
        width: 320px;
        background: #272727;
        border: #fff 2px solid;
        z-index: 999;
    }
    .slide-out-div label{
        display: block;
        color:#fff;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .slide-out-div label span{
      color: #F75151;
    }
    .slide-out-div div {
      margin-bottom: 20px;
    }
   .slide-out-div div input[type="text"],  .slide-out-div div select {
      width:100%;
      height: 30px;
      border:none;
    }
      .slide-out-div textarea {
      width:100%;
      height: 150px;
      border:none;
    }
     section input{
        display: block;
        height:35px;
        width:120px;
        background-color: #4A9F1E;
        color: #fff;
        border:none;
        margin: 0 auto;
        cursor:pointer;
     }
       section input:hover{
          background-color: #5C5C5C;
          color: #fff;
       }
.costing{
   font-size: 20px;
}
.singleThumbDetails{
   padding:5px 10px;
}
.costing {
   font-size: 24px;
   color: #66B82E;
   margin-top: 5px;
}
.costing span{
   font-size: 16px;
   display: block;
}
.locationAddress{
   background: #404040;
   color: #E4E4E4;
   padding:20px 0;
   margin-bottom: 30px;
}
.locationAddress h2{
    font-size: 30px;
    color: #fff;
}
.locationAddress p{
    font-size: 20px;
}
.mapmeaning li{
    display: inline-block;
    margin-right:15px;

}
.mapmeaning li span{
    display: inline-block;
    margin-right:5px; 
    width: 10px;
    height: 10px;
    background-color: #000;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.mapmeaning li:nth-child(1) span{
    background-color: #E46629;
}
.mapmeaning li:nth-child(2) span{
    background-color: #168640;
}
.mapmeaning li:nth-child(3) span{
    background-color: #552F7C;
}
.mapmeaning li:nth-child(4) span{
    background-color: #A02D7C;
}
.mapmeaning li:nth-child(5) span{
    background-color: #D9231C;
}
.mapmeaning li:nth-child(6) span{
    width:10px;
    height: 3px;
    background-color: #4C9077;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.sundoritext{
    font-size: 50px;
    font-family: helvetica;
    font-weight: bold;

}

   .slider-wrapper{
            margin: auto;
            max-width: 1170px;
            height: auto;
          }

  .slider-wrapper.default > div #slides h1, .slider-wrapper.default > div #slides h2, .slider-wrapper.default > div #slides h3, .slider-wrapper.default > div #slides h4 {
        padding:0;
        color:#fff;
        background: none;
        line-height: 28px;
      }
      .highLightHead{
         display: block;
         font-family: "diavlobold";
         font-size: 30px;
         color: #47A415;
      }

#singleNotification{
   height:600px;
   margin-bottom: 30px;
   border:2px dashed #6CBB1F;
   padding:5px;
}
.notificationWrap h3, .greenHead{
    font-family: "diavlobold";
    font-size: 30px;
    color: #4CA120;
}
.notificationWrap h3 i{
    font-size: 22px;
    color: #4CA120;
}
.notificationWrap p{
     font-size: 16px;
}
.notificationList ul li a{
    font-size: 14px;
    color: #777777;
    display: block;
    text-decoration: none;
    padding:10px 15px;
    border-bottom:1px solid #DDDDDD;
}
.notificationList ul li a:hover{
    background-color: #DDDDDD;
    color:#3C3C3C;
}

a.singleAlbumLink{
   display: block;
   text-decoration: none;
   color:#5A5A5A;
   border:1px solid #E3E3E3;
   border-bottom-width: 4px;
   margin-bottom: 30px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
     border-radius: 5px;
     overflow: hidden;
     background-color: #EAEAEA;
     -webkit-transition: all 300ms ease-in;
     -o-transition: all 300ms ease-in;
     transition: all 300ms ease-in;

}
a.singleAlbumLink h4{
   padding:10px 15px;
}
a.singleAlbumLink:hover{
    background-color: #6FC150;
    color:#fff;
    border-color: #62AA46;
}
.marBot20px{
   margin-bottom: 20px;
}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}
#videoContainer{
   margin:20px 0 30px 0;
   border:5px solid #74C34E;
}
/* SuperBox */
.superbox-list {
  display:inline-block;
  *display:inline;
  zoom:1;
  width:12.5%;
}
.superbox-img {
  max-width:100%;
  width:100%;
  cursor:pointer;
}
.superbox{
    margin:30px 0;
}
.superbox-show {
  text-align:center;
  position:relative;
  background:#333;
  box-shadow:inset 0 1px 5px #111;
  -webkit-box-shadow:inset 0 1px 5px #111;
  -moz-box-shadow:inset 0 1px 5px #111;
  width:100%;
    float:left;
  padding:25px;
  display:none;
}
.superbox-current-img {
  max-width:100%;
  box-shadow:0 1px 4px #222;
  border:1px solid #222;
}
.superbox-img:hover {
  opacity:0.8;
}
.superbox-float {
  float:left;
}
.superbox-close {
  opacity:0.7;
  cursor:pointer;
  position:absolute;
  top:25px;
  right:25px;
  background:url(../images/close.gif) no-repeat center center;
  width:35px;
  height:35px;
}
.superbox-close:hover {
  opacity:1;
}
.featuresCon{
   background-color: #4C4C4C;

}
.featureConInnerLft{
    color: #fff;
}
.featureConInnerLft h2{
    font-family: "diavlobold";
}
.featureConInnerLft ul{
    font-size: 16px;
}
.featureConInnerLft li{
     margin-bottom: 10px;
     color: #D2D2D2;
}
.featureConInnerLft li i{ 
    color: #74C34E;
}
.flatMarked{
    background-color: #74C34E;
    color: #fff;
    padding:30px;
    margin-top: -30px;
}
.flatMarked li{
    margin-bottom: 10px;
    font-size: 16px;
}
.flatMarked h2{
    font-family: "diavlobold";
}
.homeAboutImage{
    max-width: 500px;
    float: right;
    margin-left: 20px;
}
.look-icon{
   display: inline-block;
   width: 25px;
   height: 18px;
   background: url(../images/look.png) no-repeat left top;
   top:3px;
   position: relative;
}
.look-icon:hover{
background: url(../images/look-hover.png) no-repeat left top;
}


.projectSubCat1{
   padding:50px 0;
}
.greenBigTxt{
   font-family: "diavlobold";
   margin-top: 10px;
   color: #66B82E; 
}
.projectSubCat1 .subcatHead h1{
    color: #353535; 
}
.projectSubCat1{
    background-color: #D7D7D7;
}

.commercialArea{
   background: #F3F3F3;
}
#owl-demo-01 a.sinComItem{
  background: #fff;
  padding: 30px 0px;
  margin: 10px;
  color: #000;
  border-radius: 10px;
  background-color: #72C43B;
  text-align: center;
  position: relative;
  display: block;
  text-decoration: none;
}

#owl-demo-01 .sinComItem h2{
   position: absolute;
   left: 0;
   top:0px;
   color: #72C43B;
   font-size: 25px;
   background-color: #fff;
   padding: 5px; 
}
#owl-demo-01 .sinComItem h3{
   padding:10px;
   font-size: 16px;
   margin-top: 30px;
}
#owl-demo-01 .sinComItem h4{
   color: #fff;
   font-size: 22px;
}

.customNavigation{
  text-align: center;
}

.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

.commercialHead{
     background:url('../images/projects/project-02.jpg');
     padding:100px 20px;
     background-size: cover;
     color: #fff;
     margin-top: -20px;
      font-family: "diavlobold";
      border:5px solid #FFFFFF;
      position: relative;
}
.commercialHead::after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,0.6);
    z-index: 1;
}
.commercialHead span{
    position: relative;
    z-index: 2;
} 
.commerSlides{
    margin-top: 50px;
}
.commerSlides.owl-theme .owl-controls .owl-nav [class*="owl-"]{
    background-color: #000;
}
.commerSlides .owl-dots{
    display: none !important;
}
.commercialArea{
   padding-bottom: 30px;
}
#owl-demo  .owl-dots {
   display: none !important;
}
.blockName{
   position: absolute;
   left: 10px;
   top:10px;
   z-index: 10;
   padding:10px;
   background-color: #000;
   font-family: "diavlobold";
   font-size: 20px;
   color: #fff;
}

/* Popup for e-application form*/
  /* text-based popup styling */
    .form-popup {
      position: relative;
      background: transparent;
      padding: 25px;
      width:auto;
      max-width: 1170px;
      margin: 0 auto; 
    }
    #inline-popups{
      display: none;
    }
/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
.e-pro-banner {
   max-height: 360px !important;
}
.sundoritextSmaller{
  font-weight: bold;
  font-size: 40px;  
  font-family: helvetica, sans-serif;
}
.eformBanner{
   margin: 20px 0;
}
a.e-app-but{
    font-size: 26px;
    display: inline-block;
    padding:15px 20px;
    text-decoration: none;
    border-radius: 5px;
    margin-bottom: 30px;
    color: #fff;
    background-color: #6AB54F;
}
a.e-app-but:hover{
    background-color: #417A2A;
}
a.brochure-but{
    font-size: 26px;
    display: inline-block;
    padding:15px 20px;
    text-decoration: none;
    background-color: #E1E1E1;
    border-radius: 5px;
    margin-bottom: 30px;
    color: #505050;
}
a.brochure-but:hover{
    background-color: #BCBCBC;
}

 .e-form-popup {
      position: relative;
      background: #D1D1D1;
      padding: 25px;
      width:auto;
      max-width: 500px;
      margin: 0 auto; 

    }
  .popup-heading img{
       margin:0 auto 10px auto;

  }
   .popup-heading{
     margin-top:0;
     text-align: center;
     font-size: 16px;
     margin-bottom: 20px;
   }
   .payDiv h3{
      margin-top: 10px;
      color: #323232;
      float: left;
   }
   .payDiv{
    display: none;
   }
   .reqLabel{
     color: #FF6B6B;
   }
   .eformBanner .tp-bannertimer{
       display: none;
   }
   .eformBanner  .tparrows {
     display: none;
   }
   .eappButHm a{
      display: inline-block;
      padding:15px 20px;
      background-color: #076394;
      color: #fff;
      text-decoration: none;
      font-size: 18px;
      border-radius: 5px;
   }
   .eappButHm{
      text-align: center;
      margin-top:30px;
   }
   
/* Ends Popup for e-application form*/
    /*Media Queries*/
       @media only screen and (max-width: 410px){
        .slide-out-div {
         padding: 20px;
        width: 230px;
        background: #272727;
        border: #fff 2px solid;
    }
  }
 @media only screen and (min-width: 320px) {
  .superbox-list {
    width:50%;
  }
}
@media only screen and (min-width: 486px) {
  .superbox-list {
    width:25%;
  }
}
@media only screen and (min-width: 768px) {
  .superbox-list {
    width:16.66666667%;
  }
}
@media only screen and (min-width: 1025px) {
  .superbox-list {
    width:12.5%;
  }
}
   
.mail-msg{
	display:none;
	color:#FFF;
}

.mail-err-msg{
	display:none;
	color:#F00;
}

/* Header Button Styles */
  a.myButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
  -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
  box-shadow:inset 0px 1px 0px 0px #cf866c;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
  background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
  background-color:#d0451b;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #942911;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:17px;
  padding:11px 27px;
  text-decoration:none;
  text-shadow:0px 1px 0px #854629;
  float: left;
  margin-top: 28px;
  margin-left: 30px;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
  background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
  background-color:#bc3315;
}
.myButton:active {
  position:relative;
  top:1px;
}

.floating{ 
   -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);
           background-color: #FF1D1D;
    }
    65% {-webkit-transform:translate(0, 10px);
          background-color: #73C608;
    }
    to {-webkit-transform: translate(0, -0px);
         background-color: #73C608;
         }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);
        background-color: #FF1D1D; 
    }
    65% {-moz-transform:translate(0, 10px);
         background-color: #73C608;
    }
    to {-moz-transform: translate(0, -0px);
        background-color: #FF1D1D; 
    }    
}

 a.headerBut{
      display: inline-block;
      padding:15px 20px;
      background-color: #53BA00;
      color: #fff;
      text-decoration: none;
      font-size: 18px;
      border-radius: 5px;
   }
/* Ends Header Button Styles */