body{ padding:0; margin:0; font-size:12px; font-family: 'Roboto', sans-serif; background:#fff;}
:focus{ outline:none; }
img{ border:none;max-width: 100%;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; padding:0; margin:0; font-size:inherit;}
:hover{transition: all 0.2s ease-in-out 0s;}

/* global css */
.fleft{ float:left;}
.fright{ float:right;}
.fnone{ float:none;}
.marT1{ margin-top:60px;}
.marT2{ margin-top:25px;}
.marT3{ margin-top:10px;}
.marR1{ margin-right:10px;}
.clearfix{ clear:both;}
.full{ float:left; width:100% !important;}
.relative{ position:relative;}
.marR0{ margin-right:0 !important;}
.red_color{color:red !important;}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold_0-webfont.eot');
    src: url('../fonts/roboto-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold_0-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold_0-webfont.woff') format('woff'),
         url('../fonts/roboto-bold_0-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold_0-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium_1-webfont.eot');
    src: url('../fonts/roboto-medium_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium_1-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium_1-webfont.woff') format('woff'),
         url('../fonts/roboto-medium_1-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium_1-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* homepage css */
header{ /*float:left; width:100%; background:#e8e8e8; border-bottom:1px solid #bebebe; padding:20px 0;*/   background:  #fafafa;
border-bottom: 2px solid #ccc;
box-shadow: 3px 3px 8px 1px #ccc;
float: left;
padding: 20px 0;
width: 100%;}
.wrapper{ margin:0 auto; width:96%; max-width:1100px; position: relative; z-index: 9999;}
.logo{ float:left; width:20%;}
.header-right{ float:right; width:auto; margin-top:20px;}
.btn-default{ /*background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%) repeat-x 0 0; position:relative;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
 border:1px solid #ccc; text-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); color: #000; border-radius:4px; display: inline-block; font-size: 14px; font-weight: 400; padding: 8px 15px; text-align: center; vertical-align: middle; white-space: nowrap; text-decoration:none; behavior: url(css/PIE.htc);}
.btn-default:hover{ /*background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%) repeat-x 0 -15px;*/}
.welcome-note{ float:left; width:100%; text-align:center;}
.title{ color:#000; font-size:22px; text-shadow:1px 1px 0 #fff; background:url(../images/border-bottom.png) repeat-x left bottom; padding-bottom:15px; margin-bottom:15px; display:block;}
.welcome-note p{ color:#000; font-size:18px; font-family: 'robotolight'; text-shadow:1px 1px 0 #fff;}
.top-tab-bar{ float:left; width:100%;  }
.outer-img{ float:left; width:100%; background:#dadada; height:200px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.banner-strip-title{ color:#000; text-shadow:0 1px 0 #fff; text-transform:uppercase; font-size:26px; font-family: 'robotolight'; text-align:center; display:block; padding-top:5.5%;}

.outer-img-bottom{ float:left; width:100%; background:#dadada; height:200px; border-top:2px solid #fff; border-bottom:2px solid #fff;}

footer{ float:left; width:100%; /* background:#f1f1f1; */background: none repeat scroll 0 0 rgba(227, 227, 227, 0.5);
    border-bottom: 3px solid #c0c0c0;
    border-top: 3px solid #c0c0c0;
    clear: both; padding:40px 0; font-size:13px;}
.copyright{ color:#000; font-size:14px;}
ul.footer-link{ padding:0; margin:0;}
ul.footer-link li{ list-style:none; float:left; padding:0 10px; border-right:1px solid #000;}
ul.footer-link li a{ text-decoration:none; color:#000;}
ul.footer-link li a:hover{ color:#000;}
.border-last{ border:none !important;}


.scrollup{ transition: all 0.3s ease-in-out; width:59px; height:59px; text-indent:-9999px; opacity:0.7; position:fixed; bottom:85px; right:4%; display:none; background:url(../images/scroll.png) top  no-repeat; }
.scrollup:hover { opacity:1; }


/* form page css */
.form{ float:left; width:100%;}
.form p{ color:#000; font-family:"robotolight"; font-size:14px; text-shadow:1px 1px 0 #fff; line-height:24px; margin:15px 0;}

ul.form-sec{ padding:0; margin-top:40px; float:left; width:100%;}
ul.form-sec li{ list-style:none; float:left; width:100%; margin-bottom:20px;}
ul.form-sec li label{ float:left; width:20%; color:#898989; font-size:14px; text-shadow:1px 1px 0 #fff;}
.form-inp{ border:1px solid #ccc; padding:5px; color: #000; border-radius:4px; font-size:12px; width:100%; float:left; box-sizing:border-box; behavior: url(css/PIE.htc);}
.width01{ width:30%; float:left;}
.marR2{ margin-right:20px;}
.sub-label{display:block; margin-bottom:5px; color:#000; font-size:13px; text-shadow:1px 1px 0 #fff;}
.form-checkbox{ float:left; margin-top:3px; margin-right:10px;}
.form-checkbox-title{ color:#000; font-family:"robotolight"; font-size:13px; text-shadow:1px 1px 0 #fff;}
ul.form-sec li.form-checkbox-li{ width:100%; margin-right:0;}
.checkbox-main{ float:left; margin-right:20px; margin-top:5px;}
ul.form-sec li.form-li50{ width:47%;}
.calendar-icon{ position:absolute; right:5px; top:0;}

.btn-send { background:#e3e3e3; border:1px solid #c0c0c0; color:#000; text-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 4px; display: inline-block; font-size: 14px; font-weight: 400; padding: 8px 15px; text-align: center; vertical-align: middle; white-space: nowrap; text-decoration:none; min-width:100px; behavior: url(css/PIE.htc);cursor:pointer}
.btn-send:hover{ background-color:#e3e3e3; border-color:#c0c0c0; color:#000;}


/* login form page css */
.login-form{ float:left; width:100%;}


/* dashboard page css */
.dashboard-outer{ float:left; width:100%;}
.center-text{ text-align:center;}
.dashboard-outer{ float:left; width:100%; background:url(../images/dashboard-banner.jpg) no-repeat left top; background-size:cover; height:450px; border-top:1px solid #fff;}
.reporting-btn-sec{ float:left; width:45%;}
.dashboard-details-outer{ float:right; width:50%;}
.dashboard-details{ font-style:normal;}
.detail-heading{ color:#000; display:block; padding-bottom:20px; text-shadow:0 1px 0 #fff; font-size:30px; font-weight:bold;}
.details{ color:#000; font-size:20px; font-family:"robotolight"; line-height:1.8em;}


/* Login page css */
::-webkit-input-placeholder { color: #222; }
:-moz-placeholder { color: #222;  }
::-moz-placeholder { color: #222222; }
:-ms-input-placeholder { color: #222;}
.login_sec{ float:left; width:100%; margin-top:12%; text-align:center;}
.login_sec .login_box{ margin:0 auto; border:1px solid #ccc; border-radius:8px; min-width:470px; width:45%; min-height:280px; background:#fff; padding:15px; box-sizing:border-box; position:relative; display: inline-block; text-align: left;}
.login_sec .login_box .login_title {
    float: left;
   font-family: 'Roboto', sans-serif;
    font-size: 18px;
    padding-top: 10px; text-align:right;
    width: 100%; color:#000; text-transform:uppercase;  box-sizing:border-box;}
.login_sec .login_box p.desc {
    color: #000;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: -18%;
    width: 83%; font-family:"robotolight";
}
.login_sec .login_box p.desc2{
   
    top: -27%;
 
}
.login_sec .login_box .user_icon{ width:20%; position:absolute; left:3%; top:-8%;}
.login_sec .login_box .form_sec{ float:left; width:100%; margin-top:10px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:25px 0px;}
.login_sec .login_box .form_sec .form_row{ float:left; width:100%;}
.login_sec .login_box .form_sec .form_row label{color:#000; font-family:"robotolight"; font-size:15px; text-shadow:1px 1px 0 #fff; line-height:24px; }
.login_sec .login_box .form_sec .form_row input{ background:#E3E3E3; float:right; padding:7px 10px; width:70%; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
.login_sec .login_box .form_sec .form_row select{ background:#E3E3E3; float:right; padding:7px 10px; width:70%; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
.login_sec .login_box .submit_sec{ float:left; width:100%; margin-top:10px; padding:10px 0px;}
.login_sec .login_box .submit_sec input[type="checkbox"]{ float:left;  margin:0px 5px; margin-top:2px;}
.login_sec .login_box .submit_sec span{ float:left;}
.login_sec .login_box .submit_sec a{ text-decoration:none; color:#000;}
.login_sec .login_box .submit_sec input[type="submit"]{ color:#fff; float:right; font-size:16px;  text-align:center; padding:5px 35px; border:none; background:#000; border-radius:3px; cursor:pointer;}

.message{  background:#fff;
    border: 1px solid #ccc;
    color: red;
    margin: 20px auto;
    padding: 15px;
    text-align: center;
    width: 240px;clear: both;}

.alert-succsess{  background:#fff;
border: 1px solid #ccc;
color: green;
margin: 20px auto;
padding: 15px;
text-align: center;
width: 240px;}
.error-message{
    color: red; 
    text-align: left;
	font-size:11px;
}

.form-checkbox > label{padding-left:10px;}


/* accordian css */
.tab-box{ display:block; width:48%; /* border:1px solid #dedede; */}
.tab-heading{ text-align:left; color:#000; display:block; padding:10px; font-size:15px; background:rgba(192, 192, 192, 0.9);  text-shadow: 1px 1px 0 #fff; font-weight:600;}
ul.accordian{ padding:0; margin:0; box-sizing:border-box; background: rgba(255, 255, 255, 0.6); display:block;clear:both}
ul.accordian li{ list-style:none;}
ul.accordian li a{ text-decoration:none; padding:10px; display:block; color:#000; font-size:14px;}
ul.accordian li a:hover, ul.accordian li a.active{ background:#c0c0c0; color:#000; text-shadow:0 1px 0 #fff;}
.accordian-icon{ float:left; margin-top:-4px; margin-right:15px;}
.cont-p{color: #000; font-family: "robotolight"; font-size: 14px; line-height:1.6em; background:#fff; border:1px solid #ccc; padding:10px; box-sizing:border-box; margin-top:20px; float:left; width:100%;}


.container-fix{ min-height:95.3%;}
.welcome-text{ float:left; width:58%;}
.welcome-text p{ text-align:justify; color: #000; font-family: "robotolight"; font-size: 15px; text-shadow: 1px 1px 0 #fff; line-height:1.8em;}
.ip-address{ float:right; width:38%;}
.ip-address ul{ padding:0; margin:0; float:left; width:100%;}
.ip-address ul li{ list-style:none; color: #000; font-family: "robotolight"; font-size: 15px; text-shadow: 1px 1px 0 #fff; padding:5px 0; float:left;}
ul.ip-heading{ float:left; width:100%; padding:0; margin-bottom:10px; border-bottom:1px solid #ccc;}
ul.ip-heading li{ float:left; font-weight:bold;}
.ip-cont-first{ width:30%;}
.ip-cont-second{ width:40%;}
.ip-cont-third{ width:30%;}


/* product page css */
.product-sec{ float:left; width:23%; margin-right:1.6%; margin-bottom:28px; border:5px solid #e3e3e3; box-sizing:border-box; padding:5px; text-align:center; position:relative; 
 -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform; background:#fff;}
.product-sec:hover{  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); border:5px solid #c0c0c0;}
.product-img-outer{ background:#fff; float:left; width:100%;}
.product-img{ background:#fff; /*display:table-cell;*/ height:200px; text-align:center; vertical-align:middle; /*white-space:nowrap;*/ /*width:253px;*/}
.product-heading{ color:#000; padding-top:10px; font-size:16px; clear:both;}
.product-details{ text-align:center; color: #000; font-family: "robotolight"; font-size: 14px;  padding-top:10px;  min-height: 80px;}
.product-price{ background:#c0c0c0;text-align:center; padding:5px 0; float:left; width:100%;}
.product-price span{ color: #000; font-size: 14px; float:left; padding-left:15px;}
.product-price strong{ color: #000; font-size: 14px;}
.product-selectbtn a{ background:#e3e3e3; box-shadow:0 2px 0 #fff; color:#000; display:inline-block; margin:15px; min-width:85px; padding:10px; text-decoration:none; text-transform:uppercase;}
.product-selectbtn a:hover{ background:#c0c0c0; color:#000;}
.select-mark{ float:left; padding-left:5px;}
.paragraph{ color:#7b7b7b; font-family:"robotolight"; font-size:14px; text-shadow:1px 1px 0 #fff; line-height:24px; margin:15px 0;}
.marB1{ margin-bottom:30px;}

.link{color:#494949;}
.link:hover{color:#000;text-decoration:none;}

.finance-steps{ float:left; width:100%; border:1px solid #ccc; border-radius:15px; box-sizing:border-box; padding:10px; margin-top:15px;}
.finance-steps ul{ padding:0; margin:0; float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:10px;}
.finance-steps ul li{ list-style:none; float:left; padding:0 10px; border-right:1px solid #ccc;}
.finance-steps ul li a{ text-decoration:none; color:#494949;}
.finance-steps ul li a:hover, .finance-steps ul li a.active{ color:#1e8ab8;}
.finance-steps ul li:last-child{ border:none;}
.finance-steps-content{ float:left; width:100%; padding-left:10px; box-sizing:border-box; margin-top:20px;}
.tab-info-heading{width: 100%;background: rgba(255, 255, 255, 0.6);box-sizing:border-box;padding:10px;float: left;font-size: 14px;}
.clr{clear:both;}
.agreement_finance{border:none !important;}
.agreement_finance li{border: none !important;float: none !important;list-style: inherit !important;margin-left: 36px;padding-left: 0px !important ;}

/* product details css 26-1-15*/
.pro-sec{ float:left; width:23%; margin-left:2.6%; margin-bottom:28px; border:1px solid #dadada; box-sizing:border-box; padding:0px; text-align:center; position:relative; background:#fff; overflow:hidden;}
.pro-sec.marl0{ margin-left:0 !important;}

.pro-sec .inner{ width:100%; float:left; box-sizing:border-box; padding:7px;}
.pro-sec .inner .thumb_sec{ width:100%; padding:5px; box-sizing:border-box; text-align:center; border:1px solid #ccc; padding-top:10px; }
.pro-sec .inner .thumb_sec img{ width:80%; }
.pro-sec .inner .thumb_sec img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
.pro-sec:hover .inner .thumb_sec img{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.pro-sec .inner
{
  position: relative;
}


.pro-sec .inner .riban_sec {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 1px 1px 5px 1px #666666;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 10px;
    position: absolute;
    right: -56%;
    text-align: center;
    top: -31%;
    transform: rotate(45deg);
    transform-origin: 0 0 0;
    width: 100%;
}
.pro-sec .inner a{ color:#fff; text-decoration:none;}

/** crousel
===================================*/

.bx-wrapper{ position: relative; max-width:1200px !important; margin-top:25px !important;}
.bx-wrapper img{ max-width:100%; display: block; margin:0 auto;}

/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%;}

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../../img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: -15px; background: url(../img/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next { right: -15px; background: url(../img/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../img/controls.png) -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}
.slide{width:100%;}
/*slideold
.slide{float:left; background:#1d1d1d; border:1px solid #333333; width:177px; text-align:center; padding:25px 0; box-shadow:inset 0 0px 10px #000;} */


/*27-01-2015*/
/* singal product css */
.single_pro_sec { width:100%; float:left; margin-top:50px; background:none;}
.single_pro_sec .left_sec{ width:34%; float:left;  min-height:200px;}
.single_pro_sec .left_sec .inner{ margin:2%;  width:96%; box-sizing:border-box;  margin-top:27%;}
.single_pro_sec .left_sec .inner .thumb{float:none; margin:0 auto;  margin-bottom: 20px; text-align:center; }
/*.single_pro_sec .left_sec .inner .thumb img{ width:100%;}*/
.single_pro_sec .right_sec{ width:62%; float:right; background:none; min-height:200px; padding:15px 15px;  box-sizing:border-box;}
.single_pro_sec .right_sec .title {
    background: url("../images/border-bottom.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    color: #000000;
    display: block;
    font-size: 22px;
    padding-bottom: 5px;
    text-shadow: 1px 1px 0 #ffffff; margin-bottom:0px;
}

.single_pro_sec .right_sec .sub_title,.left_sec .sub_title {
    background: url("../images/border-bottom.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    color: #000000;
    display: block;
    font-size:15px;
    padding-bottom: 5px;
    text-shadow: 1px 1px 0 #ffffff; margin-top:0px; float:left; width:100%; margin-bottom:10px; 
}

.single_pro_sec .right_sec .review_sec{ width:100%; float:left; margin-top:15px; min-height:10px;}
.accordion-container {
		width: 100%;
		margin: 0 0 5px;
		clear: both;
	}
	.accordion-toggle {
		position: relative;
		display: block;
		padding: 5px 20px;
		font-weight: 300;
		background: #c0c0c0;
		color: #000;
		text-decoration: none;
	}
	.accordion-toggle i{ color:#000;}
	.accordion-toggle:hover i{  color:#000;}
	.accordion-toggle.open {
		background: #e3e3e3;
		color: #000;
	}
	.accordion-toggle:hover {
		background: #e3e3e3;
		color:#000000;
	}
	.accordion-toggle span.toggle-icon {
		position: absolute;
		top: 2px;
		right: 12px;
		font-size: 16px; color:#494949;
	}
	.accordion-content {
		display: none;
		padding: 20px;
		overflow: auto;
	}
	.accordion-content img {
		display: block;
		float: left;
		margin: 0 15px 10px 0;
		max-width: 100%;
		height: auto;
	}
	
	/* media query for mobile */
	@media (max-width: 767px) {
		.content {
			width: auto;
		}
		.accordion-content {
			padding: 10px 0;
			overflow: inherit;
		}
	}

.single_pro_sec .right_sec .c_pro{ width:100%; float:left; margin-top:15px;}
.single_pro_sec .right_sec .c_pro ul{ float:left; width:100%; margin-top:5px;}
.single_pro_sec .right_sec .c_pro ul li{ display:inline; float:left; margin-left:1%;}
.single_pro_sec .right_sec .c_pro ul li.m_left_0{ margin-left:0%;}
.single_pro_sec .right_sec .c_pro ul li a{ color:#494949; background:#ddd; padding:5px 15px; text-decoration:none;}
.single_pro_sec .right_sec .c_pro ul li a:hover{background:#000; color:#fff; }
.single_pro_sec .right_sec .title span{color:#ff0000; }

.single_pro_sec .right_sec .c_pro2{ width:100%; float:left; margin-top:25px;}
.single_pro_sec .right_sec .c_pro2 ul{ float:left; width:100%; margin-bottom:0px;}
.single_pro_sec .right_sec .c_pro2 ul li{ display:inline; float:left; margin-left:1%; margin-top:5px;}
.single_pro_sec .right_sec .c_pro2 ul li.m_left_0{ margin-left:0%;}
.single_pro_sec .right_sec .c_pro2 ul li a{ color:#494949; background:#ddd; padding:5px 15px; text-decoration:none;}
.single_pro_sec .right_sec .c_pro2 ul li a:hover{background:#4ca3cb; color:#fff; }
.single_pro_sec .right_sec .c_pro2 ul li a.active{background:#4ca3cb; color:#fff; }

.single_pro_sec .right_sec .c_pro2 .price_sec{ float:left; width:100%; padding-bottom: 20px;}
.single_pro_sec .right_sec .c_pro2 .price_sec .column{ background:#fff; width:30%; margin-left:3%; min-height:20px; float:left; text-align:center; padding-top:10px; border:3px solid /* #ddd */ #e3e3e3}
.single_pro_sec .right_sec .c_pro2 .price_sec .column.m_left_0{ margin-left:0%;}
.single_pro_sec .right_sec .c_pro2 .price_sec .column p{color: #494949; font-size: 14px; float:left; text-align:center; width:100%; margin-bottom:15px; }
.single_pro_sec .right_sec .c_pro2 .price_sec .column .price{ color:#000; background:#c0c0c0; padding:5px 15px; text-decoration:none; text-align:center;  display: inline-block;}
.single_pro_sec .right_sec .c_pro2 .price_sec .column:hover{ background:#e3e3e3;}
.single_pro_sec .right_sec .c_pro2 .price_sec .column:hover p{color:#000; }
.single_pro_sec .right_sec .c_pro2 .price_sec .column:hover .price{ color:#000; background:#c0c0c0; }



.single_pro_sec .right_sec .order_now{ width:100%; float:left; margin-top:25px;}
.single_pro_sec .right_sec .order_now select{ border:1px solid #ccc; padding:5px 10px; box-sizing:border-box; width:100%;}
.single_pro_sec .right_sec .order_now input[type="submit"]{ color:#fff; padding:10px 15px; text-decoration:none; float:left; width:48%; border:none; border-radius:4px; margin-top:45px; cursor:pointer;
background: #45484d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}

.single_pro_sec .right_sec .order_now input[type="submit"]:hover{
	background: #000000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #000000 0%, #45484d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#45484d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#45484d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#45484d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-8 */

	}



.single_pro_sec2 { width:100%; float:left; margin-top:0px; background:none; padding-bottom:25px;}

.single_pro_sec3 { width:100%; float:left; margin-top:0px; background:none; padding-bottom:25px;}
ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    display: inline-block;
    padding: 5px 15px;
    margin: 0;  background:  #ddd;
    list-style: none;
    cursor: pointer;
    float: left; /* border-top-left-radius:4px; border-top-right-radius:4px; */ color:#9b9b9b ;
}

.resp-tabs-container {
    padding: 0px;
    /* background-color: #fff; */ color:#000;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px 0;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
   /* margin-bottom: -1px !important;
     padding: 12px 14px 14px 14px !important; */
}

.resp-tab-active {
    border: none;
    background-color: #c0c0c0!important; color:#000 !important;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    /* border: 1px solid #c1c1c1; */
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #fff;
    border-top: 1px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px; clear:both; background:#c0c0c0; color:#000;
}

h2.resp-tab-active {
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #000;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #000;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #e3e3e3 !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
/*    border: 1px solid #c1c1c1 !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

.single_pro_sec4 { width:100%; float:left; margin-top:0px; background:none; padding-bottom:15px;}
.single_pro_sec4 p{color: #000; font-size:12px; float:left; text-align:center; width:100%; margin-bottom:15px; }
.single_pro_sec4 p span{ color:#000;}


/* order form css */
.clr{clear:both;}
.order_form{ width:98%; float:left;  }
.order_form.second{ margin-left:1.4%; width:97.6%;}
.order_form .column{ width:48%; float:left; margin-left:1.4%; margin-top:15px; }
.order_form .column.full_sec{ width:97.6%;}
.order_form .heading_title {
    background: url("../images/border-bottom.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    display: block;
    font-size:17px;
    padding:20px 0px 5px 0px;
    text-shadow: 1px 1px 0 #ffffff;  float:left; width:97.5%; margin-left:1.4%;  
}

.order_form .heading_title span.sub {
    font-size:13px; 
}

.order_form .column label {
    color: #000;
    display: block;
    font-size:14px;
    padding-bottom: 5px;
    text-shadow: 1px 1px 0 #ffffff;  float:left; width:100%;  
}
.order_form .column input[type="text"],input[type="email"],input[type="phone"]{ border:1px solid #ccc; width:100%; padding:5px 10px; box-sizing:border-box; border-radius:3px; background:#e3e3e3;}

.order_form .column input[type="submit"]{ color:#fff; padding:10px 20px; text-decoration:none; float:right; border:none; border-radius:4px; margin-top:20px; cursor:pointer;
background: #45484d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}



.order_form .column input[type="button"]{ color:#fff; padding:10px 20px; text-decoration:none; float:left; border:none; border-radius:4px; margin-top:20px; cursor:pointer;
background: #45484d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}




.order_form .column input[type="submit"]:hover{
    background: #000000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #000000 0%, #45484d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#45484d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#45484d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#45484d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-8 */

    }
    
    
@-webkit-keyframes myanimation {
  from {
    left: 0%;
  }
  to {
    left: 50%;
  }
}

.checkout-wrap {
  color: #444;
  font-family: 'PT Sans Caption', sans-serif;
  margin: 40px auto;
  max-width: 1200px;
  position: relative;
}

ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 80px;
  position: relative;
}
ul.checkout-bar.product_type li{width:13%;}
ul.checkout-bar li:before {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 20px;
  line-height: 37px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 4px;
  width: 35px;
  z-index: 999;
}
ul.checkout-bar li.active {
  color: #c0c0c0;
  font-weight: bold;
}
ul.checkout-bar li.active:before {
  background: #c0c0c0;
  z-index: 99999;
}
ul.checkout-bar li.visited {
  background: #c0c0c0;
  color: #000;
  z-index: 99999;
}
ul.checkout-bar li.visited:before {
  background: #000;
  z-index: 99999;
}
ul.checkout-bar li:nth-child(1):before {
  content: "1";
}
ul.checkout-bar li:nth-child(2):before {
  content: "2";
}
ul.checkout-bar li:nth-child(3):before {
  content: "3";
}
ul.checkout-bar li:nth-child(4):before {
  content: "4";
}
ul.checkout-bar li:nth-child(5):before {
  content: "5";
}
ul.checkout-bar li:nth-child(6):before {
  content: "6";
}
ul.checkout-bar a {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

@media all and (min-width: 800px) {
  .checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #c0c0c0;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

  .checkout-wrap {
    margin: 0px auto; margin-bottom:120px;
  }

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #e3e3e3;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #000;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 10%;
  }
  ul.checkout-bar li {
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
  }
  ul.checkout-bar li:before {
    height: 45px;
    left: 40%;
    line-height: 45px;
    position: absolute;
    top: -65px;
    width: 45px;
    z-index: 99;
  }
  ul.checkout-bar li.visited {
    background: none;
  }
  ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #000;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 99;
  }
}




/* Dashboar Section start 30/01/2015 */
.dashboar_sec{ width:100%; float:left;  min-height:100px;}
.dashboar_sec .top_menu{ float:left; width:100%; margin-bottom:25px;}
.dashboar_sec .top_menu ul{ float:left; width:100%; margin:0px; padding:0px;}
.dashboar_sec .top_menu ul li{ float:left; width:13.4%; display:inline; margin-left:1%; min-height:40px; text-align:center; padding:15px 0px;  background: none repeat scroll 0 0 #e8e8e8;
    border: 1px solid #bebebe; box-sizing:border-box;  } 
.dashboar_sec .top_menu ul li:first-child{ margin-left:0%;}
.dashboar_sec .top_menu ul li i{ color: #494949;  font-size:35px; width:100%; text-align:center; padding-bottom:10px; }
.dashboar_sec .top_menu ul li a {
    color: #494949;
    font-size: 17px;
 text-align:center; text-decoration:none;
}
.dashboar_sec .top_menu ul li:hover{ background:#000; border:1px solid #000;}
.dashboar_sec .top_menu ul li:hover i{color:#fff;}
.dashboar_sec .top_menu ul li:hover a{color:#fff;}
.dashboar_sec .top_menu ul li i{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.dashboar_sec .top_menu ul li:hover i{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.dashboar_sec .top_menu ul li
{
  position: relative;
}
.dashboar_sec .top_menu ul li:before, .dashboar_sec .top_menu ul li:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #000;
  -webkit-box-shadow: 0 15px 10px #000;
  -moz-box-shadow: 0 15px 10px #000;
  box-shadow: 0 15px 10px #000;
  -webkit-transform: rotate(-12deg);
  -moz-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.dashboar_sec .top_menu ul li:after
{
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
  right: 10px;
  left: auto;
}



.dashboar_sec .btm_menu{ float:left; width:100%; margin-top:25px;}
.dashboar_sec .btm_menu ul{ float:left; width:100%; margin:0px; padding:0px;}
.dashboar_sec .btm_menu ul li{ float:left; width:19.2%; display:inline; margin-left:1%; min-height:40px; text-align:center; padding:10px 0px;  background: none repeat scroll 0 0 #e8e8e8;
    border: 1px solid #bebebe; box-sizing:border-box; } 
.dashboar_sec .btm_menu ul li:first-child{ margin-left:0%;}
.dashboar_sec .btm_menu ul li i{ color: #494949;  font-size:35px; width:100%; text-align:center; padding-bottom:10px; }
.dashboar_sec .btm_menu ul li a {
    color: #494949;
    font-size: 14px;
 text-align:center; text-decoration:none;
}
.dashboar_sec .btm_menu ul li:hover{ background:#000; border:1px solid #000;}
.dashboar_sec .btm_menu ul li:hover i{color:#fff;}
.dashboar_sec .btm_menu ul li:hover a{color:#fff;}




.dashboar_sec .welcome_sec{ float:left; width:100%;  padding: 10px;   box-sizing:border-box; }
.dashboar_sec .title{
    background: url("../images/border-bottom.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    color: #000000;
    display: block;
    font-size: 22px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    text-shadow: 1px 1px 0 #ffffff;
}


.dashboar_sec .title i{ font-size:30px; }
.dashboar_sec .title i.in{ font-size:20px; }

.dashboar_sec .title i {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%; padding-right:5px;
}
.dashboar_sec .title i{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.dash_p {
    box-sizing: border-box;
    color: #000;
    float: left;
    font-family: "robotolight";
    font-size: 14px;
    line-height: 1.6em;
    margin-top: 20px;
    width: 100%; text-align:justify;
}

.dash_p b{ color:#000; font-weight:600;}

.pad{cursor:url(../images/pen.cur), pointer; border: 4px dashed #ccc;}
.clearButton a{ background: url(../images/refresh.png) left top no-repeat; font-size:0px;  padding: 13px 15px;
    position: relative;
    top: -7px;}

/* 3-2-15 */
.tble th{ background: #9d9e9f;
color: #fff;
font-weight: bold;
padding: 5px 3px;
text-transform: uppercase; font-size:11px; border-right:1px solid #c7c8ca;}
.tble td{ 


padding: 5px 3px; border-right:1px solid #ccc;border-bottom:1px solid #ccc;
}
.tble {border-left:1px solid #ccc;}
.tble tr:nth-child(even) { background:#fff;}



/* Dashboar Section start 30/01/2015 */
.dashboar_sec{ width:100%; float:left;  min-height:100px;}
.dashboar_sec .top_menu{ float:left; width:100%; margin-bottom:25px;}
.dashboar_sec .top_menu ul{ float:left; width:100%; margin:0px; padding:0px;}
.dashboar_sec .top_menu ul li{ float:left; width:13.4%; display:inline; margin-left:1%; min-height:40px; text-align:center; padding:15px 0px;  background: none repeat scroll 0 0 #e8e8e8;
    border: 1px solid #bebebe; box-sizing:border-box;  } 
.dashboar_sec .top_menu ul li:first-child{ margin-left:0%;}
.dashboar_sec .top_menu ul li i{ color: #494949;  font-size:35px; width:100%; text-align:center; padding-bottom:10px; }
.dashboar_sec .top_menu ul li a {
    color: #494949;
    font-size: 17px;
 text-align:center; text-decoration:none;
}
.dashboar_sec .top_menu ul li:hover{ background:#000; border:1px solid #000;}
.dashboar_sec .top_menu ul li:hover i{color:#fff;}
.dashboar_sec .top_menu ul li:hover a{color:#fff;}
.dashboar_sec .top_menu ul li i{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.dashboar_sec .top_menu ul li:hover i{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.dashboar_sec .top_menu ul li
{
  position: relative;
}
.dashboar_sec .top_menu ul li:before, .dashboar_sec .top_menu ul li:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #000;
  -webkit-box-shadow: 0 15px 10px #000;
  -moz-box-shadow: 0 15px 10px #000;
  box-shadow: 0 15px 10px #000;
  -webkit-transform: rotate(-12deg);
  -moz-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.dashboar_sec .top_menu ul li:after
{
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
  right: 10px;
  left: auto;
}



.dashboar_sec .btm_menu{ float:left; width:100%; margin-top:25px;}
.dashboar_sec .btm_menu ul{ float:left; width:100%; margin:0px; padding:0px;}
.dashboar_sec .btm_menu ul li{ float:left; width:19.2%; display:inline; margin-left:1%; min-height:40px; text-align:center; padding:10px 0px;  background: none repeat scroll 0 0 #e8e8e8;
    border: 1px solid #bebebe; box-sizing:border-box; } 
.dashboar_sec .btm_menu ul li:first-child{ margin-left:0%;}
.dashboar_sec .btm_menu ul li i{ color: #494949;  font-size:35px; width:100%; text-align:center; padding-bottom:10px; }
.dashboar_sec .btm_menu ul li a {
    color: #494949;
    font-size: 14px;
 text-align:center; text-decoration:none;
}
.dashboar_sec .btm_menu ul li:hover{ background:#000; border:1px solid #000;}
.dashboar_sec .btm_menu ul li:hover i{color:#fff;}
.dashboar_sec .btm_menu ul li:hover a{color:#fff;}




.dashboar_sec .welcome_sec{ float:left; width:100%;  padding: 10px;   box-sizing:border-box; }
.dashboar_sec .title{
    background: url("../images/border-bottom.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    color: #000000;
    display: block;
    font-size: 22px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    text-shadow: 1px 1px 0 #ffffff;
}


.dashboar_sec .title i{ font-size:30px; }
.dashboar_sec .title i.in{ font-size:20px; }

.dashboar_sec .title i {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%; padding-right:5px;
}
.dashboar_sec .title i{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.dash_p {
    box-sizing: border-box;
    color: #000;
    float: left;
    font-family: "robotolight";
    font-size: 14px;
    line-height: 1.6em;
    margin-top: 20px;
    width: 100%; text-align:justify;
}

.dash_p b{ color:#000; font-weight:600;}
/*feb 2015*/
.tc{ text-align:center;}
.selectmid{ text-align:right; margin:20px 0;}
 select , input[type="text"] {
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 5px 10px;
 
}
.screen-reader-text{ display:none;}



.button{ color:#fff !important; padding:10px 30px; text-decoration:none;  border:none; border-radius:4px; margin-top:20px; cursor:pointer;
background: #45484d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}

.button:hover{
    background: #000000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #000000 0%, #45484d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#45484d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#45484d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#45484d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-8 */

    }
    
    .leftpart select{ margin-top:10px;  min-width: 155px; margin-bottom:5px;}
    .leftpart .button{ margin-top:0; padding: 7px 10px;}
	.leftpart{ float:left; width:60%; margin:20px 0;}
    .selectmid{ float:right; width:40%; margin:26px 0 20px 0;font-size: 14px; text-align:right;}
	 .selectmid select{ width: 155px; margin-bottom:5px;}
	.paging { margin:20px 0; text-align:center;}
    .paging a{ text-decoration:none; color:#000; font-size:12px;}
.fixedtable{border-right:1px solid #ccc;}
    .fixedtable td , .fixedtable th{ white-space: nowrap; padding:5px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color: #444;
    font-size: 13px;}
    .fixedtable thead th { background:#000; color:#fff;

    text-transform: capitalize;padding:10px 5px;
}
.fixedtable td{ text-align:center;}
.respntable{ width:100%; overflow-x: auto;  }
.addres{ text-align:left !important;}
.fixedtable td a{ color: #444; text-decoration:none;}
.fixedtable tr:nth-child(odd){ background:#fff;}
/*my css*/
.bodyimg header{ background:none;  border:none;}
 header .header-right .btn-default{ background:#c0c0c0; border:none; text-shadow:none; color:#fff; padding:9px 18px; margin-right: -7px;}
  header .header-right .btn-default:hover{ background:#000;}
  header .header-right.logout .btn-default{  background:#e3e3e3; position:relative; z-index:99; color:#000;}
  
    header .header-right.logout .btn-default:hover{  background:#c0c0c0;}
	.catgypart{ background:rgba(227, 227, 227, 0.5); /* background: url(../images/cat-bg.png) repeat  left top ; */ border-bottom:3px solid #C0C0C0; border-top:3px solid #C0C0C0; clear:both;}
	.cat .owl-item{
border-right: 3px solid #C0C0C0;
display: block;
float: left;
list-style: outside none none;
margin-bottom: 0;
margin-left: 0;
margin-right: -4px !important;
margin-top: 0;

}
.owl-stage{   border-left: 3px solid #dcdcdc;}
.cat li a{ color:#333}
	.cat .owl-item li{padding:5px ;}
	.imgcat , .namecat{ display:block; text-align:center; font-size:13px; color:#000; padding:1px; }
	.cat { margin:0; padding:0; }
	.cat li a , .foot-buttonpart li a{text-decoration:none;}
	.cls{ clear:both;}
	.welcometext{ background: url(../images/wel-bg.png) repeat  left top ; padding:75px; margin-top:100px; margin-bottom:150px; font-size:13px; text-shadow: 1px 1px 1px #fff;  /* font-family: "robotolight";*/}
	.heading{text-align: center; font-size:15px; text-transform:uppercase; color:#000; text-shadow: 1px 1px 1px #fff; font-weight:600;  font-family: 'Roboto', sans-serif; margin-bottom:30px; }
	.foot-buttonpart li{ position:relative;list-style:none; display: inline-block; padding:10px 1px; border:4px solid #e3e3e3;  text-align:center; background:#f7f7f7;  max-width:175px; width:100%;margin-left:-5px;float:none; }
	.foot-buttonpart li a{ font-size:12px; text-transform:uppercase; color:#000;    font-family: 'robotobold';}
	.icon1{ display:block; margin-bottom:10px;}
	.foot-buttonpart { padding:0px; text-align: center;}
	.foot-buttonpart li:hover{ -webkit-box-shadow: -2px 1px 47px 1px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    -2px 1px 47px 1px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:       -2px 1px 47px 1px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
   position: relative;
    z-index: 99;
}
strong{  font-family: 'robotobold'; font-weight:normal;}
.resp-tabs-list.model_tab  li{ background:#ddd;}.resp-tabs-list.model_tab  li a{background:#ddd; color:#9b9b9b !important;}
.resp-tabs-list.model_tab  li a:hover , .resp-tabs-list.model_tab  li:hover ,.resp-tabs-list.model_tab  li:hover a{ background:#c0c0c0 !important ; color:#000 !important;}
.resp-tabs-list.model_tab  li.resp-tab-active  a{background: url(../images/select-mark.png) no-repeat  left center !important ; padding-left:20px!important ; color:#000 !important;}
.welcometext a , .dashboardContent a{ color:#000 }
.dashboardContent,.transparentBox{  background: /* url(../images/cat-bg.png) repeat  left top */ rgba(227, 227, 227, 0.7);
    border: 3px solid #c0c0c0; padding:20px; margin-top:20px; text-shadow: 1px 1px 1px #fff; font-size:14px;
}

.foot-buttonpart .test:after
    {
        content:    '';
        padding:    20px;
        background: url("../images/down-arw.png") center center no-repeat;  bottom: -29px; position:absolute;   left: 40%;
    }
	.foot-buttonpart .test , .resptabsWelcomepage h2.resp-tab-active{ -webkit-box-shadow: -2px 1px 47px 1px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    -2px 1px 47px 1px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:       -2px 1px 47px 1px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
   position: relative;
    z-index: 99;}

.helpdeskError{border:1px solid #f00 !important;}
.employerMargin{margin-bottom:1%;margin-top:4%}
.employer header{background: rgba(255, 255, 255, 0.2);box-shadow:none;}
.transparentBox ul.form-sec li label{color:#000; font-size:14px;}
.foot-buttonpart li.resp-tab-active{background:#fff !important;}
.dashboardContent{margin-top:20px !important;}

.employer .heading , .employer .welcometext{ color:#000}
.logo img {
  max-height: 85px;
}
.bodyimg .logo img{ /*background:#fff; box-shadow:0px 1px 5px #ccc; padding:2px*/}
.transparentBox{ color:#000; font-size:14px;}
.cont-p.transparentBox  , .transparentBox a{font-family: "robotoregular"; color:#000 !important}
.resptabsWelcomepage h2.resp-accordion , .resptabsWelcomepage h2.resp-accordion:first-child , .resptabsWelcomepage h2.resp-tab-active{position:relative;list-style:none;  padding:10px 1px !important; border:4px solid #dcdcdc !important;  text-align:center; background:#f7f7f7 !important;  max-width: 202px; width:100%;margin-left:-5px;float:none; margin:auto;}
.resptabsWelcomepage .resp-tab-active .resp-arrow{ background: url("../images/down-arw.png") center center no-repeat;  
    border: none !important;
    bottom: -29px;
    height: 37px;
    left: 45%;
    position: absolute;
    width: 23px;}
	.resptabsWelcomepage .resp-arrow{ border:none !important;}

	
		.resptabsWelcomepage h2.resp-accordion a{ font-size:12px; text-transform:uppercase; color:#333;    font-family: 'robotobold'; text-decoration:none;}
		.resptabsWelcomepage .dashboardContent{ margin-bottom:20px;}
		.dashboardContent .fieldbox{ display:inline-block; margin:1% 2%; width:22%; margin-left:0;}
		.dashboardContent .fieldbox input{ width:99% !important;}
		.dashboardContent .fieldtextarea textarea{width:96% !important;border:none;}
		.dashboardContent .fieldtextarea {margin:1% 2%; margin-left:0;}
		.dashboardContent .list {
    padding-left: 14px;
    list-style: none;
}

	.dashboardContent h2{ color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600; text-transform:uppercase; margin-bottom:20px;}
	 .resptabsWelcomepage h2.resp-accordion:nth-child(9n)>.resp-arrow{ background:none !important;}
	#postCodeLookup{ width:83%; margin-bottom:10px;}
	.input{ vertical-align:baseline;}
	.input a.ui-button{ font-size:12px; position:relative; top: -2px; background:#c7c8ca; }
	.thanku{ border:3px  dashed #ccc;  margin: auto;
    max-width: 900px;}
	.thanku2{ border:5px solid #ccc;  padding:25px; font-size:14px;line-height:27px;}
	.thanku h2{ font-size:20px;    font-family: 'robotobold'; margin-bottom:20px;}
	.thanku h2 span{ color:#717377}
	.Rewards{margin-top:20px;}
	.Rewardstxt{font-family: 'robotobold'; }
	.blacktxt{ color:#000;}.infom{line-height:27px; }
	.hadng{text-transform:uppercase; font-size:14px;color:#9b3313;  display: inline-block;}
	.sig{text-transform:uppercase; font-size:16px;font-family: 'robotobold';  }
/*.employer .transparentBox .heading{ color:#146d95}*/
.responsive-table{overflow: auto;}
.fixedtable td .button{  padding: 10px 5px;}
.pagination .current {
  background:#c7c8ca;

  color: #000 !important;
  font-style: normal;
  font-weight: bold;
  padding: 4px 8px !important;
}

.pagination a, .pagination span, .pagination em {
  padding: 0.2em 0.5em;  display: inline-block;
}
.pagination a {
  background:  #333;
  border: medium none !important;

  color: #fff !important;
  padding: 4px 8px !important;
  text-decoration: none;
}
.pagination .page_info {
  color: #aaaaaa;
  padding-top: 0.8em;
}
.pagination .disabled {
  color: #aaaaaa;
}
.list li{ margin-bottom:15px;}
.dashboardContent_text{ margin-bottom:15px; display:inline-block;}
#color{ background:#c0c0c0; color:#000;}

.order_now  input[type="submit"]{ font-size:18px; }
.product-but{
display: block;

list-style: none;

max-width: 202px;
padding: 10px 1px;
position: relative;
text-align: center;
width: 100%; font-family: "robotobold";
    font-size: 12px;
    text-transform: uppercase; margin:auto; text-decoration:none; color:#333; background:none repeat scroll 0 0 rgba(227, 227, 227, 0.5); border:4px solid #c0c0c0; box-sizing:border-box; }
	

/* Order Details CSS 20/02/2015}*/
.order_detail_sec{ width:100%; float:left; border:1px solid #ccc;  display:block; margin-bottom:15px;}
.order_detail_sec .main_tr{ width:100%; float:left;}
.order_detail_sec .main_tr.bg {background:#e6e6e6;}
.order_detail_sec .main_tr p{ padding:8px 10px; box-sizing:border-box; word-wrap: break-word;}
.order_detail_sec .main_tr .left{ float:left; width:48%; border-right:1px solid #ccc;}
.order_detail_sec .main_tr .right{ float:right; width:50%;}
.order_detail_sec .main_tr 

.order_detail_sec_btn{ width:100%; float:left;  display:block;}
.order_detail_sec_btn a {
    background: none repeat scroll 0 0 #000000;
    border-radius: 4px;
    color: #ffffff;
    float: left;
    padding: 7px 50px;
    text-align: center;
}

.order_detail_sec_btn a:hover{background:#0096cd; color:#fff; cursor:pointer;}


/* 05-03-2015 */
#OrderStep3Form p strong{ font-size:16px; font-weight:normal; color:#000; font-family: "robotoregular";}
#OrderStep3Form p, #OrderStep3Form div{ margin-left:0 !important;}
#OrderStep3Form p, .gfield_description, .gfield_required, #OrderStep3Form address{ font-size:13px; color:#494949; font-family: "robotoregular"; line-height:22px;}
#OrderStep4Form{ margin-left:1.4%;}
#OrderStep4Form p strong{ font-size:16px; font-weight:normal; color:#000; font-family: "robotoregular"; display:block;}
#OrderStep4Form p, #OrderStep4Form ol, .pdf_bottom{ font-size:13px; color:#494949; font-family: "robotoregular"; line-height:22px;}
#OrderStep4Form table{ margin-top:10px; padding:10px; box-sizing:border-box; color:#494949;}
#OrderStep4Form table b{ padding-bottom:10px;color:#000;}
.order_form #OrderStep4Form .column, .order_form #OrderStep3Form .column, .order_form #OrderStep5Form .column{ margin-left:0;}

.order_now select option { background:#fff; }
.single_pro_sec aside.right_sec { font-size: 14px; }
#OrderStep4Form b {  font-size: 13px;}
#OrderStep4Form div b {  font-size: 16px;}
#OrderStep4Form {  font-size: 13px;}
#OrderStep3Form{  font-size: 13px;}

/*--17-06-2016--*/
ul.checkout-bar.four-step li{ width:24%;}
ul.checkout-bar.six-step li{ width:16%;}