/*Rest style*/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body.em, .em span, .em applet, .em object, .em iframe, .em h1, .em h2, .em h3, .em h4, .em h5, .em h6, .em p, .em blockquote, .em pre, .em a, .em abbr, .em acronym, .em address, .em big, .em cite, .em code, .em del, .em dfn, .em em, .em font, .em img, .em ins, .em kbd, .em q, .em s, .em samp, .em small, .em strike, .em strong, .em sub, .em sup, .em tt, .em var, .em dl, .em dt, .em dd, .em ol, .em ul, .em li, .em fieldset, .em form, .em label, .em legend, .em table, .em caption, .em tbody, .em tfoot, .em thead, .em tr, .em th, .em td, .em select, .em input, .em option { margin: 0; padding: 0; border: 0; outline: 0; }
html { -webkit-text-size-adjust: none; }
.em nav ul, .em nav ol { list-style: none; list-style-image: none; }
.em button, .em input, .em select, .em textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none !important; }
.em input[type="button"], .em input[type="submit"] { -webkit-appearance: none !important; }
.em :focus { outline: 0; }
.em ol, .em ul { list-style: none; }
.em a { text-decoration: none; }
.em img { border: 0 none; max-width: 100%; vertical-align: top; }
.em a { outline: none; cursor: pointer; }
.em a:hover { text-decoration: none; }
.em a:focus { text-decoration: none !important; outline: none !important; }
.em .clear { clear: both; }
.em .preloader { display: none; }
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cbd188;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white !important;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/*Placeholder opacity cross browsers*/
.em input::-webkit-input-placeholder {
color: #999;
opacity:1;
} /* WebKit browsers */
.em input:-moz-placeholder {
color: #999;
opacity:1;
} /* Mozilla Firefox 4 to 18 */
.em input::-moz-placeholder {
color: #999;
opacity:1;
} /* Mozilla Firefox 19+ */
.em input:-ms-input-placeholder {
color: #999;
opacity:1;
} /* Internet Explorer 10+ */
.em textarea::-webkit-input-placeholder {
color: #999;
opacity:1;
} /* WebKit browsers */
.em textarea:-moz-placeholder {
color: #999;
opacity:1;
} /* Mozilla Firefox 4 to 18 */
.em textarea::-moz-placeholder {
color: #999;
opacity:1;
} /* Mozilla Firefox 19+ */
.em textarea:-ms-input-placeholder {
color: #999;
opacity:1;
} /* Internet Explorer 10+ */
.em button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
border: 0;
}


/* Table of Content
 ==================================================
 #Page Structure
 #Home Page Style */


