*{
	padding:0px; margin:0px; box-sizing: border-box; -moz-box-sizing: border-box;
}
a{
	transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
img{
	max-width: 100%;
}

@font-face {
    font-family: 'roboto_slabbold';
    src: url('../fonts/robotoslab-bold-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabregular';
    src: url('../fonts/robotoslab-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ralewayextrabold';
    src: url('../fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayextralight';
    src: url('../fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Futura Md BT';
  src: url('../fonts/FuturaBT-Medium.eot');
  src: url('../fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaBT-Medium.woff') format('woff'),
    url('../fonts/FuturaBT-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

#wrapper{
  width: 1170px; margin: auto; max-width: 100%;
}

.mainten-1-outer{
  float: left; width: 100%; background: #50c1e9; padding: 60px 0px;
}
.mainten-1-inner{
  float: left; width: 100%;
}
.mainten-1-header{
  float: left; width: 100%; text-align: center;
}
.mainten-1-header h1{
  float: left; width: 100%; font-size: 135px; text-transform: uppercase; color: #fff;
  text-shadow: 4px 8px 0px rgba(0, 0, 0, 0.3); font-family: 'roboto_slabbold'; line-height: 114px;
}
.mainten-1-header h2{
  float: left; width: 100%; font-size: 63px; text-transform: uppercase; color: #fff;
  text-shadow: 3px 5px 0px rgba(0, 0, 0, 0.3); font-family: 'roboto_slabbold';
}
.mainten-1-content{
  float: left; width: 100%; text-align: right; margin-top: 60px;
}

/*****************main 2******************/

.mainten-2-outer{
  float: left; width: 100%; padding: 60px 0px; background: #2ac3c1;
}
.mainten-2-header {
  float: left;
  width: 50%;
  padding-bottom: 60px;
  min-height: 400px;
  margin-top: 140px;
}
.mainten-2-content {
  position: absolute;
  right: 15%;
  bottom: -15px;
}
.mainten-2-header h1{
  float: left; width: 100%; font-size: 135px; text-transform: uppercase; color: #fff;
  line-height: 114px; font-family: 'ralewayextralight';
}
.mainten-2-header h2{
  float: left; width: 100%; font-size: 63px; text-transform: uppercase; color: #fff;
  font-family: 'ralewayextrabold';
}
.mainten-2-bor{
  float: left; width: 100%; height: 13px; background: #fff; position: relative;
}

/*****************main 3******************/

.mainten-3-outer{
  float: left; width: 100%; padding-top: 60px;
}
.mainten-3-bor{
  float: left; width: 100%; position: relative;
}
.mainten-3-content {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 5;
}
.mainten-3-bor1{
  position: absolute; bottom: 0px; height: 31px; background: #feba31; width: 100%;
}
.mainten-3-bor2{
  position: absolute; bottom: 30px; height: 21px; background: #b2740f; width: 100%;
}
.mainten-3-bor3 {
  position: absolute;
  bottom: 51px;
  height: 69px;
  background: #754200;
  width: 100%;
}
.mainten-3-header{
  float: left; width: 100%; text-align: center; margin-bottom: 50px;
}
.mainten-3-header h1{
  float: left; width: 100%; font-size: 135px; text-transform: uppercase; color: #0084cd;
  line-height: 114px; font-family: 'ralewaylight';
}
.mainten-3-header h2{
  float: left; width: 100%; font-size: 63px; text-transform: uppercase; color: #0084cd;
  font-family: 'ralewayextrabold';
}
 .htitle h1{
  font-size: 48px;  text-shadow: 3px 1px 0px rgba(0, 0, 0, 0.3);
}
 .htitle p{
  color: #fff; font-size: 16px;
}

 .htle p{
  color: #444; font-size: 16px;
}
.timer-outer {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #444; margin-top:40px;
}
.timer-outer p {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Futura Md BT'; font-size: 95px;
    padding: 30px 60px;
    position: relative;
}
.timer-outer p span {
    display: block; font-size: 18px; text-transform: uppercase;
}
.timer-outer p::after {
    width: 1px;
    height: 80%;
    background: #ddd;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.timer-outer.timer_t1 {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}
.timer-outer.timer_t1 p::after {
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, 0.25);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

.timer-outer.timer_t2 p{
  font-size: 45px;
  padding: 25px 39px;
}
.timer-outer.timer_t2{
  color: #fff; border: 1px solid rgba(255, 255, 255, 0.25);
}
.timer-outer.timer_t2 p::after {
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, 0.25);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.timer-outer.timer_t2{
  text-align: center;
}

/*******************responsive start********************/

@media screen and (max-width: 1100px) {

.timer-outer.timer_t2 p{
  font-size: 30px; padding: 15px 30px;
}

}

@media screen and (max-width: 950px) {

.mainten-2-bor{
  display: none;
}

.mainten-2-header {
  float: left;
  width: 100%;
  padding: 80px 0px;
  min-height: inherit;
  margin-top: 0px;
  text-align: center;
}

.timer-outer p{
  font-size: 40px; padding: 15px 30px;
}

}  

@media screen and (max-width: 550px) {

.mainten-1-header h1{
  font-size: 70px; line-height: 70px;
}
.mainten-1-header h2{
  font-size: 33px; 
}

.mainten-2-header h1{
  font-size: 70px; line-height: 70px;
}
.mainten-2-header h2{
  font-size: 33px; 
}

.mainten-3-header h1{
  font-size: 70px; line-height: 70px;
}
.mainten-3-header h2{
  font-size: 33px; 
}

.timer-outer p{
  font-size: 30px; padding: 10px 20px;
}

}

@media screen and (max-width: 420px) {

.timer-outer p{
  font-size: 22px; padding: 10px 15px;
}
.timer-outer span{
  font-size: 15px;
}

.timer-outer.timer_t2 p{
  font-size: 22px; padding: 10px 15px;
}

}