@font-face {
  font-family: din-medium;
  src: url('../font/din-medium-webfont.eot'); /* IE9 Compat Modes */
  src: url('../font/din-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/din-medium-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/din-medium-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/din-medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: din-black;
  src: url('../font/din-black-webfont.eot'); /* IE9 Compat Modes */
  src: url('../font/din-black-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/din-black-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/din-black-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/din-black.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: DSGSans-Black;
  src: url('../font/dsgsans-black-webfont.eot'); /* IE9 Compat Modes */
  src: url('../font/dsgsans-black-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/dsgsans-black-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/dsgsans-black-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/dsgsans-black.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: DSGSans-Bold;
  src: url('../font/dsgsans-Bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../font/dsgsans-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/dsgsans-Bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/dsgsans-Bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/dsgsans-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}



td.how-does-it-work
{
    width:60%;
    background-color:rgb(221,232,203);
    vertical-align:top;
    
}
h1.how-does-it-work
{
    font-size: 30px;font-weight: bold;font-family: Din-black;color:#005442;margin-left:20px;
}
td.how-does-it-work
{
    vertical-align:top;
    padding-top:18px;

}

a, img {
    border:none;
    outline:none
}
*{margin:0;padding:0;}
body{ font-family: din-medium; }
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #1a1718;
	font-family: din-medium;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #1a1718;
   opacity:  1;
   font-family: din-medium;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #1a1718;
   opacity:  1;
   font-family: din-medium;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #1a1718;
   font-family: din-medium;
}
::-webkit-input-placeholder:after{color:#df8021;content:" *";}
::-moz-placeholder:after{
	color:#df8021;content:"*";
	opacity: 1;
}
header 
{
    background-color: white;
    position: fixed;
    z-index: 2147483647 !important; 
    width: 100%;
}
.container
{
    width:980px;
    margin: 0 auto;
}

header .container {height: auto;}
.page {background: #e3e3e3 none repeat scroll 0 0;z-index: 2; margin-top: 100px; }
.home .page{height: 100%; left: 0;position: fixed;right: 0;top: 110px;background: none; overflow: scroll;}
.page .container{}
.row {
    display: inline-block;
    width: 98%;
}

.validation-error 
{
    color: red;
    float: right;
	font-size: 14px;
}
.pull-left{float:left;}
.pull-right{float:right;}
.logo {padding: 15px 0;float: left}
.navigation {float: right; margin: 20px 0;padding: 20px 0;}
.background-banner .bx-wrapper img{width:100%;}
.navigation li {display: inline;list-style: outside none none;padding: 20px;}
.navigation li a {color: black;padding-bottom: 10px;text-align: center;text-decoration: none;}
.navigation li a.active{border-bottom: 2px solid orange;}

.home-banner-text {
    background-color: transparent;
    color: white;
    font-family: DSGSans-Black;
    font-size: 26px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding-top: 50px;
    text-align: center;
}
.home-banner-heading {color: white;font-size: 55px;font-weight: bold;margin: 0 auto;padding: 5px;text-align: center;width: 690px;}
.home-banner-seprate {color: #58595b;}
.heading-text {background: #005442 none repeat scroll 0 0;color: white;font-size: 75px;margin: 0 95px;padding: 5px;text-align: center; font-family: DSGSans-Bold; padding: 5px;}
.orange {color: #df8021;}
.home-banner-adv {background-color: white;margin: 30px auto 5px;width: 730px;}

.adv-text-heading {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 12px;
}

.adv-text-left {
    float: left;
    font-family: Din-black;
    height: auto;
    padding: 20px;
    width: 60%;
}
.home-product-slider .bx-wrapper
{
	width: 665px !important;
}
.navigation a:hover {
    border-bottom: 2px solid orange;
}
.adv-text-right {background: #e3e3e3 none repeat scroll 0 0;float: right;height: auto;padding: 25px 20px;width: 25%;}

.adv-text {
    font-family: din-medium;
    font-size: 15px;
    text-align: justify;

}
.adv-text-btn {background: #df8021 none repeat scroll 0 0;margin: 10px;padding: 8px 16px 6px;text-align: center;}
.adv-text-btn > a {color: white;font-size: 25px;font-weight: bold; text-decoration: none; font-family: din-medium;}
.home-product-slider {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    padding: 20px 0;
    width: 730px;
}
.discount-text {float: left;padding: 10px;width: 60%;}

.discount-header {
    float: left;
    font-family: DSGSans-Bold;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 1px;
    width: 100%;
}
.bx-next {margin-right: -45px;}
.bx-prev {left: -25px !important;}

.discount-small-text {
    float: left;
    font-family: din-medium;
    font-size: 13px;
    width: 100%;
}
.discount-product-image {float: right;width: 33%;}
.bx-pager.bx-default-pager {display: none;}
.bx-wrapper {margin: 0 auto;}
.bx-wrapper {margin: 10px auto;}
.bx-wrapper .bx-viewport {background: #fff none repeat scroll 0 0;border: 0 none !important;box-shadow: none;left: 0;}
.home-page footer {padding: 12% 0 10px;background: none;}
footer {padding: 5px 0 10px;background: #005442 none repeat scroll 0 0;}
.footer-container {margin: 10px auto;}
.footer-logo {margin: 10px auto;text-align: center;}
.footer-text {font-size: 13px;margin: 0px;text-align: center;color: white;}
.footer-text2 {margin: 10px 0;text-align: center;}
.footer-text2 > a {font-size: 13px;margin: 0 10px;color:#df8021; text-decoration: none;}
.background-banner .bx-wrapper {left: 0;margin: 0;position: fixed;right: 0;top: 100px;}
.page .container {position: relative;z-index: 9999;}
.banner-opacity {background-color: rgba(0, 0, 0, 0.6);height: 100%;left: 0;position: fixed;right: 0;width: 100%;z-index: 1;}
.seprate {border: 1px outset white;font-size: 10px;}
.login-wrapper {margin-top: 55px;width: 100%;border-top:8px solid #df8021;background: white;}
.login-content h1 {
    margin: 30px auto 0;
    text-align: center;
	font-family: din-black;
}

.form-login {
    margin: 30px auto 10.2%;
    text-align: center;
    width: 55%;
}

.form-login input[type=text] , .form-login input[type=password]{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 5px 0;
    padding: 10px;
    width: 96%;
}

.form-control 
{
    overflow: hidden; 
}

.form-login .form-action  {
    margin-bottom: 15px;
    margin-top: 15px;
}
.required-text {
    font-size: 10px;
	color: #a3a4a6;
}
.required {
   color: #df8021;
}

.form-action {
    padding: 10px 0;
}

.form-action .cancel {
    background: #d9d9d9 none repeat scroll 0 0;
    border: medium none;
    color: #b0b2b4;
   /* font-weight: bold;*/
    padding: 8px 18px 6px;
    text-transform: uppercase;
	font-size: 17px;
	margin: 0 5px;
	cursor: pointer;
	font-family: din-medium;
    text-decoration:none;
}

.form-action .submit {
    background: #df8021 none repeat scroll 0 0;
    border: medium none;
    color: white;
    /*font-weight: bold;*/
    padding: 8px 18px 6px;
    text-transform: uppercase;
	font-size: 17px;
	margin: 0 5px;
	cursor: pointer;
	font-family: din-medium;
    text-decoration:none;
    
    
}

.form-ter .form-action {
    float: left;
    padding: 25px 0;
    width: 100%;
}
 .submit {
    background: #df8021 none repeat scroll 0 0;
    border: medium none;
    color: white;
    /*font-weight: bold;*/
    padding: 8px 18px 6px;
    text-transform: uppercase;
	font-size: 17px;
	margin: 0 5px;
	cursor: pointer;
	font-family: din-medium;
    text-decoration:none;
    
}
.forget-unregister > a {
    color: #df8021;
    font-size: 13px;
    margin: 0 15px;
    text-decoration: none;
}
.forget-unregister .seprate {
    border-color: #d9d9d9;
    font-size: 8px;
}

.banner {
    background-image: url("../img/subpage-banner.jpg");
    background-size: 100% 100%;
    height: 380px;
    position: absolute;
    width: 100%;
}

.form-forget {
    margin: 30px auto 12.8%;
    text-align: center;
    width: 55%;
}

.form-forget input[type=text] {
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
}

.form-forget.form-action {
    margin-top: 15px;
}


.form-register {
    float: left;
    margin: 30px 25px 40px;
    text-align: center;
    width: 95%;
}

.form-register.contact input[type="text"], .form-register.contact input[type="password"], textarea {
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    float: right;
    margin: 0;
    padding: 10px;
    width: 100%;
	width: 95%\9;
}

.form-register.contact .input-full-width {
    width: 100% !important;
	width: 98%\9 !important
}

textarea[required] + label::after {
    color: #df8021;
    content: " *";
}
.form-register.contact textarea[required] + .odd {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 0;
    margin-left: 10px;
    margin-top: -108px;
	margin-top: -93px\9;
    position: relative;
    text-align: left;
}
.form-register input[type="text"] ,.form-register input[type="password"] , textarea {
   background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    float: left;
    margin: 0;
    padding: 10px;
    width: 95%;
    overflow:auto;
}
.form-register .input-full-width {
    width: 97.5% !important;
}
.form-register select{
	background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
	padding: 10px\9;
    width: 100%;
}
select {
    padding: 9px\9;
	
}
option
{
	
	padding: 9px\9;
}
/*.scroll-up {
    border: 0 none;
    bottom: 50px;
    cursor: pointer;
    position: fixed;
    right: 100px;
	z-index: 99999;;
}*/

.scroll-up {
    border: 0 none;
    bottom: 0;
    cursor: pointer;
    position: fixed;
    right: 15px;
    z-index: 99999;
}


.form-sub-title {
    font-family: din-medium;
    margin: 25px auto;
    text-align: center;
    width: 80%;
}

.my-account-left {
     
    float: left;
    height: auto;
    margin: 45px 0;
    padding-bottom: 0;
    width: 25%;
}
.my-account-right {
    border-left: 2px solid #b0b0b0;
    float: right;
    margin: 50px 20px 25px 0;
    padding-left: 27px;
    width: 70%;
}
.my-account-tab {
    margin: 0 20px;
}
.tabs {
    list-style: outside none none;
}
.tabs > li {
    margin: 10px 0;
}
.tabs a {
    color: black;
    text-decoration: none;
    text-transform: uppercase;
}
.tabs a.active {
    color: #df8021;
}

.welcome-account {
    font-family: din-black;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
}
.sub-title {
    margin-bottom: 25px;
}
.my-account-content {
    margin-right: 20px;
}

.my-account-place-order {
    background: #df8021 none repeat scroll 0 0;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    width: 200px;
	float: left;
}

.btn-submit {
    color: white;
    /*font-family: din-black;*/
    font-size: 18px;
   /* font-weight: bold;*/
    text-decoration: none;

    
}
.small {
    display: inline-block;
    float: left;
    font-size: 13px;
    margin: 20px;
}

.accout-headings {
    font-size: 25px;
    font-weight: bold;
}
.account-sub-hedings {
    float: left;
    font-size: 17px;
    margin: 16px 0 0;
    width: 100%;
}
.sub-title > a {
    color: black;
}

.account-links {
    color: #df8021;
    font-family: din-medium;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}


.order-detail {
    float: left;
    margin: 10px 0;
    padding: 15px 0;
    width: 100%;
}
.order-detail.odd { background-color: #e3e3e3;}
.order-detail.even { background-color: white;}
.order-number {
    color: #005442;
    font-size: 20px;
    font-weight: bold;
    margin: 0 20px 10px;
}

.order-detail-info {
    font-size: 17px;
    font-style: italic;
    margin-bottom: 5px;
    margin-left: 20px;
}
.order-detail-info > span {
    color: #878787;
}

.update-account h1 {
    font-family: din-black;
    margin: 0 auto 25px;
    text-align: center;
}
.update-account .form-register {
    margin: 30px auto 25px;
    text-align: center;
    width: 100%;
}
.update-account .form-register input[type="text"]{
	width:100%;
	width : 92%\9;
}
.update-account .form-register select{
	width:100%;
}
.update-account .col-md-6 {
    float: left;
    padding: 10px;
    width: 46%;
}
.update-account .form-register .input-full-width{
	width:100% !important;
	width: 95%\9 !important;
}
.update-password .account-update .input-full-width
{
	width:96.5%\9 !important;
}

.col-md-9 {
    float: left;
    width: 75%;
}

.col-md-3 {
    float: left;
    width: 25%;
}
.place-order .form-register .input-full-width {
    width: 100% !important;
}

.place-order .form-register {
    margin: 30px auto 40px;
    text-align: center;
    width: 100%;
}
input , select  {
    font-family: din-medium;
	border-color: #000 !important;
}
 textarea {
	border-color: #000 !important;
}
.center {
    float: left;
    text-align: center;
    width: 100%;
}
.order-detail-info.last {
    float: right;
    font-family: din-black;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    margin-right: 10px;
    width: 100%;
}

.order-detail-info.last a {
    color: #df8021;
    float: right;
    font-family: din-medium;
    font-weight: normal;
    text-decoration: none;
}
.order-detail-info.last a:hover {
    color: #005442;
    float: right;
    font-family: din-medium;
    font-weight: normal;
    text-decoration: none;
}
.bxslider img {
    height: 55px;
    width: 100%;
}

.landing-container-content > img {
    margin: 50px 0 0px;
}

.landing-container-content {
    text-align: center;
}


.container-content > img {
    margin: 50px 0 20px;
}

.container-content {
    text-align: center;
}

.offers-img {
    height: auto;
    margin: 0 auto;
    padding: 25px;
    width: 930px;
}

.offers-img > img {
    width: 100%;
}


.offers-content {
    font-size: 22px;
    padding: 0 0 0px 25px;
    width: 95%;
}

.offers-disclaimer {
    text-align:center;
    font-size: 16px;
    padding: 0 0 0px 25px;
    width: 95%;
}

.sub-heading {
    margin: 20px auto 10px;
    text-align: center;
    width: 60%;
}

.form-register .tip {
    margin: 10px auto;
    text-align: left;
    float: left;
}


.forget-unregister {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.faq {
    margin: 25px auto;
    padding-bottom: 10px;
    width: 90%;
}

.print-action {
    margin: 0 auto 25px;
    width: 90%;
}

.faq-content {
    padding-left: 25px;
    padding-top: 15px;
}
.faq-inner
{
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
}
.faq-title {
    cursor: pointer;
    font-weight: bold;
    margin-left: 25px;
}

.faq-title::before {
    content: "+";
    left: 50px;
    position: absolute;
}
.faq-title.active::before
{
	content: "-";
	color: #df8021;
	margin-right: 12px;
}
.faq-title.active
{
	color: #df8021;
	font-weight: bold;
}
.account-headings {
    font-family: din-black;
    font-size: 24px;
    margin-bottom: 15px;
}
.recent-order {
    margin-top: 30px;
}
.my-account-right .bx-wrapper 
{
	max-width: 600px !important;
}
.my-account-right .home-product-slider {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    padding: 20px 0;
    width: 675px;
}

.order .sub-title {
    text-align: left;
}

.order form {
    text-align: left;
}
/*.order form input {
    margin: 10px 10px 10px 0 !important;
}*/

.update-account {
    /*float: left;*/
    margin-bottom: 80px;
}

.sub-heading > a {
    color: #df8021;
    text-decoration: none;
}

.faq-content > ul {
    margin-left: 30px;
	margin-top: 10px;
}

.faq-content li {
    margin-bottom: 10px;
	text-align: justify;
}

.faq-content ol {
	margin-top: 10px;
	margin-left: 7px;
}
.faq-content ol li {
    margin-left: 10px;
}

.faq-content ol ol li {
    margin-left: 25px;
}


.col-md-6 {
    float: left;
    padding: 10px;
    width: 47%;
}



.col-md-12 {
    float: left;
    padding: 10px;
    width: 96%;
}
input + label, select + label, textarea + label {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 10px;
	margin-top: -28px;
	margin-top: -30px\9;
    position: relative;
    text-align: left;
}
input[required] + label {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 10px;
	margin-top: -32px;
	margin-top: -30px\9;
    position: relative;
    text-align: left;
}
.form-forget input[required] + label {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 10px;
	margin-top: -37px;
	margin-top: -30px\9;
    position: relative;
    text-align: left;
}
.form-register input[required] + .odd {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 0;
    margin-left: 12px;
    margin-top: -28px;
	margin-top: -23px\9;
    position: relative;
    text-align: left;
}
.form-register textarea[required] + .odd {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 0;
    margin-left: 10.5%;
    margin-top: 21px;
    position: absolute;
    text-align: left;
}
.form-register input[required] + .even {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 0;
    margin-left: 12px;
    margin-top: -28px;
	margin-top: -23px\9;
    position: relative;
    text-align: left;
}
input[required] + label:after {
    content:' *';
    color: #df8021;
}
textarea[required] + label:after {
    content:' *';
    color: #df8021;
}
/* show the placeholder when input has no content (no content = invalid) */
input[required]:invalid + label {
    display: inline-block;
}
textarea[required]:invalid + label {
    display: inline-block;
}
/* hide the placeholder when input has some text typed in */
input[required]:valid + label{
    display: none;
}
textarea[required]:valid + label{
    display: none;
}

.faq-content a {
	color: #df8021;
	text-decoration: none;
}
.account-update input[required] + .odd {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 0;
    margin-left: 10px;
    margin-top: -26px;
	margin-top: -24px\9;
	position: relative;
    text-align: left;
}
.account-update input[required] + .even {
    color: #000;
    float: left;
    font-size: 0.8em;
    left: 0;
    margin-left: 10px;
    margin-top: -26px;
	margin-top: -24px\9;
    position: relative;
    text-align: left;
}
.my-account-place-order:hover {
    background: #005442 none repeat scroll 0 0;
    cursor: pointer;
}

.submit:hover {
    background: #005442 none repeat scroll 0 0;
    cursor: pointer;
}

.form-action .cancel:hover {
    background: #005442 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
}

.faq-title-text {
    cursor: pointer;
    float: left;
    font-weight: bold;
}

.account-links:hover {
    color: #005442;
}

.adv-text-btn:hover {
    background: #005442 none repeat scroll 0 0;
}

#elapsed > a {
    color: #df8021;
    text-decoration: none;
}

.adv-text-right .submit {
    font-size: 25px;
    margin: auto;
    padding: 8px 16px 6px;
    display: inline-block;
    text-align:center;
    min-width: 130px;
}
.error a
{
	text-decoration: none;
}
.checkbox {
    color: #df8021;
    font-size: 14px;
    margin: 0;
    text-decoration: none;
}


.password-label {
    color: black;
    float: left;
	font-size: 14px;
}

TEXTAREA, INPUT[type="text"] 
{
    font-family: inherit;
    font-size:inherit;
    font-weight:inherit;
}

.order-edit
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:292px;
}
.order-dropdown
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:155px;
}
.order-info {
    font-size: 17px;
    font-style: italic;
    margin-bottom: 5px;
}


.register-edit-short
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:415px;
}
.register-dropdown-short
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:437px;
}
.register-edit-long
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:871px;
}


.contact-us-edit
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:395px;
}
.contact-us-text-area
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:826px;
    height:150px;
}

.account-update-edit-short
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:290px;
}
.account-update-edit-long
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:616px;
}

.account-update-dropdown-short
{
    background: #e0e3e3 none repeat scroll 0 0;
    border: 1px solid #9c9c9c;
    margin: 0;
    padding: 10px;
    width:310px;
}