/* #Page Structure
================================================== */
body.em { margin: 0; padding: 0; font-size: 18px; color: #535353; font-family: 'Montserrat', sans-serif; font-weight: 400;}
.em .wrapper { width: 100%; opacity: 0;transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s;	}
.em .main { max-width: 1170px; margin: 0 auto; width: 100%;}
.em .outer-main { max-width:100%; margin: 0 auto; display: inline-block; width: 100%;}
.em a{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.em ul.bullets{margin-left:10px; margin-bottom:10px;}
.em ul.bullets li{ color:#505050; font-size:16px; font-weight:600; margin-bottom:4px;  padding-left:13px;}
.em .btn-1{ display: inline-block; }
.em .btn-1 .btn-top{
	font-weight: 700;
	font-size: 18px;
	display: inline-block;
	color: #cbd188;
	text-transform: uppercase;
	line-height: 20px;
	border: 1px solid #fff;
	background-color: #fff;
	padding: 20px 57px;
	position: relative;
	border-radius: 2px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.em .btn-1 .btn-top.active{
	color: #fff;
}
.em .btn-1 .btn-top:hover{
	color: #fff;
}
.ie9 .em .btn-1 .btn-top:hover{
	color: #fff;
	background-color: #cbd188;
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #cbd188;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white !important;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cbd188;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white !important;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #cbd188 !important;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Home Page Style
 ==================================================
 
/***** header styles goes here *****/
.em header{
	float: left;
	text-align: center;
	width: 100%;
	padding: 60px 0 216px;
	background: #cbd188 url(../images/bg1.png)no-repeat center bottom;
	background-size: 100%;
	position: relative;overflow: hidden;
}
.em .palne{
	position: absolute;
	left: 0;
	     top: 63%;
		 width: 152px;
}
.em .palne img{
	   width:100%; 
}
.em .cloud-1{
	position: absolute;
width: 92px;
    top: 20%;
    z-index: 1;
	opacity: 0;
}

.em .cloud-2{
	position: absolute;
	width: 76px;
    top: 7%;
	opacity: 0;
	z-index: 1;
	
}

.em .cloud-3{
	position: absolute;
    top: 14%;
	width: 76px;
	opacity: 0;
	z-index: 0;

}

.em .cloud-4 {
    position: absolute;
    right: 1.5%;
    top: 40%;
	width: 75px;
	opacity: 0;
	z-index: 0;
}
.em .cloud-1 img, .em .cloud-2 img, .em .cloud-3 img, .em .cloud-4 img{width:100%;}
.em .sun{
	position: absolute;
	left: 25.5%;
    top: 25.5%;
        z-index: 0;
}
.em .sun img{
	    width: 180px;
}
.em .ballon1{
	position: absolute;
	    right: 39.7%;
    top: 18%;
    z-index: 2;
}
.em .ballon1 img{
	    width: 104px;
}
.em .ballon2{
	position: absolute;
	right: 22.8%;
    top: 37%;
    z-index: 2;
}
.em .ballon2 img{
	    width: 80px;
}
.em .logo{
	float: left;
	text-align: left;
}
.em .logo,.em .mid-text h1,.em .mid-text p,.em .countdown,.em .sub-text{
	opacity: 0;
}
.logo.load {
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.em .mid-text h1.load {
	animation-name: fadeInDown ;
	-webkit-animation-name: fadeInDown ;
	animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.em .mid-text p.load {
	animation-name: fadeInDown ;
	-webkit-animation-name: fadeInDown ;
	animation-duration: 0.7s;
	-webkit-animation-duration: 0.7s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.em .countdown.load {
	animation-name: fadeInDown ;
	-webkit-animation-name: fadeInDown ;
	animation-duration: 0.8s;
	-webkit-animation-duration: 0.8s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.em .sub-text.load {
	animation-name: fadeInDown ;
	-webkit-animation-name: fadeInDown ;
	animation-duration: 0.9s;
	-webkit-animation-duration: 0.9s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.em .logo img{
	width: 100%;
	max-width: 257px;
}
.em header .mid-text{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 203px;
	    margin-bottom: 45px;
}
.em header .mid-text h1{
	font-size: 72px;
	line-height: 79px;
	color: #fff;
	    letter-spacing: -1px;
	padding-bottom: 32px;
	font-weight: 700;
}
.em header .mid-text p{
	font-size: 35px;
	line-height: 40px;
	color: #fff;
	padding-bottom: 20px;
	font-weight: 700;
}

.em .countdown{
	display: inline-block;
	margin: 0 auto;
	max-width: 616px;
	width: 100%;
	text-align: center;
}
::i-block-chrome,.em .countdown{
	display: block;
}
.clock { float: left; color: #fff; text-align: center; font-size: 40px; font-weight: 400; padding: 0px 5px 0; width: 100%; margin-bottom: 41px; }
.clock > div { display: inline-block; position: relative; padding: 0; float: left;    width: 97px;}
.clock > div, .clock > div.last > span, .clock > div, .clock > div.last > span > span:last-child { margin-right: 72px !important; background: transparent; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.clock > div:last-child{
	margin-right: 0px !important;
}
.clock div span.days, .clock div span.hours, .clock div span.minutes, .clock div span.seconds { text-align: center; vertical-align: top; display: inline-block; }
.clock .label { font-size: 24px; font-family: 'Montserrat'; font-weight: 700; top: 78px; color: #fff; width: 108px; position: absolute; left: -5px; }
.clock div span.days span, .clock div span.hours span, .clock div span.minutes span, .clock div span.seconds span { display: inline-block; float: left; vertical-align: middle; font-size: 69px; font-family: 'Montserrat'; font-weight: 700; }
.clock div span.days span:first-child { margin-left: 0; }
/*.clock div span.days span:last-child, .clock div span.hours span:last-child, .clock div span.minutes span:last-child, .clock div span.minutes span:last-child {
	margin-right: 5px;
}*/
.clock div span.days:after, .clock div span.hours:after, .clock div span.minutes:after { content: ""; position: inherit; top: inherit; color: #494949; right: inherit; }
.em header .sub-text{
	float: left;
	width: 100%;
	margin-top: 67px;
}
.em header .sub-text p{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	margin-bottom: 18px;
	font-weight: 700;
}
/***** midd container styles goes here *****/
.em .midd-container{
	float: left;
	width: 100%;
}
.em .section1{
	float: left;
	width: 100%;
	background-color: #f8fff2;
	padding: 91px 0 111px;
}
.em .title{
	float: left;
	width: 100%;
	text-align: center;
} 
.em .title h2{
	font-size: 48px;
	line-height: 50px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #000;
	padding-bottom: 26px;
}
.em .title p{
	font-size: 17px;
	line-height: 29px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666666;
}
.em .section1 .title{
	margin-bottom: 91px;
}
.em .section-right {
    float: right;
    width: 56.4%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.em .section-left {
    float: left;
    width: 38%;
    padding: 0px 0 0px;
}
.em .section-img-1, .em .section-img {
    display: none;
}
.em .s1-table {
    width: 100%;
    float: left;
    display: table;
    height: 100%;
}
.em .area1 {
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    height: 100%;
}
.em .area1 ul{
	float: left;
	width: 100%;
}
.em .area1 ul li{
	float: left;
	width: 100%;
	padding-left: 25px;
	background: url("../images/dot.png")no-repeat;
	background-position: left 7px;
	background-size: 7px;
	padding-bottom: 30px;
}
.em .area1 ul li:last-child{
	padding-bottom: 27px;
}
.em .area1 ul li p{
	font-size: 18px;
	line-height: 27px;
	color: #535353;
	font-weight: 400;
}
.em .area1 ul li p span{
	font-weight: 700;
}
.em .btn-2{
	display: inline-block;
	text-align: center;
	margin-left: 27px;
}
.em .btn-2 .btn-top-2{
	font-weight: 700;
	font-size: 18px;
	display: inline-block;
	color: #cbd188;
	text-transform: uppercase;
	line-height: 20px;
	border: 1px solid #cbd188;
	background-color: transparent;
	padding: 19px 71px;
	position: relative;
	border-radius: 2px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.em .btn-2 .btn-top-2:hover{
	color: #fff;
}
.ie9 .em .btn-2 .btn-top-2:hover{
	color: #fff;
	background-color: #cbd188;
}
.em .section2{
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 80px 0 126px;
}
.em .section2 .title{
	margin-bottom: 71px;
}
.em .section2 .section-right {
    float: left;

}
.em .section2 .section-left {
    float: right;
    width: 39.4%;
}

.em .section3{
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2;
	padding-top: 30px;
	background-color: transparent;
}
.em .form-box{
  float: left;
  width: 100%;
  margin-top: 41px;
	text-align: center;
}
.em .form-inner{
	display: inline-block;
	text-align: center;
	width: 100%;
	max-width: 951px;
	background-color: #fff;
	border-radius: 2px;
	text-align: center;
	border: 1px solid #cbd188;
	margin: 0 auto;
	padding: 61px 60px 79px;
}
.em .form-row{
  float: left;width: 100%;
}
.em #login-form{
  display: inline-block;
  width: 100%;
  margin-top: 0px;
  text-align: center;
}
.em #login-form-2{
  display: inline-block;
  width: 100%;
  margin-top: 0px;
  text-align: center;
}
.em .inputsyle1 {font-family: 'Open Sans', sans-serif;font-weight: 300;  background-color: #f6f6f6; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;float: left; width: 100%; height: 40px;
    padding: 7px 13px 9px; font-size: 14px; color: #000;  transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-appearance: none; box-shadow: none; border:0px solid #d2d2d2;}
.em .form-row { float: left; width: 100%; margin-bottom: 10px; }
.em .form-col{
	float:left;
	width: 32.2%;
    margin-right: 1.6%;
}
.em .form-col.half{
	width: 49.2%;
}
.em .form-col.half:last-child{
	width: 49.2%;
}
.em .form-col:last-child{
	float:right;
	margin-right: 0%;
}
.em .submit-btn { 
    display: inline-block;
    border: 0 none;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 17px;
    text-transform: uppercase;
color: #cbd188;
	line-height: 20px;
	border: 1px solid #cbd188;
	background-color: transparent;
	padding: 19px 90px;
	position: relative;
	border-radius: 2px;
	    letter-spacing: 2px;
transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
   font-weight: 700;
    text-decoration: none;cursor: pointer; text-align: center; }
.em  .submit-btn:hover { color: #fff;}
.ie9 .em  .submit-btn:hover { color: #fff; background-color:#cbd188; }
.em .section4{
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
	background:#cbd188 url("../images/banner2.png")no-repeat;
	background-position: center 0;
	background-size: cover;
	background-attachment: fixed;
	    padding: 313px 0 100px;
    margin-top: -247px;
    text-align: center;
}
/*.em .section4:after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(122,187,67,0);
}*/
.em .section4 .title h2{
	color: #ffffff;
}
.em .section4 .partner{
	float: left;
	width: 100%;
	    margin-top: 27px;
}
.em .section4 .partner.one{
    margin-top: 16px;
        margin-bottom: 51px;
}
.em .section4 .partner li{
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	margin-right: 0.8%;
	background-color: #FFF;
	min-height: 150px;
	text-align: center;
	padding: 0 10px;
}
.em .section4 .partner li:hover .list-box .c-text p{
	color: #cbd188;
}
.em .section4 .partner li:last-child{
	margin-right: 0%;	
}
.em .section4 .partner li .list-inner{
	width: 100%;
    display: table;
    height: 100%;
    text-align: center;
}
.em .section4 .partner li a{
	    display: inline-block;
    width: 100%;
    height: 100%;
}
.em .section4 .partner li .list-inner .list-box{
	width: 100%;
    vertical-align: middle;
    display: table-cell;
    height: 100%;
    text-align: center;

}
.em .section4 .partner li .list-inner .list-box .c-icon{
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.em .section4 .partner li .list-inner .list-box .c-icon img{
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	max-width: 227px;
}
.em .section4 .partner li .list-box .c-text{
	margin-top: 4px;
	width: 100%;
	text-align: center;
}
.em .section4 .partner li .list-box .c-text p{
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.em .btn-3{
	display: inline-block;
	text-align: center;
}
.em .btn-3 .btn-top-3{
	font-weight: 400;
	font-size: 16px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	line-height: 20px;
	border: 1px solid #fff;
	background-color: transparent;
	    padding: 12px 25px;
	position: relative;
	border-radius: 2px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.em .btn-3 .btn-top-3:hover{
	color: #cbd188;
}
/***********c-hover**************/
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #cbd188;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/*********************************/

.em .section5{
	float: left;
	width: 100%;
	background-color: #f8fff2;
	padding: 91px 0 100px;
}
.em .section5 .counter-box{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 46px;
}
.em .section5 .counter-box ul{
	float: left;
	width: 100%;
	text-align: center;
}
.em .section5 .counter-box ul li{
	float: left;
	width: 20.5%;
	margin-right: 6%;
	text-align: center;
	background-color: #fff;
	border-bottom: 4px solid #cbd188;
	padding: 56px 15px 57px;
	position: relative;
	min-height: 224px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}
.em .section5 .counter-box ul li:before{
	position: absolute;
	content: "";
	right: -15%;
	top: 0;
	width: 1px;
	background-color: #e4eddd;
	height: 102%;
}
.em .section5 .counter-box ul li:last-child:before{
	position: relative;
	content: "";
	right: inherit;
	top: inherit;
	width: inherit;
	background-color:inherit;
	height: inherit;
}
.em .section5 .counter-box ul li:last-child{
	margin-right: 0%;
}
.em .section5 .counter-box ul li .sub-text{
	float: left;
	width: 100%;
	text-align: center;
}
.em .section5 .counter-box ul li .sub-text p{
	font-weight: 700;
	color: #333333;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 20px;
}
.em .section5 .counter-box ul li .counter-value{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 50px;
	line-height: 55px;
	color: #333;
	    margin: 6px 0;
	font-weight: 600;

}
.em .section6{
	float: left;
	width: 100%;
	position: relative;
    z-index: 1;
    padding: 100px 0 94px;
    text-align: center;
        background-color: #fff;
}
.em .map-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}
.em .map-map .map-body {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.em .map-map .map-body #map {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.em .section6 .form-inner{
	position: relative;
	z-index: 22;
	border: 0px;
	padding: 72px 53px 76px;
	-webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1);
}
.em .section6 .links{
	float: left;
	width: 100%;
	margin-top: 50px;
}
.em .section6 .links ul{
	float: left;
	width: 100%;
	text-align: center;
}
.em .section6 .links ul li{ 
	display: inline-block;
	position: relative;
	padding-left: 31px;
	margin-right: 2.5%;
}
.em .section6 .links ul li.add:before{
	position: absolute;
	content: "";
	left: 0;
	top: -2px;
	background: url("../images/location.png")no-repeat left center;
	background-size: 24px;
	height: 25px;
	width: 24px;
}
.em .section6 .links ul li.call:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: url("../images/call.png")no-repeat left center;
	background-size: 22px;
	height: 22px;
	width: 22px;
}
.em .section6 .links ul li.maill:before{
	position: absolute;
	content: "";
	left: 0;
	top: 3px;
	background: url("../images/maill.png")no-repeat left center;
	background-size: 22px;
	height: 22px;
	width: 22px;
}
.em .section6 .links ul li p{
	color: #666;
	font-size: 17px;
	line-height: 19px;
	font-weight: 600;
}
.em .section6 .links ul li  a{
	color: #666;
	font-size: 17px;
	line-height: 19px;
	font-weight: 600;
}
.em .section6 .links ul li  a:hover{
	color: #7ac142;
	
}
/*****footer styles goes here *****/
.em footer{
	float: left;
	width: 100%;
	padding: 34px 0;
}
.em .f-logo{
	float: left;
	width: 17%;
	margin-right: 1.2%;
	text-align: left;
	    margin-top: 5px;
}
.em .f-logo img{
	width: 100%;
	max-width: 165px;
}
.em .copy{
	float: left;
	width: 50%;
	    margin-top: 6px;
}
.em .copy ul{
	float: left;
	width: 100%;
	text-align: left;
}
.em .copy ul li{
	float: left;
	margin-right: 8%;
}
.em .copy ul li p{
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
}
.em .copy ul li p i{
	color: #999999;
}
.em .social{
	float: right;
}
.em .social ul{
	float: left;
	width: 100%;
	text-align: center;
}
.em .social ul li{
	float: left;
    margin-right: 10px;
}
.em .social ul li:last-child{
    margin-right: 0px;
}
.em .social ul li a{
	background-color: #333;
    color: #fff;
    padding: 6px 6px;
    border-radius: 2px;
}
.ie9 .em .social ul li a:hover{
	background-color: #cbd188;
}
.em .social ul li a i{
	font-size: 17px;
	line-height: 18px;
}
::i-block-chrome, .em .social ul li a{
    padding: 1px 6px 6px;
 
}
::i-block-chrome, .em .btn-3 .btn-top-3{
padding: 9px 25px 12px;
}




/*Animation*/

.em .cloud-1{
  animation-name: CloudOne;
-webkit-animation-name: CloudOne;
animation-duration: 40s;
-webkit-animation-duration:40s;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;

}
@keyframes CloudOne {
 0% {left:-10%;opacity: 1;}
100% {left:105%;opacity: 1;}
}
 @-webkit-keyframes CloudOne {
  0% {left:-10%;opacity: 1;}
100% {left:105%;opacity: 1;}
}

.em .cloud-2{
  animation-name: CloudTwo;
-webkit-animation-name: CloudTwo;
animation-duration: 40s;
-webkit-animation-duration:40s;
animation-timing-function:linear;
-webkit-animation-timing-function: linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-delay: 3s;
-webkit-animation-delay: 3s; 
}
@keyframes CloudTwo {
 0% {right:-5%;opacity: 1;}
100% {right:105%;opacity: 1;}
}
 @-webkit-keyframes CloudTwo {
  0% {right:-10%;opacity: 1;}
100% {right:105%;opacity: 1;}
}

.em .cloud-3{
  animation-name:CloudThree;
-webkit-animation-name:CloudThree;
animation-duration: 40s;
-webkit-animation-duration:40s;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-delay: 15s;
-webkit-animation-delay:15s; 
}
@keyframes CloudThree {
 0% {left:-5%;opacity: 1;}
100% {left:105%;opacity: 1;}
}
 @-webkit-keyframes CloudThree {
  0% {left:-5%;opacity: 1;}
100% {left:105%;opacity: 1;}
}

.em .cloud-4{
 animation-name:CloudFour;
-webkit-animation-name:CloudFour;
animation-duration: 40s;
-webkit-animation-duration:40s;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-delay: 20s;
-webkit-animation-delay:20s; 
}
@keyframes CloudFour {
 0% {right:-2%;opacity: 1;}
100% {right:102%;opacity: 1;}
}
 @-webkit-keyframes CloudFour {
  0% {right:-2%;opacity: 1;}
100% {right:102%;opacity: 1;}
}

.em .palne{
 animation-name:Plane;
-webkit-animation-name:Plane;
animation-duration: 60s;
-webkit-animation-duration:60s;
animation-timing-function: linear;
-webkit-animation-timing-function:linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;

}
@keyframes Plane {
 0% {left:-15%;opacity: 1;}
100% {left:115%;opacity: 1;top:5%;}
}
 @-webkit-keyframes Plane{
  0% {left:-15%;opacity: 1;}
100% {left:115%;opacity: 1;top:5%;}
}


.ballon1 {
-webkit-animation: balloon2 6s linear infinite;
-moz-animation: balloon2 6s linear infinite;
-o-animation: balloon2 6s linear infinite;
animation: balloon2 6s linear infinite;
}
.ballon2{
-webkit-animation: balloon3 6s linear infinite;
-moz-animation: balloon3 6s linear infinite;
-o-animation: balloon3 6s linear infinite;
animation: balloon3 6s linear infinite;
}




@-webkit-keyframes balloon2 {
  0%,  100% {
    -webkit-transform: translateY(0) rotate(6eg);
  }
  50% {
    -webkit-transform: translateY(-80px) rotate(-8deg);
  }
}
@-moz-keyframes balloon2 {
  0%,
  100% {
    -moz-transform: translateY(0) rotate(6deg);
  }
  50% {
    -moz-transform: translateY(-80px) rotate(-8deg);
  }
}
@-o-keyframes balloon2 {
  0%,
  100% {
    -o-transform: translateY(0) rotate(6deg);
  }
  50% {
    -o-transform: translateY(-80px) rotate(-8deg);
  }
}
@keyframes balloon2 {
  0%,
  100% {
    transform: translateY(0) rotate(6deg);
  }
  50% {
    transform: translateY(-80px) rotate(-8deg);
  }
}

@-webkit-keyframes balloon3 {
  0%,
  100% {
    -webkit-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -webkit-transform: translate(-20px, 30px) rotate(-8deg);
  }
}
@-moz-keyframes balloon3 {
  0%,
  100% {
    -moz-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -moz-transform: translate(-20px, 30px) rotate(-8deg);
  }
  
}
@-o-keyframes balloon3 {
  0%,
  100% {
    -o-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -o-transform: translate(-20px, 30px) rotate(-8deg);
  }
}
@keyframes balloon3 {
  0%,
  100% {
    transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    transform: translate(-20px, 30px) rotate(-8deg);
  }
}




.sun {
    -webkit-animation:spin 30s linear infinite;
    -moz-animation:spin 30s linear infinite;
    animation:spin 30s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }