@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Bold.woff2') format('woff2'),

        url('Roboto-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Regular.woff2') format('woff2'),

        url('Roboto-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Light.woff2') format('woff2'),

        url('Roboto-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

}

@font-face {
  font-family: 'Journal';
  src: url('journal.eot');
  src: url('journal.eot?#iefix') format('embedded-opentype'),
       url('journal.woff') format('woff'),
       url('journal.ttf') format('truetype'),
       url('journal.svg#JournalRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.font-1{font-family: 'Roboto' !important;}
.font-2{font-family: 'Journal' !important;}

body {

	font-family: 'Roboto';

	margin: 0;

	padding: 0;

	font-size: 13px;

	color: #2f2f2f;

	background: url(../images/slide3.jpg) no-repeat fixed;

	background-size:cover;

}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, img, input, button, header, article, time, nav, section, aside, hgroup, footer/* sub, sup, table, caption, tbody, tfoot, thead, tr, th, td */ {

	padding: 0;

	border: 0;

	font-size: 100%;

	margin: 0;

	vertical-align: baseline;

}

* {

	outline: none;

	margin: 0px;

	padding: 0px;

}

.clr {

	clear: both;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

img {

	border: 0;

}

.overflow {

	overflow: hidden;

}

.underline{text-decoration:underline}

input, select, textarea { 

	font-family: 'Roboto';

}

a {

	text-decoration: none

}

.site-content a {

	color: #000;

	text-decoration: underline;

}

.site-content a:hover {

	text-decoration: none;

	color: #000;

	background:#F7CF28;

}

.site-content p {

	color: #252525;

	font-size: 14px;

	font-family: 'Roboto';

	margin-bottom: 10px;

}

.site-content h1 {

	font-family: 'Roboto';

	font-size: 24px;

	color: #191919;

}   

.site-content h2 {

	font-family: 'Roboto';

	font-size: 22px;

	color: #191919;

}

.site-content h3 {

	font-family: 'Roboto';

    font-size: 18px;

}

.site-content h4 {

	font-family: 'Roboto';

	font-weight: 500;

	padding: 0 0 5px;

}

.site-content h5 {

	font-family: 'Roboto';

}

.site-content h6 {

	font-family: 'Roboto';

}

.site-content label {

	color: #282828;

	line-height: 25px;

	font-size: 14px;

	font-weight: normal;

	font-family: 'Roboto';

	margin: 0;

}

.site-content input, .textarea textarea {

	color: #252525;

	line-height: 22px;

	font-size: 14px;

	font-weight: bold 

}

.site-content ol{padding: 0 0 10px;margin-left:25px;line-height:22px;}

.site-content ol li, .site-content ul li{padding-bottom:10px;padding-left: 5px;font-size:16px; font-weight:bold; position:relative}

.site-content ol li span, .site-content ul li span, .site-content ol li p, .site-content ul li p{font-size:14px; font-weight: normal; padding:0; margin:0} 

.site-content ol li ul, .site-content ul li ul{ list-style:lower-alpha;padding: 10px 0 0;}
/*.site-content ol li ul li::before{content:")"; position:absolute; top: -1px;left: -6px;font-size: 19px;} */

.site-content ol li ul{counter-reset: item;list-style-type: none;}
.site-content ol li ul li{display: block;font-weight: normal;}
.site-content ol li ul li::before{content: counter(item, lower-latin) ")";counter-increment: item;position: absolute;left: -15px;top: -2px;}


.site-content img{max-width:100%; height:auto;} 



.sp10 {

	height: 10px;

	overflow: hidden;

	clear: both;

}

.sp15 {

	height: 15px;

	overflow: hidden;

	clear: both;

}

.sp30 {

	height: 30px;

	overflow: hidden;

	clear: both;

}

.sp40 {

	height: 40px;

	overflow: hidden;

	clear: both;

}

.pRNone {

	padding-right: 0px!important;

}

.siteWidth {

	width: 1170px;

	margin: 0 auto;

}



/* ---- HTML5 elements set to display:block for browsers ---- */

header, article, time, nav, section, aside, hgroup, footer {

	display: block;

}/* ---- Common CSS ---- */

.bodNone {

	border-right: none!important;

}

ul {

	list-style: none

}

textarea {

	resize: none;

}

.pT10 {

	padding-top: 10px;

}

.pTB20 {

	padding: 20px 0;

}

.posR {

	position: relative;

}

.L-align {

	text-align: left;

}

.C-align {

	text-align: center

}

.R-align {

	text-align: right;

}

.font18 {

	font-size: 18px!important;

}

.lh18 {

	line-height: 18px

}

.dispB {

	display: block

}

.v_aling img, img.v_align {

	vertical-align: middle;

}

.blueTxt {

	color: #00b4ff!important;

}

.bodTp {

	border-top: 3px solid #848484;

}

hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #ccc;

	margin: 1em 0 0 0;

	padding: 0

}

/* ---- Page Wrapper ---- */

/*---------Common--------*/

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="password"], input[type="time"], input[type="url"], input[type="week"], input[type="search"], textarea {border:none;border-bottom: 1px solid #464646;width: 100%;background: transparent;color: #252525;font-size: 14px;font-weight: normal;font-family: 'Roboto';height: 30pxpadding-left:10px;padding-right: 10px;}

textarea {height: 100px;}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input[type="search"]:focus, textarea:focus{border-bottom: 2px solid #ffe000;}

select {border-bottom: 1px solid #464646;width: 100%;background: transparent;color: #252525;font-size: 14px;font-weight: normal;font-family: 'Roboto';height: 30px;padding-left:10px;padding-right: 10px;}

option {border: none;width: 100%;padding: 10px 3%;color: #252525;font-size: 12px;}

input[type=submit] {padding: 12px 30px 12px 20px;font-size: 12px;text-decoration: none;text-transform: uppercase;color: #fff;background: url(../images/black-button-bg.png) center right no-repeat #000;border: none;}
input[type=submit]:hover{background:url(../images/black-button-bg.png) center right no-repeat #F9F9F9; color:#000; border:1px solid #ccc}
input[type=submit]:focus{background:url(../images/black-button-bg.png) center right no-repeat #f7cf27; color:#000; border:1px solid #ccc}
input[type="text"]:disabled {background: #efefef;}
img{max-width:100%; height:auto}
.req{position:relative}

.error{position:relative}

/*.error::before{content:""; height:16px; width:16px; background:url(../images/error.png); position:absolute; right:10px; top: 5px;} */
.error::before{content:""; height:16px; width:16px; position:absolute; right:10px; top: 5px;}

.error span{position: absolute;text-align: center;left: auto;font-size: 10px !important;top: -19px;background: red;width: 99px;margin: 0 auto;right: 0;   color: #fff;}
#payment_by-error span {top: -51px;right: -406px;left: auto;}

.sep-error .error span {text-indent: -999999px;width: 112px;    top: 0;right: 19px;}
.sep-error .error::before{content: "Choose any one";height: 46px; width: 105px; position: absolute; top: 0;right: 19px;color: #fff;z-index: 9;}

.heading-big {background: #fcdb05;padding: 5px 0 2px;}

.heading-small{background: #fcdb05;padding: 3px 10px 0;}



.container {background: rgba(255, 255, 255, 0.97);box-shadow: 0 0 15px #000;}



.terms{background: #ececec;padding: 10px;box-shadow: inset -2px -1px 4px #000;}







/********* header ****************/



.header{padding:20px 0}

.header h1{font-size:24px}

.header h2{font-size:18px}



/*********** Col 1 **************/



.col1{padding:15px; background:#f1f1f1}

.col1 .col1-inner{padding:0 0 10px;}

.col1 label{font-weight:bold}





/*********** Col 2 **************/



.col2-top{background:#C2C2C2;border-top: 1px solid #848484; border-left: 1px solid #848484;}

.col2-top span{border-right: 1px solid #848484; border-bottom: 1px solid #848484;height:50px;}

.col2-top span.bxm, .col2-top span.bx{padding:11px 0 0}



.col2-boxin{background:#F3F2F1;border-left: 1px solid #848484;}

.col2-boxin span{border-bottom: 1px solid #848484; border-right: 1px solid #848484;padding-top: 5px;padding-bottom: 5px;}

.col2-boxin span.bx, .col2-boxin span.bxl{text-align:center}

.col2-boxin span span.autres-text {border: none; width:10%; display: inline-block;}

.col2-boxin span span.autres-input {border: none;width: 88%;display: inline-block;}



/*********** Col 3 **************/



.col3{border: 1px solid #848484;padding-top: 15px;padding-bottom: 15px;}

.col3 .sm-inpt{display:inline-block; max-width:50px;}

.col3-left-in{padding:0 0 10px;}





/*********** Col 4 **************/



.col4-top{background:#C2C2C2;border-top: 1px solid #848484; border-left: 1px solid #848484;}

.col4-top span{border-right: 1px solid #848484; border-bottom: 1px solid #848484;height: 87px;}

.col4-top span.bxm{padding:11px 0 0}



.col4-boxin{background:#F3F2F1;border-left: 1px solid #848484;}

.col4-boxin span{border-bottom: 1px solid #848484; border-right: 1px solid #848484;padding-top: 5px;padding-bottom: 5px;}

.col4-top span.bxl, .col4-top span.bxr{padding: 33px 0 0}
.col4-boxin textarea {text-align: center;padding: 59px 0 60px; height:auto}




/*********** Col 5 **************/



.col5{border: 1px solid #848484;padding-top: 15px;padding-bottom: 15px;}

.col5-left-in{padding:0 0 10px;}

.col5-right textarea{width:100%; height:50px;}





/*********** Col 6 **************/

.col6{padding:15px; background:#f1f1f1}





/*********** Col 7 **************/



.col7{border: 1px solid #848484;padding-top: 15px;padding-bottom: 15px;}





/*********** Col 9 **************/



.col9-top{background:#C2C2C2;border-top: 1px solid #848484; border-left: 1px solid #848484;}

.col9-top span{border-right: 1px solid #848484; border-bottom: 1px solid #848484;height: 80px; font-weight:bold}

.col9-top span.bx2, .col9-top span.bx3{padding:27px 0 0}

.col9-top span.bx4{padding:15px 0 0}



.col9-boxin{background:#F3F2F1;border-left: 1px solid #848484;}

.col9-boxin span{border-bottom: 1px solid #848484; border-right: 1px solid #848484;padding-top: 5px;padding-bottom: 5px;}

.col9-boxin span.bx1{text-align:center}



/*********** Col 11 **************/

.col11-in{background:#f1f1f1; padding-top:15px;padding-bottom:15px;}





/*********** Col 13 **************/

.col13-in{padding-top:15px;padding-bottom:15px;border: 1px solid #848484;}

.col13 .bx{padding:0 0 10px}

.col13 .x3input input{float:left; width:33%; border:1px solid #464646;}

.col13 .x5input input{float:left; width:20%; border:1px solid #464646;}

.col13 .x9input input{float:left; width:11%; border:1px solid #464646;}



/*********** Col 16 **************/

.col16-in{padding-top:15px;padding-bottom:15px;border: 1px solid #848484;}





/*********** Signature **************/

.sigPad {

  margin: 0;

  padding: 0;

}



.sigPad label {

  display: block;

  margin: 0 0 0.515em;

  padding: 0;



  color: #000;

  font: italic normal 1em/1.375 Georgia,Times,serif;

}



.sigPad label.error {

  color: #f33;

}



.sigPad input {

  margin: 0;

  padding: 0.2em 0;

  border: 1px solid #666;

  font-size: 1em;

}



.sigPad input.error {

  border-color: #f33;

}



.sigPad button {

  margin: 1em 0 0 0;

  padding: 0.6em 0.6em 0.7em;



  background-color: #ccc;

  border: 0;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;



  cursor: pointer;



  color: #555;

  font: bold 1em/1.375 sans-serif;

  text-align: left;

}



.sigPad button:hover {

  background-color: #333;



  color: #fff;

}



.sigNav {

  height: 2.25em;

  margin: 0;

  padding: 0;

  position: relative;



  list-style-type: none;

}



.sigNav li {

  display: inline;

  float: left;


  margin: 0;

  padding: 0;

}



.sigNav a,

.sigNav a:link,

.sigNav a:visited {

  display: block;

  margin: 0;

  padding: 0 0.6em;



  border: 0;



  color: #333;

  font-weight: bold;

  line-height: 2.25em;

  text-decoration: underline;

}


.sigNav a.current{background-color: #fd0;color: #000;}

.sigNav a.current:link,

.sigNav a.current:visited {

  background-color: #fd0;

  -moz-border-radius-topleft: 8px;

  -moz-border-radius-topright: 8px;

  -webkit-border-top-left-radius: 8px;

  -webkit-border-top-right-radius: 8px;

  border-radius: 8px 8px 0 0;



  color: #000;

  text-decoration: none;

}



.sigNav .typeIt a.current:link, .sigNav .typeIt a.current:visited {background-color: #fd0;color: #555;}



.sigNav .clearButton {

  bottom: 0.2em;

  display: none;

  position: absolute;

  right: 0;



  font-size: 0.75em;

  line-height: 1.375;

}

.upload-sign{float: right; padding: 0 20px 0 0;width: 50%;}
select#font-select {
    font-size: 12px;
    height: 20px;
}
.upload-sign label{font-size: 12px; margin: 0}

.sigWrapper {

  clear: both;

  border: 1px solid #ccc;
  
height: 88px;

}
.sigWrapper .clearButton{display: block;}


.sigWrapper.current {

  border-color: #666;

}



.signed .sigWrapper {

  border: 0;

}



.pad {

  position: relative;



  /**

   * For cross browser compatibility, this should be an absolute URL

   * In IE the cursor is relative to the HTML document

   * In all other browsers the cursor is relative to the CSS file

   *

   * http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/

   */

  cursor: url("../images/pen.cur"), crosshair;

  /**

   * IE will ignore this line because of the hotspot position

   * Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur

   */

  cursor: url("../images/pen.cur") 16 16, crosshair;



  -ms-touch-action: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

}



.typed {

  height: 55px;

  margin: 0;

  padding: 0 5px;

  position: absolute;

  z-index: 90;

  cursor: default;

  color: #145394;
    
    font: normal 1.875em/50px "Journal",Georgia,Times,serif;

}



.typeItDesc,

.drawItDesc {

  display: none;

  margin: 0.75em 0 0.515em;

  padding: 0.515em 0 0;



  border-top: 3px solid #ccc;



  color: #000;

  font: italic normal 1em/1.375 Georgia,Times,serif;

}



p.error {

  display: block;

  margin: 0.5em 0;

  padding: 0.4em;



  background-color: #f33;



  color: #fff;

  font-weight: bold;

}

.floating-cnt{position: absolute;right: 15px;top: 0;}

/**************** Log in **********************/

.t-head{background: #C2C2C2;border-top: 1px solid #848484;border-left: 1px solid #848484;}
.t-head-in{border-right: 1px solid #848484;border-bottom: 1px solid #848484;padding: 8px 0 9px;font-weight: bold;}
.t-body-list{background: #F3F2F1;border-left: 1px solid #848484;}
.t-body-list-in{border-bottom: 1px solid #848484;border-right: 1px solid #848484;padding-top: 5px; padding-bottom: 5px;}
.del{cursor:pointer}
.site-content a.new-from {float: right;background: #fcdb05;padding: 5px 10px;margin: 0 0 10px;font-weight: bold;}

.large-cheque {
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9999;
    background: rgb(0 0 0 / 75%);
    height: 100%;
    display: none;
}

.large-cheque-in {
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.large-cheque-in p {
    color: #fff;
    cursor: pointer;
}

.largec{cursor: pointer;}

@media only screen and (min-width : 320px) and (max-width : 479px){
	
	body .p-3-mob{padding:10px !important}
	.header h1{font-size: 16px;padding: 10px 0 0;}
	.header h2{font-size: 14px;padding: 10px 0 0;}
	.floating-cnt{position: absolute;right: 15px;top: 0;}
	.col1 .col1-inner .bxl{padding-bottom:10px;}
	
	.col2-top span{height:auto;padding: 10px 0;}
	.col2-top span.bxm, .col2-top span.bx {padding: 10px 0;}
	.col4-top span{height:auto; padding:10px 0!important}
	
	.col9-top span{height: auto; padding:10px 0 !important}
    
    .site-content ol li, .site-content ul li{font-size: 13px}
    .sigNav a, .sigNav a:link, .sigNav a:visited{padding: 0 0px;}
    .sigWrapper{height: auto;}
    .upload-sign{padding: 10px 10px;width: 100%;}
    .typed{top: 105px;}
    #payment_by-error span{top: -21px;right: -220px;}
    .sep-error .error span{top: -40px;right: 0;left: 0;}
    .sep-error .error::before {top: -41px;left: 4px;}
    
}

@media only screen and (min-width : 480px) and (max-width : 599px){
	
	body .p-3-mob{padding:10px !important}
	.header h1{font-size: 16px;padding: 10px 0 0;}
	.header h2{font-size: 14px;padding: 10px 0 0;}
	.floating-cnt{position: absolute;right: 15px;top: 0;}
	.col1 .col1-inner .bxl{padding-bottom:10px;}
	
	.col2-top span{height:auto;padding: 10px 0;}
	.col2-top span.bxm, .col2-top span.bx {padding: 10px 0;}
	.col4-top span{height:auto; padding:10px 0!important}
	
	.col9-top span{height: auto; padding:10px 0 !important}
    
    .upload-sign{width: 42%;}
    
    .sep-error .error span{top: -40px;right: 0;left: 0;}
    .sep-error .error::before {top: -41px;left: 4px;}
}

@media only screen and (min-width : 600px) and (max-width : 767px){
	
	body .p-3-mob{padding:10px !important}
	.header h1{font-size: 16px;padding: 10px 0 0;}
	.header h2{font-size: 14px;padding: 10px 0 0;}
	.floating-cnt{position: absolute;right: 15px;top: 0;}
	.col1 .col1-inner .bxl{padding-bottom:10px;}
	
	.col2-top span{height:auto;padding: 10px 0;}
	.col2-top span.bxm, .col2-top span.bx {padding: 10px 0;}
	.col4-top span{height:auto; padding:10px 0!important}
	
	.col9-top span{height: auto; padding:10px 0 !important}
    .sep-error .error span{top: -40px;right: 0;left: 0;}
    .sep-error .error::before {top: -41px;left: 4px;}
    
}

@media only screen and (min-width : 768px) and (max-width : 899px){
	
	body .p-3-mob{padding:10px !important}
	.header h1{font-size: 16px;padding: 10px 0 0;}
	.header h2{font-size: 14px;padding: 10px 0 0;}
	.floating-cnt{position: absolute;right: 15px;top: 0;}
	.col1 .col1-inner .bxl{padding-bottom:10px;}
	
	.col2-top span{height:auto;padding: 10px 0;}
	.col2-top span.bxm, .col2-top span.bx {padding: 10px 0;}
	.col4-top span{height:auto; padding:10px 0!important}
	
	.col9-top span{height: auto; padding:10px 0 !important}
    .sep-error .error span{top: 10px;right: -70px;}
    .sep-error .error::before {top: 9px;right: -68px;}
}

@media only screen and (min-width : 900px) and (max-width : 1023px){
	
	.col1 .col1-inner .bxl{padding-bottom:10px;}
	
	.col2-top span{height:auto;padding: 10px 0;}
	.col2-top span.bxm, .col2-top span.bx {padding: 10px 0;}
	.col4-top span{height:auto; padding:10px 0!important}
	
	.col9-top span{height: auto; padding:10px 0 !important}
}

@media only screen and (min-width : 1024px) and (max-width : 1200px){ 
	
	.col1 .col1-inner .bxl{padding-bottom:10px;}
	
	.col2-top span{height:auto;padding: 10px 0;}
	.col2-top span.bxm, .col2-top span.bx {padding: 10px 0;}
	.col4-top span{height:auto; padding:10px 0!important}
	
	.col9-top span{height: auto; padding:10px 0 !important}
    .sep-error .error span{top: 10px;right: -70px;}
    .sep-error .error::before {top: 9px;right: -68px;}
}