@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{background-color: #f9f4f0; font-family:Arial, Helvetica, sans-serif;}

@font-face {
	font-family: 'MyriadPro-Light';	
	src: url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Light.eot');
	src: url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Light.eot') format('embedded-opentype'),
		 url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Light.woff') format('woff'),
		 url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Light.ttf') format('truetype'),
		 url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Light.svg#Conv_MyriadPro-Light') format('svg');

}

@font-face {
    font-family: 'FontAwesome';
    src: url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.fa-rupee:before, .fa-inr:before {
    content: "\f156";
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/myriadpro-regular_1.eot');
    src: url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/myriadpro-regular_1.eot') format('embedded-opentype'),
         url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/myriadpro-regular_1.woff') format('woff'),
         url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/myriadpro-regular_1.ttf') format('truetype'),
         url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/myriadpro-regular_1.svg#MyriadProRegular') format('svg');
}


@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Bold.eot');
    src: url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Bold.eot') format('embedded-opentype'),
         url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Bold.woff') format('woff'),
         url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Bold.ttf') format('truetype'),
         url('https://s3.amazonaws.com/tagnpin/static/brandimages/indus/fonts/MyriadPro-Bold.svg#MyriadProRegular') format('svg');
}

img{border:0;}

.full{width:1080px; margin:0 auto; background:#ffffff; padding:0;}

h4{font:normal 14px MyriadPro-Bold, Arial, Helvetica, sans-serif; color:#000000; text-transform:normal; display:block; text-align:center; margin:10px 0 30px 0; float:left; width:100%;}


.wrapo-pad{float:left; width:100%; padding:0 60px;}

.nav{float:right; width:auto; text-align:right; margin:20px 0 0 0;  font-size: 13px;  }
.nav ul{display:inline-block;}
.nav li{display:inline-block; border-right:2px solid #000000; padding:0 10px;}
.nav li:first-child{padding-left:0;}
.nav li:last-child{border:0;}
.nav li a{text-decoration:none; color:#555555;}

.phone{float:right; color:#555555; font:normal 13px Arial, Helvetica, sans-serif; position:relative; padding:0px; margin:10px 0 0px 0px;}
.phone .social span{ padding:9px 10px; float:left; display:inline-block; }

/*vinay*/

.phone .social a {
	display:inline-block;
	
}
.slider img
{
	width:100%;
}

.search{ display:inline-block;}
.search input[type="text"]{background: url(https://s3.amazonaws.com/tagnpin/static/brandimages/indus/images/lens.png) 95% center no-repeat #f4f5fb; border:1px solid #b7b7b9; padding:4px 5px; width:168px;}

.wrap{width:100%; float:left;}


.top{float:left; width:100%; padding:26px 30px;}

.logo{float:right;}
.logo img{width:70%; float:right; height:auto;}
.logo-ib{float:left; padding:15px 0 0 10px;}
.logo-ib img{width:100%;}

.toptag{float:right;}



.slider{float:left; width:100%; padding:0px 10px;}




.caption-money{display:inline-block; vertical-align: top; font:normal 18px MyriadProRegular; text-transform:uppercase; position:relative; padding:0 40px; margin:50px 0 0 0; }
.caption-money:before{background:url(https://s3.amazonaws.com/tagnpin/static/brandimages/indus/images/arrow-left.png) no-repeat; content:''; width:15px; height:25px; display:inline-block; position:absolute; top:25px; left:0;}
.caption-money:after{background:url(https://s3.amazonaws.com/tagnpin/static/brandimages/indus/images/arrow-right.png) no-repeat; content:''; width:15px; height:25px; display:inline-block; position:absolute; top:25px; right:0;}



.full-side{width:100%; float:left; padding:10px; position:relative; text-align:center; text-transform:uppercase; text-align:center; margin-bottom: 20px;}

.full-side h1{font:normal 22px MyriadPro-Bold, Arial, Helvetica, sans-serif; text-transform:uppercase;  color:#272727; position:absolute; left:-50%; right:-50%; margin:auto; width:140px; top:-15px; background:#ffffff; text-align:center;}
.full-side h2{font:normal 15px MyriadPro-Bold, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#272727; position:relative; display:block; margin:15px 0 0 0;}
.full-side h3{font:normal 15px MyriadProRegular, Arial, Helvetica, sans-serif; text-transform: capitalize; color:#272727; position:relative; display:block;}



.first-full, .second-full, .third-full{padding:15px 0; display:inline-block;}

.first-full{width:33%; height:85px; margin:0; position:relative; background-color:#86c12e;}

.second-full{width:33%; height:85px; margin:0 0 0 0px; position:relative; background-color:#ff9e1c;}

.third-full{width:33%;  height:85px; background-color:#41546a;}


.happy-users {width:100%; float:left; padding:30px 0 30px 0; margin:50px 0 0 0; border-top:1px solid #8b8b8b; position:relative; text-align:center; text-transform:uppercase;}

.happy-users h1{font:normal 22px MyriadPro-Bold, Arial, Helvetica, sans-serif; text-transform:uppercase;  color:#272727; position:absolute; left:-50%; right:-50%; margin:auto; width:140px; top:-15px; background:#ffffff; text-align:center;
}


.happy-user {width:100%; margin:0 2% 50px 0; background:#b0090f; float:left; position:relative;}
.happy-user img{float:left;}
.happy-user .text{float:right; padding:25px 20px 0 0;}
.happy-user .text p{font:normal 15px MyriadProRegular, Arial, Helvetica, sans-serif; color:#ffffff; text-align:right; text-transform:none;}

.happy-user:after{position:absolute; content:''; height:33px; width:100%; background:url(https://s3.amazonaws.com/tagnpin/static/brandimages/indus/images/happy-user-shadow.png) left no-repeat; background-size:100% auto; bottom:-50px; left:0;}

.happy-user .arrow-point{position:absolute; bottom:-18px; right:45px;}

.contact-detail{width:100%; float:left; padding:15px 20px 0 20px ; margin:20px 0; position:relative;}

.contact-detail h1{font:normal 15px MyriadProRegular, Arial, Helvetica, sans-serif; color:#000000; position:relative; padding:0 0 0 0; float:left; width:100%; text-transform:none; margin-bottom:9px; vertical-align:bottom;}
.contact-detail h1 span.footer-text{font-size:15px;  padding-top: 12px; display: inline; color:#575c62;}


.contact-detail h1 img{float:left; margin:0 20px 0 0; display:inline-block; vertical-align:bottom;}
.contact-detail h1 a{font-weight:bold; color:#98272b; text-decoration:none;}

.contact-detail .border{ position:absolute; right:0; bottom:0; top:90px; height:9px;  width:94%; background:url(https://s3.amazonaws.com/tagnpin/static/brandimages/indus/images/indusind-border-arrow.jpg) left bottom no-repeat #882a2a;}

.footer{width:100%; float:left; background:#f0f0f0; padding:12px 0 12px 50px; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}
.footer .copyright{float:left;}
.footer .social{float:right;}



.clear{clear:both;}





.steps{width:100%; float:left; padding:20px 0 30px 0; border:1px solid #bfbfbf; position:relative; text-align:center; text-transform:uppercase; font:normal 17px MyriadProRegular, Arial, Helvetica, sans-serif; background:#f5f5f5; }


.steps h2{display:inline-block; font-size:22px; letter-spacing:1px; padding:0 20px;}

.steps .step{display:inline-block; width:20%; position:relative; text-align:left;}

.steps span{ height:30px; width:30px; padding:2px 0; display:inline-block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border:2px solid #b0090f; text-align:center; background:#ffffff; color:#b0090f;}
.steps .step div{border-top:2px solid #b0090f; border-bottom:2px solid #b0090f; display:inline-block; width:30%; position: absolute; width:100%; height:10px; top:10px;}

.steps .step:last-child{width:auto;}


.step h4{font-size:10px; position:absolute; white-space:nowrap; left:-42px; bottom:-20px; letter-spacing:1px; margin:0; width:auto;}

.step.done span, .step.done div{background:#b0090f; color:#ffffff;}
.right-area form label .tooltip img.hover-img{position:absolute; left:5px; top:0;}
.right-area form label .tooltip a:hover img.hover-img{display:none;}



/*beneficiary page*/

.full-area{width:100%; float:left; padding:30px 50px; margin:20px 0 0 0; text-align:left; border:1px solid #bfbfbf; position:relative; text-transform:none;}
.full-area h1{font:italic 40px MyriadPro-Bold, Arial, Helvetica, sans-serif;}
.left-area{width:50%; float:left;}
.left-area p{font:normal 15px MyriadProRegular, Arial, Helvetica, sans-serif;}

.greeting{margin:20px 0 0 0; position:relative;}
.greeting div{position:absolute;}
.greeting img, .greeting2 img{}

#benef-01 .greeting div.cards,#benef-02 .greeting div.cards{position:relative; float:left; width:100%;}

.greeting span{ float:right; padding:0 0 0 0; width:100%; height:100%; top:0; text-align:center; color:#333333; font:normal 13px MyriadProRegular, Arial, Helvetica, sans-serif; position:absolute; right:0;}
.greeting span div{display:block!important; }
.greeting span .ruppe{font-family:times, Arial, Helvetica, sans-serif;}

.greeting h3{font:normal 15px MyriadProRegular, Arial, Helvetica, sans-serif; color:#b0090f; position:absolute; top:0;}


.greeting2{height:auto; margin:20px 0 0px 0; position:relative;}
.greeting2 div{position:relative;}
.greeting2 img, .greeting2 div img{width:100%; height:auto;}

.greeting2 span{ float:right; padding:0 0 0 0; width:100%; height:100%; text-align:center; color:#333333; font:normal 13px MyriadProRegular, Arial, Helvetica, sans-serif; position:absolute; right:0; top:0;}
.greeting2 span div{display:block!important; }

.greeting2 span.paper-effect{position:relative;}
.greeting2 span.paper-effect h3{position:absolute; top:0; padding:7px; font:italic 15px MyriadProRegular, Arial, Helvetica, sans-serif; color:#b0090f; width:100%; word-wrap: break-word; text-align:left;}



.right-area{ width:50%; float:right; padding:0 45px 0 15px;}
.right-area h1{font:normal 18px MyriadPro-Bold, Arial, Helvetica, sans-serif; display:block; width:100%; text-align:center; text-transform:uppercase; color:#b0090f;  padding:0 0 20px 40px;}
.right-area h1 img{width:100%; height:auto;}

.right-area form{width:100%; float:left; padding:0;}
.right-area form label{width:100%; float:left; padding:5px 0 5px 40px; position:relative; }
.right-area form label img{width:auto; height:auto; left:0; top:10px; position:absolute;}
.right-area form label input[type="text"],.right-area form label select,.right-area form label textarea{width:100%; float:left; padding:9px 10px; border:1px solid #b6b6b6;}
.right-area form label input.half{width:48%;}

.right-area form{width:100%; float:left; padding:0;}
.right-area form div{width:100%; float:left; padding:5px 0 5px 40px; position:relative; }
.right-area form div img{width:auto; height:auto; left:0; top:10px; position:absolute;}
.right-area form div input[type="text"],.right-area form div select,.right-area form div textarea{width:100%; float:left; padding:9px 10px; border:1px solid #b6b6b6;}
.right-area form label input.half{width:48%;}
#charsLeft{ font:normal 12px Arial, Helvetica, sans-serif;}
#charsLeft span, #charsLeft p{display:inline;}

.or{ padding:10px 0 10px 40px; width:100%; height:auto;}

.tooltip{position:absolute; right:-100px; top:4px; padding:0 0 0 5px; width:100px; height:50px; display:inline-block; vertical-align:top; font:normal 11px Arial, Helvetica, sans-serif; color:#535355;}
.tooltip p{ position:absolute; left:5px; top:-50px; display:none; vertical-align:top; font:normal 11px Arial, Helvetica, sans-serif;}
.right-area form label .tooltip img{float:left; position:static;}
.right-area form label.note{font:normal 11px Arial, Helvetica, sans-serif; color:#535355;}
.right-area form label.note span{color:#ff0000;}

.allmostdone-head{width:100%; float:left; text-align:center; padding:0 0 30px 0;}
.allmostdone-head h1{ font-style:normal;}
.allmostdone-head p{ font:normal 16px MyriadProRegular, Arial, Helvetica, sans-serif;}

.submited-values{text-align:center; padding:20px 0 0 0;}
.submited-values label{width:100%; border-top:1px solid #bfbfbf; float:left; font:normal 16px MyriadProRegular, Arial, Helvetica, sans-serif; padding:5px 0; position:relative;}
.submited-values span.disable{width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255, 255, 255, 0.6);}
.submited-values label span{ width:50%; display:block; float:left; padding:0 0 0 30px; text-align:left;}
.submited-values label span.red{color:#b0090f; text-align:right;}

input[type="submit"]{display:inline-block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#b0090f; font:normal 18px MyriadPro-Bold, Arial, Helvetica, sans-serif; color:#ffffff; padding:8px 25px; margin:10px 10px; border:0; cursor:pointer;}

input[type="submit"].back-btn{background:#666666; padding:8px 10px;}


.congratulation{text-align:center; position:relative;}
.congratulation a{color:#972226; text-decoration:none;}
.congratulation h1{font-style:normal; color:#b0090f; margin:0 0 20px 0;}
.congratulation h1 span{font-size:24px;}
.congratulation p{font:normal 17px MyriadProRegular, Arial, Helvetica, sans-serif; color:#000000;}
.congratulation p span{color:#bb2a2f;}
.congratulation p span.blue{color:#3a589b;}
.congratulation p.yesno{margin:40px 0;}
.congratulation p.yesno a{color:#000000; text-decoration:none; margin:0 20px;}


.print-btns{ position: absolute; bottom:0px; right:0px;}
.print-btns img{width:20%; }

.print-btns a{margin:0 0 0 10px;}

.red-border{border:1px solid #b0090f!important;}


.tips { position: absolute!important; background: #88b7d5; border: 2px solid #c2e1f5; border-radius:10px; text-align:center; padding:10px!important;  font:normal 12px Arial, Helvetica, sans-serif; color:#ffea00; text-shadow:1px 1px 1px #333333; bottom:40px; width:100%!important; left:0; margin:0; display:none;}
.tips:after, .tips:before { left: 53%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.tips:after { border-color: rgba(136, 183, 213, 0); top: 100%; border-top-color: #88b7d5; border-width: 8px; margin-left: -23px; }
.tips:before { border-color: rgba(194, 225, 245, 0); top: 99%; border-top-color: #c2e1f5; border-width: 12px; margin-left: -27px; }

.tips a.remove{font:normal 10px Arial, Helvetica, sans-serif; color:#ff0000; text-decoration:none; position:absolute; right:5px; top:2px;}


/*remitter*/

.remitter h1{font-size:30px; text-transform:uppercase; }
.remitter h1 span{font-size:20px;}
.remitter .left-area{width:60%;}
.remitter .right-area{width:40%; padding:0 0 0 20px;}

.right-area label input[type="text"].width-33{width:32%; margin:0 0 0 1.2%;}
.right-area label input[type="text"].width-33{width:32%; margin:0 0 0 1.2%;}
.right-area label input[type="text"].width-20{width:18%; }
.right-area label input[type="text"].width-80{width:80%; margin:0 0 0 1.2%;}

.right-area div input[type="text"].width-33{width:32%; margin:0 0 0 1.2%;}
.right-area div input[type="text"].width-33{width:32%; margin:0 0 0 1.2%;}
.right-area div input[type="text"].width-20{width:18%; }
.right-area div input[type="text"].width-80{width:80%; margin:0 0 0 1.2%;}


.themes-choose{width:100%; float:left; padding:30px 0px; margin:40px 0 0 0; text-align:left; border:1px solid #bfbfbf; position:relative; text-transform:none; text-align: center;}
.themes-choose h1{font:normal 22px MyriadPro-Bold, Arial, Helvetica, sans-serif; text-transform:uppercase;  color:#272727; position:absolute; left:-50%; right:-50%; margin:auto; width:340px; top:-15px; background:#ffffff; text-align:center;}

.themes-choose a{width:20%; float:left; display:inline-block; text-align: center; position:relative; margin:0;}
.themes-choose a:after{content:''; position:absolute; height:100%; top:0; right:0; border-right:2px solid #cdcdcd;}
.themes-choose a:last-child:after{display:none;}

.themes-choose img.hover{display:none;}
.themes-choose a h2{font:normal 14px MyriadPro-Bold, Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase;}
.themes-choose a div{display:inline-block; padding:15px 5%; width:90%;}
.themes-choose a div:before{position:absolute; content:'▲'; width:30px; height:30px; left:-0%; right:-0%; margin:auto; display:none; top:-13px; color:#b0090f;}
.themes-choose a span{display:inline-block; height:60px;}

.themes-choose a:hover div, .themes-choose a.active div{background:#b0090f;}
.themes-choose a:hover h2, .themes-choose a.active h2{color:#ffffff;}
.themes-choose a:hover img, .themes-choose a.active img{display:none;}
.themes-choose a:hover img.hover, .themes-choose a.active img.hover{display:inline-block;}
.themes-choose a:hover div:before, .themes-choose a.active div:before{display:inline-block;}


.toggle-btn{width:35px; border-radius:5px; background:#882a2a; display:none; padding:5px;}
.toggle-btn span{border-bottom:2px solid #ffffff; display:block; margin:3px 0;}


.payment-head{width:100%; float:left; text-align:left; padding:0 0 20px 0;}
.payment-head h1{ font-style:normal; font-size:28px; text-transform:uppercase; font-style:italic;}
.payment-head h1 span{font-size:18px; font-style: normal;}
.payment-head p{ font:normal 16px MyriadProRegular, Arial, Helvetica, sans-serif;}

.payment{min-height:500px; position:relative;}
.payment .left-area{padding:0 130px 0 0;}
.payment p{font:normal 15px MyriadProRegular, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 30px 0;}

.payment .left-area input[type="text"], .payment .left-area input[type="password"]{width:100%; float:left; padding:9px 10px; margin:10px 0 10px 0; border:1px solid #b6b6b6;}
.payment input[type="submit"]{margin:20px 0; float:left;}

.payment .right-area{padding:0 0 0 80px;}
.payment .right-area input[type="text"], .payment .right-area input[type="password"], .payment .right-area select{width:100%; float:left; padding:9px 10px; margin:10px 0 10px 0; border:1px solid #b6b6b6;}
.payment .right-area label, .payment .right-area div{padding:0 20px 0 0; width:100%; float:left; font:normal 14px Arial, Helvetica, sans-serif; color:#827575;}
.payment .right-area .width-50{width:50%; }
.payment .right-area .width-30{width:30%; }
.payment .right-area .width-30-input select, .payment .right-area .width-30-input input[type="text"]{width:25%; margin:10px 20px 10px 0;}

.payment .right-area .width-30-input span:first-child{float:left; width:65%;}
.payment .right-area .width-30-input span:first-child select{width:40%;}
.payment .right-area .width-30-input span{width:35%; float:left; }
.payment .right-area .width-30-input span:last-child input{width:70%;}


.center-border{ position:absolute; top:50%; left:450px; background:#000000; font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff; padding:8px 0px; border-radius:20px; height:29px; width:29px; text-align:center; text-transform:uppercase;}
.center-border:before{content:''; top:-140px; border-right:1px solid #979696; position:absolute; left:14px; height:140px; }
.center-border:after{content:''; top:30px; border-right:1px solid #979696; position:absolute; left:14px; height:140px;}

.secure{position:absolute; right:20px; top:20px;}

.history{}
.history p{padding:8px 0;}

.history h1{color:#000000;}
.history h2{font:italic 22px MyriadPro-Bold, Arial, Helvetica, sans-serif; color:#B0090F;}
.history input[type="text"], .history input[type="password"]{width:270px; text-align:center; padding:9px 10px; margin:10px 0 10px 0; border:1px solid #b6b6b6;}
.history p{font-size:15px;}
.history p a {color:#bf373c;}

.history1, .history2{text-align:center; width:100%;}
.top-strip{background:#eaeaea; padding:10px 20px; text-align:left;}
.top-strip input[type="submit"]{margin:0 15px;}
.top-strip span{font:normal 15px MyriadPro-Bold, Arial, Helvetica, sans-serif}
.top-strip span.logout{float:right;}
.top-strip a{color:#000000; text-decoration:none; font-weight:normal;}
.history2 input[type="text"], .history2 input[type="password"]{text-align:left; width:227px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:inset 3px 3px 3px #999999; height:30px; border:1px solid #cccccc;}
.history2 input[type="submit"]{font-size:15px; text-transform:uppercase;}

.history3 table{font:normal 16px MyriadProRegular, Arial, Helvetica, sans-serif; margin:10px 0 0 0;}
.history3 tr td{padding:10px 10px; text-align:center; background:#eeeeee; font-size:14px;}
.history3 tr td{margin:5px 0; border-bottom:4px solid #ffffff;}
.history3 tr:first-child td{color:#ffffff; background:#b0090f; border:0; font-size:16px;}
.history3 tr td.done{color:#007911;}
.history3 tr td.pending{color:#b0090f;}

.greeting span.paper-effect{ position:relative!important; float:left; vertical-align:middle; display:inline!important; width:auto; text-align:left;}
.greeting span.paper-effect img{width: 437px; height:auto; }
.greeting span.paper-effect h3{position:absolute; top:0; padding:8px; font:italic 15px MyriadProRegular, Arial, Helvetica, sans-serif; color:#b0090f; word-wrap: break-word; width:100%; }

.personal-message{}
.spnName, .spnmidName, .spnlastName, .word{font-family:Courgette, arial; font-weight:normal; font-size:14px; line-height: normal;}

.greeting-date, .greeting-date2{font:normal 11px Arial, Helvetica, sans-serif; width:auto;}
.greeting-date{white-space: pre; width:120px; text-align:left; position:absolute!important; display:block!important; top:7.5%; right:3%;}
.greeting-date b{display:inline-block; float:left; white-space: nowrap; border:1px solid #000000; border-right:0; padding:0px 3px; line-height:normal; font-weight:normal; position:static; width:12px;}
.greeting-date b:last-child{border-right:1px solid #000000; }

.greeting-date2{white-space: nowrap; width:120px; position:absolute; top:12.5%; right:3%; float:right;}
.greeting-date2 b{display:inline-block; float:left; white-space: nowrap; border:1px solid #ffffff; border-right:0; padding:0px 3px; line-height:normal; font-weight:normal; position:static; width:12px;}

.greeting2 .insta-greeting, .greeting2 .anni-greeting, .greeting2 .congrats-geeting, .greeting2 .seasons-greeting, .greeting2 .birthday-greeting{float:left;}

.greeting2 .greeting-date, .greeting2 .greeting-date2{width:auto;}




.article {
    width: 100%;
    height: auto;
    padding: 20px;
    float: left;
}
.activity
{
width:60%;
height:auto;
padding:0 10px 50px 10px;
float:left;
}

div.overviewimg  img
{width:100%;
height:auto;
}


p{
font: 15px Arial,Helvetica,sans-serif;
color:#575c62;
line-height:22px;
}



.rewards
{
width:100%;
height:auto;
float:left;
}
.rewards1
{
width:100%;
height:auto;
float:left;
}
 

.activity h3
{


color:#575c62;
padding:3px;
font-size:30px;

}


h1.grey
{
background-color:#544e4b;
font-weight:normal;
}

.options{float:left; width:100%;}

.full-side1{width:100%; float:left; padding:12px 0 30px 0;  position:relative; text-align:center;  border-bottom:1px solid #d0d0d0;}

.full-side1 h1{font:normal 17px Arial, Helvetica, sans-serif; width:100%;  color:#ffffff; text-align:center; padding:10px; margin:0 0 25px 0;}
.full-side1 h2{font:normal 12px Arial, Helvetica, sans-serif; color:#575c62; position:relative; display:block; }
.full-side1 h3{font:normal 13px Arial, Helvetica, sans-serif; text-transform: capitalize; color:#575c62; position:relative; display:block;}
.full-side1 h3 strong{font-weight:bold; display:block;}
h5.tc{font:normal 11px Arial, Helvetica, sans-serif; text-transform:capitalize; color:#575c62; position:absolute; bottom:13px; right:0; display:block; }

.first-full1, .second-full1, .third-full1{padding:0px 0px;}

.first-full1{width:33%; margin:0; float:left; position:relative; min-height:120px;}

.second-full1{float:left; width:33%; margin:0 0 0 0px; position:relative; min-height:120px;}

.third-full1{width:33%; float:right; }

.first-full1:after, .second-full1:after{content:''; position:absolute; height:100%; top:0; right:0; border-right:2px solid #cdcdcd;}

.friends
{
	width:100%;
	height:auto;
	text-align:center;
	float:left;
}
.friends img
{float:left; margin-right:20px; margin-bottom:15px; float:left;}

.friends p{padding:0; color:#575c62;}

.friends hr{margin:25px 0 15px 0; float:left; width:100%; border:0; border-top:1px solid #d0d0d0; }
.activity hr{margin:10px 0 15px 0; float:left; width:100%; border:0; border-top:1px solid #d0d0d0; }
.icon1, .icon2, .icon3, .icon4{padding:20px;}

.icon1
{
	width:33%;
	height:auto; text-align:left;
	display:inline-block;
	vertical-align: top;
}
.icon2
{
	width:33%;
	height:auto; text-align:left;	display:inline-block;
	vertical-align: top;
}
.icon3
{
	width:33%;
	height:auto; text-align:left;	display:inline-block;
	vertical-align: top;
}

.icon4
{
	height:auto; text-align:left;	width:33%;
	display:inline-block;
	vertical-align: top;
}
.refferimg
{
	border-bottom: 1px solid #d0d0d0;
	padding:20px 0;
}
.refferimg1
{
	border-bottom: 1px solid d0d0d0;
	padding-bottom:15px;
}
	
	.refferimg1 img {
float:left;
margin-right:3px;
}

.refferimg img {
float:left;
margin-right:20px;
}
.social span a 
{
	text-decoration:none;
	color:#000;
}

.registration
{
width:40%;
min-height:200px;
float:right;

padding-left:30px;
}

.user
{
	padding:20px;
}
.formregistration h3
{
	font:bold 15px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#8c1531; position:relative; display:block; text-align:center;
}

.registration form
{
	width:100%;
	height:auto;
	background-color:#ede9df;
	
}
.formregistration h2{font:normal 13px MyriadProRegular, Arial, Helvetica, sans-serif; padding:5px 0; text-transform:capitalize; color:#555555; position:relative; display:block; text-align:center }

.input1 p {
	display:inline;
	font:normal 14px MyriadProRegular; text-transform: capitalize; color:#555555; 
	padding:10px 0; float:left;
	
}

.input1 
{
	padding:5px 0;
	float:left; width:100%;
}
.withtooltip{float:right; position:relative;}

.input1 input.text1, .input1 select
{
	width:200px;
	height:37px;
	background-color:#ffffff;

	border:1px solid #b0aea8;	 float:right; padding:5px;
}


.inputbutton p

{
	font:normal 13px MyriadProRegular text-transform: capitalize; color:#575c62; 
	
}
.input2 p
{
	font:normal 11px  Arial, Helvetica, sans-serif; text-transform: capitalize; color:#6a6a6a; 
	
}
.input1 span
{
	color:#98272b;
}
.btnapply
{
	width:97px;
	height:40px;
	background-color:#98272b;
	color:#ffffff;
}

.tnc{margin-top:30px; }
.tnc p{font-size:11px; line-height:normal;}
.tnc input{margin:0 10px 50px 0; float:left;}
.inputbutton{text-align:left; padding-left:40%; margin:20px 0 }
.inputbutton p{font-size:12px;}


@media all and (max-width: 1024px){
	
	.full
	{
		width:100%;
	}
	
}

@media all and (max-width: 800px){
	
	
	
	.contact-detail .border {
		width:90%;
	}
	.third-full , .second-full , .first-full 
	{ width:32.6%;
		
	}
	
	.activity {
    
    padding-left: 0px;
	}
	
	.friends
	{
		padding-left:0px;
	}
	.icon1 , .icon2 , .icon3 {
		width: 32.7%;
		

	}
	
    

	
		
		
	
.logo img{width:100%; height:auto;}

.logo{width:20%;}

.logo-ib{width:50%; padding:5px 0; text-align:left; margin-bottom:20px;}
.logo-ib img{width:auto; height:auto;}

.top{position:relative; padding:10px;}

.phone{position:relative; left:0px;   float:right; text-align:left; margin:5px 0 0 0; width:auto;}
.phone .social{ float:left;}
.toggle-btn{display:block; float:right; margin:0px 0 0 0;}
.phone .social a img{width:30px; height:auto;}


.nav{background:rgba(0, 0, 0, 0.7); width:100%; padding-bottom:10px; margin:0; display:none; z-index:1;}
.nav ul{width:100%; }
.nav ul li{float:left; width:100%; border:0; padding:0px 0;}
.nav ul li a{display:block; color:#ffffff; padding:10px 20px 5px 20px; margin:0; float:left; width:100%;}
.nav ul li a:hover{background:#b0090f;}

.search{margin-right:20px;}

.full{width:100%;}


.slider img{width:100%;}


.left-area, .right-area{width:100%;}


.input1 input.text1{width:100%; margin:10px 0;}

}

@media all and (max-width: 650px){
.third-full , .second-full , .first-full 
	{ width:100%;

	}
.icon1 , .icon2 , .icon3 ,.icon4 {
		width: 100%;
		

	}
	.first-full1, .second-full1, .third-full1{width:100%; margin-bottom:20px;}
	.first-full1:after, .second-full1:after, .third-full1:after{display:none;}
	.registration
{
float:left; width:100%; padding:0;
}
.activity{width:100%;}
	
}

@media all and (max-width: 500px){
	
	.full-side1 h3 {
   
       padding-top: 10px;
    padding-bottom: 20px;
}
	
	.border {
    width: 90%;
}
.contact-detail .border {
    
    top: 90px;
	 float: right;
    position: static;
}
	
	.logo-ib{width:100%; text-align:center;}
			  
	.third-full1 , .second-full1 , .first-full1 
	{ 
	width:100%;	
	}

.registration
{
	
	margin-bottom:20px;
}

.wrapo-pad, .contact-detail{padding:0 15px;}

.spnName, .spnmidName, .spnlastName, .word{font-size:11px; text-align:left;}

.top{padding:15px 10px;}
.phone{margin:0px; margin-bottom:10px; color:#000000; width:100%;}

.logo{width:30%;}
.logo-ib{margin-bottom:5px;}

.phone .social{width:100%; padding:0; text-align:center; margin-top:20px;}

.phone .social span{display:none;}

.full-side{border:0; border-top:1px solid #bfbfbf;  }

.first-full, .second-full, .third-full{width:100%; min-height:inherit;  padding:10px 0; border:1px solid #bfbfbf;}
.first-full img, .second-full img, .third-full img{width:40%; height:auto;}
.full-side h2, .full-side h3{font-size:13px;}

.first-full{border-top:0;}
.second-full, .third-full{margin:10px 0 0 0; }

.first-full::after, .second-full::after{display:none;}

.happy-user img{width:100%; height:auto;}
.happy-user .arrow-point{width:auto; height:auto;}

.social{width:100%; text-align: center; padding:20px 0;}

.remitter h1, .full-area h1{font-size:14px;}
.remitter h1 span{font-size:17px;}

.themes-choose h1{font-size:18px;}

.payment .left-area br, .payment .right-area br{display:none;}
.payment p{margin:0 0 10px 0;}

.congratulation br{}

.right-area h1{padding-left:0; }

.steps{padding:10px 0px 50px;}
.steps h2{display:block;}
.steps .step{width:30%;}
.step h4{white-space:normal; width:70px; text-align:center; bottom:-45px; left:-20px;}

.greeting{width:100%; height:auto; padding:0 0 0px 0;}
.greeting img{width:100%; height:auto;}
.greeting span{font-size:11px;}

.greeting2{width:100%; height:auto; padding:0 0 0px 0;}
.greeting2 img, .greeting2 div img{width:100%; height:auto;}
.greeting2 span{font-size:11px;}

#remit-02 .greeting2 .greeting-date2{display:none!important;}

.greeting h3{position:static;}
.greeting2 h3{position:static;}

.full-area{padding:15px 30px; margin:0;}


.themes-choose {padding:60px 0 0 0;}
.themes-choose h1{width:200px;}
.themes-choose a{width:100%;}



.submited-values label span{padding:0; word-wrap: break-word;}

.secure{position:static; float:right; width:50px; height:auto;}

.print-btns img{width:auto;}

.left-area, .right-area{padding:0;}

.congratulation h1{font-size:28px;}

.right-area form{}

.tooltip{position:relative; top:inherit; left:inherit; right:inherit; width:100%;}
.tooltip p{left:45px; top:0;}

.footer{padding:0 20px;}

.contact-detail .border{bottom:-8px;}

.money-anytime h2{font-size:14px; margin:0 5%; width:90%; margin-bottom:10px;}

.copyright, .social{width:100%; text-align:center; padding:10px 0;}


.history input[type="text"]{width:100%;}

.history p img{width:100%; height:auto;}

.money-anytime{margin-bottom:0px;}
.money-anytime img{width:30%; height:auto; margin:10px 0;} 
.money-anytime .caption-money{width:35%; margin:5% 0 0 0; padding:0 5px}

.greeting{min-width:inherit;}
.greeting div{width:100%;}
.greeting div div{position:absolute; width:auto;}

.greeting2{min-width:inherit;}
.greeting2 div{position:relative;}
.greeting2 div div{position:absolute;}

.greeting span.paper-effect{width:100%; }
.greeting span.paper-effect h3{font-size:10px; padding:5px;}
.greeting span.paper-effect img{width:100%;}


.spnAmount{top:43%!important;}
.name-full{top:23%!important;}
.word{top:32%!important;}

#benef-01 .spnAmount{top:41%!important;}

.payment .right-area .width-50, .payment .right-area .width-30-input select, .payment .right-area .width-30-input input[type="text"]{width:100%;}


.greeting .greeting-date2{display:none!important;}

.contact-detail h1 img{bottom:0; top:inherit;}

.print-btns{position:static; width:100; text-align:center; padding:10px 0;}
.print-btns a{margin:0 5px;}

.payment .right-area .width-50{ padding:0;}
.payment .right-area .width-30-input{padding:0;}
.payment .right-area .width-30-input span{width:100%!important;}
.payment .right-area .width-30-input span select, .payment .right-area .width-30-input span input{width:100%!important; margin-right:0!important;}

.popup-full .popup-inside{width:90%; }
}



.popup-full{position:fixed; height:100%; width:100%; background:rgba(0, 0, 0, 0.6); top:0; }
.popup-inside{position:absolute; margin:auto; width:400px; left:-0; right:-0; top:20%; height:auto; background:#ffffff; border-radius:15px; padding:20px 40px;}
.popup-inside img{width:100%; height:auto;}
.popup-full a.close{position:absolute; right:-20px; top:-20px;}

.popup-inside p{ font:normal 15px MyriadProRegular, Arial, Helvetica, sans-serif; margin:10px 0 10px; display:block; float:left;}
.popup-inside span{width:50%; float:left; padding:5px 0; font-size:12px;}
.popup-inside span a{color:#882a2a; text-decoration:none;}
.popup-inside input[type="text"],.popup-inside input[type="password"]{width:50%; float:left; padding:9px 10px; margin:5px 0 5px 0; border:1px solid #b6b6b6;}
.popup-inside input[type="submit"]{margin-left:0; float:left;}
.popup-inside select{width:100%; float:left; padding:9px 10px; margin:5px 0 5px 0; border:1px solid #b6b6b6;}

.popup-inside label, .popup-inside div{padding:0; width:100%; float:left; font:normal 14px Arial, Helvetica, sans-serif; color:#827575; margin:0 0 5px 0;}
.popup-inside .width-50{width:50%; }
.popup-inside .width-30{width:30%; }
.popup-inside .width-30-input select, .popup-inside .width-30-input input[type="text"]{width:25%; margin:10px 20px 10px 0;}

.choose-theme{color:#b0090f; float:right; width:100%; text-align:right;  font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; padding-bottom:5px; }