@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
#backToTop{display:none !important;}
body{line-height:26px;font-size:15px;overflow-x:hidden;font-family: 'ZohoPuvi', sans-serif;}
ol, ul{list-style:none;}
.fr{float:right;}.fl{float: left;}
.pr{position: :relative;}.pa{position: absolute;}
.container {
    width: 1100px;
    margin: 0 auto;
}
h6{font-size:1.1em;}
#Home canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
.event-complete {
    width: 100%;
    margin: 0 auto;
    font-size: 1.8em;
    text-align: center;
    line-height: 40px;
    padding: 10% 0;
    text-shadow: 2px 2px 10px #e0e0e0;
}

/*---------Page scroll animation----------*/
.animation{
	  opacity: 0;
    transition: all ease 1s;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transform: translateY(250px);
    -webkit-transform: translateY(250px);
    -moz-transform: translateY(250px);
}
.scroll-active.animation {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999;
    top: 0;
    overflow: hidden;
    display: block;
}
.preloader .preloader-wrapper {
  	width: 360px;
    top: 20%;
    margin: 20% auto 0 auto;
}
.preloader .preloader-wrapper img {
  width:100%;
  display: block;
  margin: 0 auto;
}
.preloader .preloader-wrapper p {
  text-align: center;
}

/*-------------Header Styles---------------*/
header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
	padding: 10px 0;
}
div.logo {
    width: 300px;
    display: inline-block;
    vertical-align: top;
}
div.logo img {
    width: 80%;
}
header .fr{ padding-top: 10px;}
div.ecard-headerselectlang {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    float: right;
    padding: 0;
    border: 1px solid #CB1733;
    -webkit-transition: all 100ms ease-out 200ms;
    -moz-transition: all 100ms ease-out 200ms;
    -o-transition: all 100ms ease-out 200ms;
    transition: all 100ms ease-out 200ms;
    position: relative;
    margin: 0 0 20px 10px;
	cursor: pointer;
	border-radius:3px;
}
div.ecard-headerselectlang:hover ul {
    height: 370px !important;
    position: absolute;
    top: 37px;
    width: 100%;
    -webkit-transition: all 200ms ease-out 200ms;
    -moz-transition: all 200ms ease-out 200ms;
    -o-transition: all 200ms ease-out 200ms;
    transition: all 200ms ease-out 200ms;
}
div.ecard-headerselectlang p {
    display: block;
    padding: 7px 10px 5px 0px;
    box-shadow: 0px 0px 5px #e3e3e3;
    border-bottom: 1px solid #fff;
    background: #fff url(../images/dropdown-icon.svg) no-repeat 90% center;
    text-align: left;
	border-radius:3px;
}
div.ecard-headerselectlang p span {
    display: inline-block;
    vertical-align: sub;
    margin: 0 10px 0 10px;
}
div.ecard-headerselectlang ul {
    padding: 0 0 0 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 47px;
}
div.ecard-headerselectlang ul li {
    display: block;
}
div.ecard-headerselectlang ul li p {
    background: #fff;
}
div.ecard-headerselectlang ul li p:hover {
    cursor: pointer;
    border-bottom: 1px dashed #c60006;
}
div.ecard-headerselectlang p img{
	    width: 16px;
		height:16px;
		border-radius:50%;
}
div.calltobutton {
    width: auto;
    display: block;
    float: left;
}
div.calltobutton a {
    -moz-transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    text-decoration: none;
    color: #fff;
    background: #CB1733;
    padding: 8px 30px 8px 20px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    border-radius: 3px;
    font-family: 'Zoho_Puvi_Regular';
    border: 1px solid #CB1733;
}
div.calltobutton a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0px;
    height: 25px;
}
div.calltobutton a span img {
    width: 22px;
    transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
}
div.calltobutton a strong {
    font-family: 'Zoho_Puvi_Medium';
}
div.calltobutton a:hover{
  background: #A70F14;
  -ms-transform: scale(1.02); /* IE 9 */
  -moz-transform: scale(1.02); /* Firefox */
  -o-transform: scale(1.02); /* Opera */
  -webkit-transform: scale(1.02); /* Safari And Chrome */
}
div.calltobutton a:hover span img{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);

}
/*-----------Banner styles-----------*/
#Home {
  position: relative;
  background: #8271cb url("../images/banner.jpg") no-repeat 0 bottom;
  background-size: cover;
  text-align: center;
  min-height: 800px;
  color: #fff;
  overflow: hidden;
  min-height: 700px;
  background-position: 80% top;
	transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
}
#Home:before{
  content:"";
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2e3256+0,7db9e8+100&1+0,0+100 */
  background: -moz-linear-gradient(top,  rgba(46,50,86,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(46,50,86,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(46,50,86,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3256', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
  width:100%;
  height: 150px;
  position: absolute;
  left:0;
  top:0;
}
#Home:after{
  content:"";
  background:url("../images/snow-stone.svg") no-repeat bottom center;
  background-size: 100%;
  width:100%;
  height: 200px;
  position: absolute;
  left:0;
  bottom:0;
  z-index: 2;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
#Home.movetop:after{
  	  margin-top: -1000px;
}
#Home .container {
    position: relative;
    z-index: 99;
	transition: .8s ease all;
    -moz-transition: .8s ease all;
    -webkit-transition: .8s ease all;
	 transform: translateY(0px);
}
#Home .container.movetop {
    margin-top: -300px;
}
#Home .calltobutton{margin: 20px auto;float:none;display: none;}
.creatives img {
  position: absolute;
  left: 0;
  bottom: -5%;
  z-index: 1;
  width: 100%;
  transition: all 1s ease-out 0s;
}

.creatives .crv1{width:500px;top:0;left: 0%;bottom: inherit;}
.creatives .crv2{width:500px;top:0;right: 0%;left: inherit;bottom: inherit;}

.creatives .crv3 {width: 90%;left: 1%;bottom: 10%;}
.creatives .crv4 {width: 130%;left: -15%;bottom: 0;}
.creatives .crv5 {width: 150%;bottom: 0;left: -25%;}

.creatives .crv6{width:400px;left: -5%;bottom: -5%;}
.creatives .crv7{width:500px;right: -10%;left: inherit;bottom: 0%;}

.ban-subtile{
	font-family: 'Zoho_Puvi_Bold', sans-serif;
  margin-top: 20px;
  font-size: 1.5em;
  line-height: 35px;
}

.bannertext {
  width: 600px;
  padding-top: 140px;
  height: auto;
}
div.bluractive {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
}
#screen1_line1{
    font-size: 1.2em;
    line-height: 30px;
    margin: 0 auto;
}
/*-------------Ecard Styles-----------------*/
#Ecard-section{
  padding: 60px 0;
  text-align: center;
  background: url("../images/ecard-bg.jpg") no-repeat 0 bottom;
  background-size:cover;
  position: relative;
  overflow-x:hidden;
  min-height: 750px;
  margin-top:-1px;
}
h2{font-size: 2.5em;color: #27388B;font-family: 'Zoho_Puvi_SemiBold', sans-serif;line-height: 40px;}
.ecard-subtitle{padding:20px 0;font-size:1.1em;}
div.ecard-selectlang {
    -webkit-transition: all 100ms ease-out 200ms;
    -moz-transition: all 100ms ease-out 200ms;
    -o-transition: all 100ms ease-out 200ms;
    transition: all 100ms ease-out 200ms;
    width: 230px;
    position: relative;
    margin: 0 auto 20px auto;
    border: 2px solid transparent;
	border-radius: 3px;
}
div.ecard-selectlang:hover{cursor:pointer;}
div.ecard-selectlang p {
  display: block;
  background: #555CBF url(../images/downarrow.svg) no-repeat 95% center;
  text-align: left;
  background-size: 8%;
  line-height: 16px;
  padding: 15px 0;
  border-radius: 5px;
}
div.ecard-selectlang .default_lang_dropdown p{color:#fff;}
div.ecard-selectlang p span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 20px;
}
div.ecard-selectlang:hover ul{
  height:auto !important;
  position:absolute;
  top:49px;
  left:0;
  width:100%;
  -webkit-transition:all 200ms ease-out 200ms;
  -moz-transition:all 200ms ease-out 200ms;
  -o-transition:all 200ms ease-out 200ms;
  transition:all 200ms ease-out 200ms;
}
div.ecard-selectlang p img {
    width: 16px;
	border-radius: 50%;
	border: 1px solid #fff;
	height: 16px;
}
div.ecard-selectlang ul li p:hover{cursor:pointer;border-bottom:1px dashed #c60006;}
div.ecard-selectlang ul {
  padding: 0 0 0 0;
  height: 0;
  overflow: hidden;
  z-index: 99;
  position: relative;
}
div.ecard-selectlang ul li p {
  background: #fff;
  padding: 10px;
}
div.ecard-selectlang ul li p span{margin: 0 20px 0 10px;}
div.ecard-selectlang ul li {
  display: block;
  background: #fff;
  box-shadow: 0px 0px 5px #e3e3e3;
}
.ecard-previewsec{margin: 0 0 0 -10px;}
.ecard-thumb{
  margin: 50px auto 20px auto;
  text-align: center;
  position: relative;
  width: 600px;
  height: 400px;
}
.ecard-thumb .ecard-thumb-img{
  width: 100px;
  height: 100%;
  border:2px solid #fff;
  position:absolute;
  cursor:pointer;
  border-radius: 10px;
  overflow: hidden;
  transition: .5s;
  background: #fff;
	transition: all .65s -0.1s;
}

.ecard-thumb .ecard-thumb-img.main{
	width: 100%;
	height:auto;
	border: 5px solid #fff;
  box-shadow: 0 4px 8px 0 rgb(117, 130, 193);
}
.main {
	transform: scale(1);
	left:0;
	z-index: 25;
}
.main.moverleft {
  left:0;
  right:inherit;
}
.main.moveright {
  right:-10px;
  left:inherit;;
}

.ecard-thumb .ecard-thumb-img.main+li{
  right: -115px;
}
.ecard-thumb .ecard-thumb-img.main+li+li{
  right: -204px;
}
.ecard-thumb .ecard-thumb-img.main+li+li+li{
  right: -293px;
}
.ecard-thumb .ecard-thumb-img.main+li+li+li+li{
  right: -382px;
}

.next {
		transition: all .2s ;
/*		left:120px;*/
		z-index: 20;
		transform: scale(.8);
	}
.next:nth-child(2) {
    right: -94px;
}
.next:nth-child(3) {
    right: -169px;
}
.next:nth-child(4) {
    right: -245px;
}
.next:nth-child(5) {
    right: -321px;
}

.prev {
		transition: all .2s ;
/*		left:-200px;*/
		z-index: 19;
		transform: scale(.8);
	}

.prev4 {
  left: -371px;
}
.prev3{
  left: -282px;
}
.prev2{
  left: -193px;
}
.prev1{
  left: -104px;
}


.button-container {
    text-align: center;
	display:none;
}
.ecardimg-hover{display: none;}
.main .ecardimg-hover{display: block;}
.ecardimg-hover ul li {
    color: #CCCCCC;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: left;
    font-weight: 600;
	width:24%;
	line-height: 20px;
}
.ecard-thumb .ecard-thumb-img img{
	width:auto;
	height:100%;
	border-radius: 6px;
}
.ecard-thumb .ecard-thumb-img.main img{
	width:100%;
	height:auto;
}

.img-hover-but {
    padding: 10px;
    background: #555CBF;
    border: 1px solid #555CBF;
    margin: 5px 0;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: .9em;
    line-height: normal;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    vertical-align: middle;
}
.img-hover-but:hover{
  background: transparent;
  border: 1px solid #555CBF;
  color: #555CBF;
}
.ecardimg-hover .hover-ul .hover-li span+span {
    font-weight: 400;
    font-size: .9em;
}
.ecard-hov {
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: 30px;
    left: 27px;
    cursor: pointer;
    background: url(../images/ecard-snow.svg) no-repeat 0 0;
	-webkit-transition:.6s ease-in-out;
  	transition:.6s ease-in-out;
}
.main .ecard-hov{display: none;}
.ecard-thumb .ecard-thumb-img:hover .ecard-hov{
	 background: url(../images/ecard-snow-blue.svg) no-repeat 0 0;
	 -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	
}
.ecard-thumb-img.prev:hover, .ecard-thumb-img.next:hover{transform:scale(.9);}
.ecard-steps{font-size: .8em;font-family: 'Zoho_Puvi_Light', sans-serif;}


input[type="radio"] + *::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: #C9C9C9;
}
input[type="radio"] {
    display: none;
}
input[type="radio"]:checked + *::before {
  content:"";
  background: url(../images/step-icon.svg) no-repeat 0 0;
  background-size: 100%;
  border: none;
  width: 17px;
  height: 17px;
}
input[type="radio"]:checked ~ label{color:#CEDBFF;}
input[type="radio"]:checked ~ span{color:#003486;}

.ecard-stepsec{
  text-align: left;
  padding: 0 10px;
}
.ecard-stepsec li{
  display: inline-block;
  width:24%;
  text-align: left;
  vertical-align: top;
}
.ecard-stepsec li:nth-child(2){
  width:22%;
}
.ecard-stepsec li:nth-child(3){
  width:28%;
}
.step-count{
  font-weight: 600;
  color: #CEDBFF;
  padding: 0 0 0 30px;
  background: url("../images/step-icon.svg") no-repeat center left;
}
.step-value {
    font-size: .8em;
    line-height: normal;
    color: #003486;
    padding: 5px 0;
}
.slideimg{
	display: inline-block;
    cursor: pointer;
    background: url(../images/snow-white.svg) no-repeat 0 0;
    width: 20px;
    height: 20px;
    transition: .5s;
    margin: 0 13px;
    vertical-align: middle;
    background-size: 100%;
	border-radius:50%;
    -webkit-transition:  .6s ease-in-out;
  	transition: .6s ease-in-out;
}
.slideimg.active, .slideimg:hover{
    background: #fff url(../images/ecard-snow-blue.svg) no-repeat 0 0;
    background-size: 100%;
    width: 50px;
    height: 50px;
}

/*--------------Ecard Popup Styles--------------*/
.ecard-pop{
	width: 100%;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #555CBF;
	position:relative;}
section.popup-preview.active {
    left: 0;
    -webkit-transition: all 500ms ease-out 500ms;
    -moz-transition: all 500ms ease-out 500ms;
    -o-transition: all 500ms ease-out 500ms;
    transition: all 500ms ease-out 500ms;
}
section.popup-preview {
    background: url("../images/ecard-bg.jpg") no-repeat center center;
    background-size: cover;
    position: fixed;
    height: 100%;
    z-index: 999;
    left: -120%;
    top: 0;
    width: 100%;
    padding: 3% 0 0 0;
    -webkit-transition: all 500ms ease-out 500ms;
    -moz-transition: all 500ms ease-out 500ms;
    -o-transition: all 500ms ease-out 500ms;
    transition: all 500ms ease-out 500ms;
}
p.reg_form_errors {
    display: none;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    font-style: italic;
    color: #ec1e24;
    font-family: 'Zoho_Puvi_Medium';
	line-height: 10px;
	left:0;
}
.verfication-form p.reg_form_errors{font-size:11px;line-height:12px;}
div.close-icon{
    position: absolute;
right: 15px;
top: 10px;
cursor: pointer;
width: 30px;
height: 30px;
background: #5f40b7;
text-align: center;
line-height: 30px;
border-radius: 50%;
}
div.close-icon img {
    width: 12px;
    height: auto;
    -moz-transition: all ease-in-out .6s;
    -webkit-transition: all ease-in-out .6s;
    -o-transition: all ease-in-out .6s;
    transition: all ease-in-out .6s;
}
div.close-icon:hover img {
    transform: rotate(360deg);
    cursor: pointer;
}
section.popup-preview .preview-form {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    margin:0 0 0 5%;
}
div.form-field {
    position: relative;
    width: 100%;
}
section.popup-preview .preview-img {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    min-height: 500px;
    height: 500px;
    overflow: scroll;
    background: #F4F4F4;
    padding: 20px;
    border-radius: 6px;
	margin: 40px 0px 40px 30px;
}
section.popup-preview .preview-img img {
    width: 100%;
    height: auto;
	   border-radius: 6px;
}
section.popup-preview .preview-img p {
    margin: 0 0 10px 0;
}
.form-field input {
    width: 100%;
    padding: 10px 0;
    text-indent: 10px;
    font-size: 14px;
    margin: 0 0 20px 0;
    border: 1px solid #555CBF;
    border-radius: 10px;
}
.form-field select {
    font-family: 'ZohoPuvi', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url("https://www.manageengine.com/events/images/dropdown-arrow.png") no-repeat 95% center;
    padding: 10px;
    width: 100%;
    font-size: 1em;
    height: auto;
    color: #555;
    border-radius: 10px;
    margin: 0 0 20px 0;
    border: 1px solid #555CBF;
}
div#meGDPRMessage, p.privacy-policy {
    margin-bottom: 10px;
}
.submit-block{
	text-align: left;
	cursor:pointer;
}
input.button1 {
  width: auto;
  border: none;
  background: #555CBF;
  padding: 10px 40px;
  font-size: 16px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #555CBF;
  cursor:pointer;
  letter-spacing: .5px;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
}
input.button1:hover{
	background: transparent;
	color: #000;
}
.privacy-policy a{color:#555CBF;text-decoration: none;}
.privacy-policy a:hover{color:#555CBF;text-decoration: underline;}
p.change-email {
    display:none;
    position: absolute;
    top: 6px;
    right: 7px;
    font-size: 12px;
    background: #555CBF;
    color: #fff;
    padding: 0 10px;
    border-radius: 15px;
	cursor:pointer;
	border:1px solid #555CBF;
}
p.change-email:hover{background:transparent;color:#000;}

form .captcha-input input {
    width: 31%;
    vertical-align: top;
    padding: 12px 10px;
    font-size: .8em;
}
.CaptchaWrap {
    display: inline-block;
    width: 60%;
    vertical-align: text-bottom;
}
#CapCode {
    width: 100%;
    height: 40px;
}
.reload {
    text-align: center;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 27px;
    height: 27px;
    font-size: 19px;
    background: #113156;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    line-height: 25px;
}
/*-------Verification Styles------*/
.verfication-sec {
    width: 40%;
    margin: 10% auto 0 auto;
    border-radius: 5px;
    border: 2px solid #555CBF;
    padding: 30px;
    text-align: center;
    display: none;
    background: #ffff;
    position: relative;
}
.popclose {
    position: absolute;
    right: 5%;
    top: 4%;
	color: #B5B5B5;
	cursor: pointer;
}
.verfication-sec h3 {
    font-size: 1.3em;
    font-family: 'Zoho_Puvi_Medium';
    padding-bottom: 10px;
}
.verfication-form .form-field input {
    text-align: left;
	margin:20px 0;
}
.verfication-form.verify-style{
	display: inline-block;
    width: 30%;
    vertical-align: middle;
    margin: 0 0 0 5%;
	text-align:center;}
.verfication-form .submit-block-new{margin:20px 0;}
.send-mail{
	width: 80px;
	height: 80px;
	margin: 0 auto 15px auto;
	background: #F9F8FF;
	border-radius: 50%;}
.send-mail img{
	margin-top: 17px;
	width: 45px;
	height: 45px;
}

/*-----Verification Success------*/
.verfication-success p {
    padding-bottom: 30px;
    font-family: 'Zoho_Puvi_Regular';
}
.verfication-success a {
    background: #555CBF;
    padding: 13px 30px;
    border-radius: 2px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #555CBF;
	display: inline-block;
}
.verfication-success a:hover{
	background: transparent;
	color:#000;
}

/*-------Footer Styles------*/
footer {
    padding: 25px 0px 25px 0px;
    height: auto;
    background: #343434;
}
footer p {
    text-align: center;
    color: #fff;
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
    line-height: 22px;
}
footer a {
    color: #fff;
}

/*-----------Responsive Styles----------*/
@media only screen and (min-width:1600px){
  #Home {min-height: 850px;
  background-position: 100% 60%;}
  .creatives .crv1, .creatives .crv2{width:600px;}
  .creatives .crv3 {width: 100%;left: 1%;bottom: 10%;}
  .creatives .crv4 {width: 135%;left: -15%;bottom: 0;}
  .creatives .crv5 {width: 160%;bottom: 0;left: -32%;}
  .bannertext {padding-top: 160px;}
}
@media only screen and (max-width:1400px){
	#Home {min-height: 620px;}
}
@media only screen and (max-width:1200px){
	div.container{width:95%;}
  .crv1, .crv2{display: none;}
  .creatives .crv6{width:30%;}
  .creatives .crv7{width:40%;}
}
@media only screen and (max-width:1024px){
	div.container{width:95%;}
	section.popup-preview .container{width:800px;}
	div.logo{width:200px;}
	div.logo img{width:100%;}
	div.calltobutton a{font-size:15px;}
	.bannertext{padding-top: 135px;}
  .creatives .crv3{width: 100%;bottom: 2%;}
  #Home::after {bottom: -1px;}
	section.popup-preview .preview-form{width: 35%;margin: 0 0 0 2%;}
}
@media only screen and (max-width:800px){
	div.container{width:90%;}
	section.popup-preview{overflow:auto;}
	section.popup-preview .container{width:70%;}
	div.calltobutton a span {display: none;}
	div.calltobutton a{padding: 8px 20px;}
	.container {width: 90%;}
	section.popup-preview .preview-img{display: none;}
	.ecard-pop{margin:50px auto;}
	section.popup-preview .preview-form{padding: 40px 30px;width: auto;margin: 0;}
	.submit-block{text-align:center;}
	.verfication-sec{width:80%;}
	.verfication-form.verify-style{padding:30px;width: auto;margin:0;}
	.ecard-thumb{width:80%;}
	.ecardimg-hover ul li{width:auto;}
	.mob-step, .ecard-stepsec li{display: none;}
  .ecard-stepsec li:last-child{display: block;width: 100%;transform:none;}
	.preview{display:none;}
	.img-hover-but{font-size: 1.1em;text-transform: capitalize;}
}
@media only screen and (max-width:650px){
	#Home {
    background: #8271cb url("../images/mobile-banner.jpg") no-repeat center bottom;
    background-size: cover;
    min-height: 850px;
} 
	.bannertext{width:100%;padding-top: 100px;}
	#Home br{display: none;}
  #Home::before {height: 300px}
  div.ecard-headerselectlang{width:auto;}
	div.ecard-headerselectlang p{font-size: 0;padding:0;}
	div.ecard-headerselectlang p span{vertical-align: middle;margin: 0;padding:0 10px 0 0;}
	div.ecard-headerselectlang p img{margin: 10px 10px 0 10px;}
	.headdefault_lang_dropdown{line-height: 17px;}
	.headdefault_lang_dropdown p{padding:10px 10px 0 10px;}
	div.ecard-headerselectlang ul li p, div.ecard-headerselectlang ul li p span{padding:0;text-align:center;}
	section.popup-preview .container{width:90%;}
	.verfication-success a{width:100%;padding:13px 0;}
	input.button1{width:100%;}
	.ecard-thumb .ecard-thumb-img{height: 80%;display: none;position: static;}
	.ecard-thumb .ecard-thumb-img.main{display: block;width:95%;margin: 0 auto;}
	.ecardimg-hover ul li{width:100%;}
  p br{display:none;}
  #Ecard-section{min-height: 400px;padding: 60px 0 80px 0; background: #edf0ff url("../images/mobile-ecard-banner.jpg") no-repeat 0 bottom;background-size: 100%;}
  .ecard-thumb{width:100%;height:auto;}
  .creatives .crv4{width: 200%;left: -70%;}
  .creatives .crv5{width: 200%;left: -50%;bottom:0;}
  .creatives .crv6{left:0;width:40%;}
	header .calltobutton{display: none;}
	#Home .calltobutton{display:block;}
	.button-container{display: inline-block;}
	div.calltobutton a{padding: 10px 30px;font-size:1.2em;}
	.creatives{display:none;}
	.ecard-previewsec{margin:0;}
}
@media only screen and (max-width:450px){
  .ecard-hov{display: none;}
  	.button-container{margin:0;}
}
@media only screen and (max-width:375px){
  div.logo{width:165px;}
	.slideimg{margin:0 10px;}
	.preloader .preloader-wrapper{width: 100%;top: 50%;}
}