/*
 Theme Name:     Rhineland Ordering System
 Theme URI:      http://switchcreatives.com
 Description:    Salesperson registration and order submission for Rhineland Cutlery
 Author:         Edward Zivkovic
 Author URI:     http://switchcreatives.com
 Template:       twentysixteen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

@font-face {
  font-family: Lucida Handwriting;
  src: url(fonts/Lucida_Handwriting_Italic.ttf);
}


@font-face {
  font-family: Brush Script D;
  src: url(fonts/Brush_Script_D_Regular.ttf);
}

@font-face {
  font-family: EnglishGravureRegular;
  src: url(fonts/EnglishGravure_Regular.ttf);
}

@font-face {
  font-family: GeorgiaRef;
  src: url(fonts/GeorgiaRef.ttf);
}

@font-face {
  font-family: ARBERKLEY;
  src: url(fonts/ARBERKLEY.ttf);
}


@font-face {
  font-family: ITCEDSCR;
  src: url(fonts/ITCEDSCR.TTF);
}

@font-face {
    font-family: 'boulevard_bqregular';
    src: url('fonts/boulevard_bq_regular-webfont.woff2') format('woff2'),
         url('fonts/boulevard_bq_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vijayaregular';
    src: url('fonts/vijaya-webfont.woff2') format('woff2'),
         url('fonts/vijaya-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



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




.site {
    margin: 0;
    background: transparent;
}

body {
	background:#000 url(images/bg.jpg) no-repeat center top;
	padding:0 0px 10px 0px;
	font-family: prenton, sans-serif;
	text-shadow:1px 1px #eee;
}

body, button, input, select, textarea {
    font-family: prenton, sans-serif;
}


body.body-ordering-system.page-template-ordering-new #wrapper #page {
    margin: 0; background: transparent;
}


body.body-ordering-system.page-template-ordering-new #wrapper {
    max-width: 950px; min-height: 600px;
    background: transparent /*url("images/registration-form-2.jpg") no-repeat*/;
    background-size: cover; background-position: center center; margin:30px auto 0;
}

body.body-ordering-system, body.login.login-action-login, body.login.login-action-lostpassword {
    background: #0F0000 url("images/order-form-bg-new.jpg") no-repeat !important; 
	background-size: 100% 100% !important; height: 100%;
}

p{
	font-family: arial;
}

.ordering-system-menu-wrapper {
    display: inline-block; width: 100%; background: transparent; padding: 0px;
}

.ordering-system-menu-wrapper .welcome-text {
    float: left; padding: 10px 20px 10px 0; color: #fff; font-size: 14.8px; 
} 

.ordering-system-menu-wrapper .ordering-system-nav {
    float: right; padding-right: 0px;
}

.ordering-system-menu-wrapper .ordering-system-nav ul li {
    float: left; margin: 0 0 0 10px !important; padding: 0 !important; list-style: none;
}

.ordering-system-menu-wrapper .ordering-system-nav ul li a {
    color: #fff; text-shadow: none;
    padding: 12px 0 12px 14px; display: inline-block; font-size: 14.8px; 
}

body.body-ordering-system #wrapper #content h2 {
    background: none;margin: 0;text-shadow: none; font-family: arial; font-weight: 700; letter-spacing: 1px; 
    color:  #720200; font-size: 30px; padding: 10px 0; text-align: center; text-transform: capitalize;
}

body.body-ordering-system #wrapper #content h3 {
    color: #000; text-shadow: none; font-size: 20px;
}

body.body-ordering-system #new-ordering-form h2.title-steps {
    font-size: 36px !important; line-height: 63px;
}

.ordering-outer-container .ordering-container form {
    max-width: 858px; margin: 0 auto; width:100%;
}


#content .ordering-outer-container {
    padding: 0px 0px 40px; margin: -5px 0 30px; width: 850px; max-width: 100%; background: #fff;
}

.rl-logo-container {
    padding: 20px; display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap;
	justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;
	-ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; margin-bottom:40px;
}

#content .ordering-outer-container .rl-logo-content h2, 
#content .ordering-outer-container .rl-logo-content h3 {
    text-align: center; font-family: prenton, sans-serif; font-weight: normal; border: none; padding: 0;
}

#content .ordering-outer-container .rl-logo-content h2 {
    font-size: 27px; color: #fff; margin: 0 0 5px;
}

#content .ordering-outer-container .rl-logo-content h3 {
    margin: 0;
}

#content .ordering-outer-container .rl-logo-content h2 strong {
    font-weight: normal; font-style: normal; position: relative; margin-left: 25px;
}

#content .ordering-outer-container .rl-logo-content h2 strong::before {
    content: ""; width: 8px; height: 8px; background: #fff; border-radius: 100%; display: block;
    position: absolute;  top: 22px; left: -16px;
}

.ordering-outer-container .rl-logo-left {
    width: 40%;
}


.new-user-adding-wrapper .form-field label {
    color: #fff; text-shadow: none;
}

.new-user-adding-wrapper form .button-primary {
    clear: none; color: #5a1716; background: #fff; border-radius: 5px; padding: 10px 17px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; width: auto; cursor: pointer;
    transition: all 0.2s linear; box-shadow: inset 0 0 3px #000; border: 1px solid #5a1716;
    font-size: 15px; margin: 0 10px 0 0; text-shadow: 1px 1px #000; text-align: center;
}

.new-user-adding-wrapper form .button-primary:hover {
    background: #5a1716; color: #fff; text-shadow: 1px 1px #000;
}

.form-field.form-field-button {
    margin-bottom: 40px;
}

.new-user-adding-wrapper .error, .userCreated-error {
    color: red; text-shadow: none; padding: 0 25px;
}

.new-user-adding-wrapper {
    min-height: 500px;
}

.userCreated {
    width: 100%; display: block; text-align: center; margin: 37px 0; color: green; font-size: 25px;
}

.ordering-outer-container .input-section .input-field {
    position: relative;
}

.ordering-outer-container .error {
    color: red !important; font-size: 12px; position: absolute; bottom: -18px; left: 0;
}

.product-item-list .product-item-list-left ul.category_sets li {
    margin-bottom: 12px !important;
}

a:focus {
    outline: none;
}

.li-list-last-input br {
    display: none;
}

.ordering-success p {
    color: green !important; text-shadow: none !important; font-size: 17px;
}

.ordering-success h2 {
    text-align: center !important; text-shadow: none !important;
}

.body-ordering-system.page-template-ordering-new #wrapper {
     position: inherit; left: 0; transform: translate(0); -webkit-transform: translate(0);
    -moz-transform: translate(0); -ms-transform: translate(0);
}

.body-ordering-system.page-template-ordering-new #content .ordering-outer-container {
    width: 100%; border-radius: 40px;
}

.order-submit-btn #ordering-btn, .update-form-outer .update-btn input[type="submit"] {
    width: auto; background: #720200; border-radius: 50px; border: none; padding: 11px 32px;
    color: #fff; height: auto; line-height: normal; font-family: arial; font-size: 19px; text-transform: capitalize;
    margin-top: 20px;  cursor: pointer; box-shadow: none;
}

.order-submit-btn #ordering-btn:hover, .update-form-outer .update-btn input[type="submit"]:hover, 
.order-submit-btn.outer-steps-buttons.outer-next-final #ordering-btn {
    background: #000; color:#fff;
}


body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2, .product-item-order h2 {
    position: relative; cursor: pointer; text-align: left; line-height: normal;
}

body.body-ordering-system.page-template-ordering-new #wrapper #content h2 {
    text-align: left;
}

body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2.close, .product-item-order h2.close {
    border-bottom: 1px solid #000;
}


body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::after, 
body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::before, 
.product-item-special-order h2::after, .product-item-special-order h2::before {
    background: #000; content: ''; height: 5px; left: 0px; position: absolute; top: 25px;
    width: 15px; transition: transform 500ms ease;
    -webkit-transition: transform 500ms ease; -moz-transition: transform 500ms ease;
}

body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::before, 
body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::after, 
.product-item-special-order h2::after, .product-item-special-order h2::before {
    transform: rotate(180deg); -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);
}

body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2.close::after, 
.product-item-special-order h2.close::after {
    transform-origin: center; transform: rotate(90deg); -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);
}

body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2.close:hover::after, 
body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2.close:hover::before, 
body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2.close::before, 
body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2.close::after, 
.product-item-list h2.close:hover::after, .product-item-list h2.close:hover::before, 
.product-item-list h2.close::after, .product-item-list h2.close::before {
    background:rgba(62,9,4,0.9);
}

body.body-ordering-system #wrapper .ordering-container form h2 {
    text-align: left;
}

.ordering-outer-container #new-ordering-form .input-section {
	display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox;
	display:flex; justify-content: space-between; -webkit-justify-content: space-between;
	-moz-justify-content: space-between; -ms-justify-content: space-between;
	-webkit-box-pack: justify; -ms-flex-pack: justify;
}

.ordering-outer-container #new-ordering-form .input-section input {
    box-shadow: none; margin-bottom: 0px; font-size: 24px; border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50px; padding: 15px 24px; width: calc(100% - 0px); background: #fff; color:#ddd;
}

.ordering-outer-container #new-ordering-form .input-section input, 
.ordering-outer-container #new-ordering-form .input-section.new-ordering-2-col .input-field select {
    box-shadow: none; margin-bottom: 0px; font-size: 24px; border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50px; padding: 11px 27px; width: calc(100% - 0px); background: #fff; color:#000;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-2-col .input-field select {
   background: #fff url("images/state-arrow.png") no-repeat 90% center;
   appearance: none; -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
	padding: 4px 21px;
	background-size: 16px;
}



.ordering-outer-container #new-ordering-form .input-section.new-ordering-2-col input::-webkit-input-placeholder {
  color:#ddd;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-2-col input:-ms-input-placeholder {
  color:#ddd;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-2-col input::placeholder {
   color:#ddd;
}

.ordering-outer-container #new-ordering-form .input-field.state-section {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
}

.ordering-outer-container #new-ordering-form .input-section .input-field br {
    display: none;
}

.ordering-outer-container #new-ordering-form .input-section .input-field {
    width: 100%;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .input-field {
    width: 37%;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .input-field.ship {
    width: 8%;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .ship-radio {
    display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox;
	display:flex; margin-top: 7px; position: relative;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .ship-radio span {
    position: absolute; left: 0; width: auto; top: 0; padding-left: 28px; cursor: pointer;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .ship-radio input {
	width: 100%; height: 24px; position: relative; z-index: 9; cursor: pointer; opacity: 0;
}

.ship-radio span::before {
    width: 15px; height: 15px; background: #fff; content: ""; display: block; position: absolute;
    left: 0; border-radius: 100%; top: 4px; box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1);
    border: 1px dotted rgba(0,0,0,0.4); transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear;
}

.ship-radio input[type="radio"]:checked ~ span::before {
   background: rgba(62,9,4,0.9);
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .input-field.delivered {
    width: 13%;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-2-col .input-field {
    width: 47%;
}

.ordering-outer-container #new-ordering-form .input-section.new-ordering-3-col .input-field {
    width: 32.2%;
}

.ordering-outer-container #new-ordering-form .input-section .input-field {
    margin-bottom:22px;
}

.product-item-list .product-item-list-left {
    width: 100%;
}

.product-item-list .product-item-list-left .product-tbody {
    display: inline-block; width: calc(100% - 0px); background: rgba(62,9,4,0.9); padding: 10px 15px;
	margin: 7px 0 13px; border-radius: 2px;
}

.product-item-list .product-item-list-left .product-tbody .qty-item-section {
    float: left; width: 30%;
}

.product-item-list .product-item-list-left .product-tbody span.qty {
    margin-right: 37px;
}


.product-item-list .product-item-list-left .product-tbody .retail-price-section {
	float: right; width: 55%; display:-webkit-flex; display:-webkit-box; display:-moz-flex;
	display:-moz-box; display:-ms-flexbox; display:flex; justify-content: flex-end;
	-webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end;
}

.product-item-list-left .product-tbody .retail-price-section span {
    margin: 0 0 0 131px;
}

.product-item-list-left .product-tbody .retail-price-section span:first-child {
    margin: 0;
}

.product-item-list .product-item-list-left .product-tbody span {
    color: #fff; text-shadow: none; font-weight: 600;
}

#content .ordering-outer-container #new-ordering-form .product-item-list .product-item-list-left h2, 
body.body-ordering-system #wrapper #content .ordering-outer-container .product-item-order h2 {
    padding-left: 26px; margin-bottom: 0px; font-size: 30px;
}


#wrapper #content .ordering-outer-container .engraving-instructions-outer h2 {
    padding-left: 0px !important;
}

.product-item-list .product-item-list-left ul.category_sets li {
    display: inline-block; width: 100%;
}

.product-item-list .product-item-list-left ul.category_sets li .li-list {
    width: 40%; float: left; display:-webkit-flex; display:-webkit-box; display:-moz-flex;
	display:-moz-box; display:-ms-flexbox; display:flex; position: relative;
}

.product-item-list .product-item-list-left ul.category_sets li .li-list.li-list-last {
    width: 55%; float: right;
}

.li-list.li-list-last {
    justify-content: flex-end; -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end; -ms-justify-content: flex-end;
}

.product-item-list .product-item-list-left ul.category_sets li .li-list .li-list-field {
    float: left;
}

.product-item-list .product-item-list-left ul.category_sets li .li-list span {
    color: #000; text-shadow: none; padding-top: 3px;
}

.product-item-list-left ul.category_sets li .li-list .li-list-field input[type="number"] {
    width: 61px; height: 30px; padding: 0 5px; text-align: center; margin-right: 12px;
}

.product-item-list-left ul.category_sets li .li-list input {
    border: 1px solid rgba(0,0,0,0.1); height: 35px; padding: 0 17px; background: #fff; font-size: 15px;
}



.li-list-last-input input {
    width: calc(100% - 0px);
}

.li-list-last-input {
    width: 200px; margin: 0 0 0 13px; float: left; position: relative;
}

.li-list-last-input::before {
    content: "$"; color: #000; text-shadow: none; position: absolute; display: block; left: 4%; top: 4.5px; font-size: 15px;
}

.product-item-list .product-item-list-left ul.category_sets {
    margin-bottom: 20px; margin-left: 0; list-style: none; margin-top: 20px;
}

.ordering-outer-container #new-ordering-form .product-item-engraving .input-section .input-field {
    width: 23.6%;
}

.engraving-input:before {
    content: "$"; color: #000; text-shadow: none; position: absolute; display: block; left: 10px; top: 7px; font-size: 15px;
}

.product-item-engraving .input-section .input-field label {
    margin: 0 0 5px; display: block;
}

.engraving-input {
    position: relative;
}

.product-item-order img {
    width: 100%; margin: 15px 0 40px;
}

.product-item-engraving .input-section label {
    text-shadow: none;
}

#new-ordering-form .product-item-engraving .input-section input {
    background: transparent; padding: 10px 20px; width: calc(100% - 0px); font-size: 15px
}




#new-ordering-form .include-sales-tax {
    margin-bottom: 25px;
}


.tax-input .el-switch {
	display: inline-block;
	font-size: 100%;
	height: 1.6em;
	position: relative;
}

.tax-input .el-switch .el-switch-style {
	height: 1.6em; left: 0; background: #444; -webkit-border-radius: 0.8em; border-radius: 0.8em;
	display: inline-block; position: relative; top: 0; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; width: 3em; cursor: pointer;
}

.tax-input .el-switch .el-switch-style:before {
	display: block; content: ''; height: 1.4em; position: absolute; width: 1.4em; background-color: #fff;
	-webkit-border-radius: 50%; border-radius: 50%; left: 0.1em; top: 0.1em;
	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: prenton, sans-serif;
}

.tax-input .el-switch .el-switch-style:after {
	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; 
	content: 'NO'; left: 6px; top: 7px; font-size: 11px; font-weight: 900; font-family: prenton, sans-serif;
}

.tax-input .el-switch > input[type="checkbox"] {
    display: none;
}

.tax-input .el-switch > input[type="checkbox"]:checked + .el-switch-style {
    background-color: #5a1716;
}

.tax-input .el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
     left: 50%;
}

.tax-input .el-switch > input[type="checkbox"]:checked + .el-switch-style::after {
    display: block; -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;  position: absolute; font-size: 11px;
    width: auto; height: auto; border: none; content: 'YES'; left: 53%; top: 6px; font-weight: 900;
}

.tax-input .el-switch.el-switch-lg {
    font-size: 125%;
}




@media only screen and (max-width:767px){

	body.body-ordering-system.page-template-ordering-new #wrapper {
		margin-top: 0;
	}

	.rl-logo-left a img {
		width: 100%;
	}

	.rl-logo-left a {
		display: block;
	}

	.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .input-field, 
	.ordering-outer-container #new-ordering-form .input-section.new-ordering-3-col .input-field, 
	.ordering-outer-container #new-ordering-form .input-section.new-ordering-2-col .input-field {
		width: 100%;
	}

	.ordering-outer-container #new-ordering-form .input-section {
		flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap;
	}

	.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .input-field.ship {
		width: 68px;
	}

	.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .input-field.delivered {
		width: 78%;
	}

	.product-item-list-left ul.category_sets li .li-list .li-list-field input[type="number"] {
		width: 40px; margin-right: 0;
	}

	.product-item-list .product-item-list-left ul.category_sets li .li-list span {
		text-align: left; padding-left: 12px;
	}

	.product-item-list .product-item-list-left ul.category_sets li .li-list {
		width: 45%;
	}

	.product-item-list .product-item-list-left ul.category_sets li .li-list.li-list-last {
		width: 54%;
	}

	.li-list-last-input input {
		width: calc(100% - 22px);
	}

	.product-item-list-left ul.category_sets li .li-list input {
		padding: 0 5px 0 15px;
	}

	.li-list-last-input::before {
		left: 13%; top: 4px;
	}
		
	.engraving-input::before {
		left: 8px; top: 8px;
	}

	.product-item-list .product-item-list-left .product-tbody span.qty {
		margin-right: 21px;
	}

	.product-item-list .product-item-list-left .product-tbody .retail-price-section {
		width: 58%; justify-content: space-between; -webkit-justify-content: space-between;
		-moz-justify-content: space-between; -ms-justify-content: space-between;
	}

	.product-item-list-left .product-tbody .retail-price-section span {
		margin: 0 0 0 7%; 
	}

	.product-item-list .product-item-list-left .product-tbody span {
		font-weight: normal; font-size: 13px;
	}

	.product-item-list .product-item-list-left .product-tbody {
		display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox;
		display:flex; align-items: center; -webkit-align-items: center; -moz-align-items: center;
		-ms-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;
		-moz-justify-content: space-between; -ms-justify-content: space-between;
		-webkit-box-pack: justify; -ms-flex-pack: justify;
	}

	body.body-ordering-system #wrapper #content h2 {
		font-size: 24px;
	}

	body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::after, 
	body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::before {
		top: 28px;
	}

	.order-submit-btn #ordering-btn, .update-form-outer .update-btn input[type="submit"] {
		margin-top: 0;
	}


}/*====media close====*/



@media only screen and (min-width:768px) and (max-width:980px){

	.rl-logo-left a img {
		width: 100%;
	}

	.rl-logo-left a {
		display: block;
	}

	.ordering-outer-container .ordering-container form {
		width: calc(100% - 40px);
	}

	.ordering-outer-container #new-ordering-form .input-section.new-ordering-4-col .input-field.delivered {
		width: 14%;
	}

	.product-item-list-left .product-tbody .retail-price-section span {
		margin: 0 0 0 95px;
	}

	.product-item-list .product-item-list-left .product-tbody .retail-price-section {
		justify-content: space-between; -webkit-justify-content: space-between;
		-moz-justify-content: space-between; -ms-justify-content: space-between;
	}	

	.product-item-engraving .input-section {
		margin-top: 15px;
	}
	
	
}/*====media close====*/





/*====================ORDERING CLOSE============================*/





/*===========================NEW LOGIN DESIGN AND REGISTER DESIGN===============================*/


@media only screen and (max-width:767px){

	#content .ordering-outer-container {
		padding: 23px 0px 40px; margin: 0 auto 30px; width: 100%;
	}	

	.ordering-container {
		width: 94%; margin: 0 auto;
	}
	
	#wrapper {
		width: 100%;
	}
	
	.ordering-outer-container .rl-logo-left {
		width: 100%; margin-bottom: 20px;
	}

	#content .ordering-outer-container .rl-logo-content h2 {
		margin: 0 0 10px;
	}

	#content .ordering-outer-container .rl-logo-content h2 strong {
		display: inline-block;
	}

	.rl-logo-content {
		width: 100%;
	}

	.product-item-list .product-item-list-left {
		width: 100%; margin-bottom:0px;
	}

	.product-item-order img {
		width: 100%; margin: 0 0 40px;
	}

	.product-item-engraving .input-section {
		padding: 16px 0px;
	}
	
	#content {
		width: auto; padding: 0px 30px 30px 30px; margin-top: 29px;
	}
	
	#bottom-nav .list, #bottom-nav ul li {
		width: 100%;
	}
	
	#footer {
		width: 90%;
	}
	
	#bottom-nav .list {
		margin-bottom: 30px;
	}
	
	
	.body-ordering-system.page-template-register-salesperson-tpl #wrapper #content {
		width: auto !important; padding: 0 0px !important; float: none;
	}
	
	.body-ordering-system.page-template-register-salesperson-tpl #wrapper {
		width: 100%;
		overflow: auto; padding: 17px 15px;
	}
	
	.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper {
		padding: 0 15px 30px !important;
		width: auto;
	}
	
	.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper #addambassadorForm {
		width: 100%;
		padding: 0 0 !important;
	}
	
	.retail-price-section span {
		margin: 0 0 0 12px;
	}
	
	.ordering-system-nav ul {
		display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box;
		display:-ms-flexbox; display:flex; justify-content: center;
		-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center;
	}
	
}/*===media close===*/


@media only screen and (max-width:540px){

	.new-user-adding-wrapper {
		padding: 0 25px;
	}	

	#bottom-nav .list, #bottom-nav ul li {
		width: calc(100% - 50px);
	}
	
	#footer p {
		padding: 0 30px; margin: 20px 0;
	}
	
	.form-field-2columns.address, .new-user-adding-wrapper .form-field-3columns {
		display: inline-block; width: 100%;
	}
	
	.form-field-2columns.address .form-field, .new-user-adding-wrapper .form-field-3columns .form-field {
		width: 100%;
	}
	
	
	
}/*===media close===*/


@media only screen and (min-width:768px) and (max-width:980px){

	#wrapper {
		width: 100%;
	}

	#content {
		width: auto; margin-top: 0;
	}	

	#content .ordering-outer-container {
		width: calc(100% - 50px);
	}

	.ordering-outer-container .rl-logo-left {
		width: 38%;
	}

	#content .ordering-outer-container .rl-logo-content h2 {
		font-size: 22px;
	}

}/*===media close===*/


@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap);
/*font-family: 'Oswald', sans-serif;*/


.body-ordering-system #wrapper {
    background: #fff;  max-width: 600px; height: auto; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); overflow: hidden;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1); border: none; border-radius: 6px 6px 0 0;
}

.body-ordering-system #wrapper #header, .body-ordering-system #wrapper #footer {
    display: none;
}

.body-ordering-system #wrapper #content {
    margin-top: 0;
    width: 100%; padding: 0;
}

.body-ordering-system #wrapper #content h2 {
    background: #3e0904; margin: 0; text-shadow: none; font-family: arial;
    color: #fff; font-size: 37px; padding: 10px 0;
}

body.body-ordering-system {
    text-shadow: none; background: rgba(62,9,4,0.9);
}

body.body-ordering-system::before {
    padding: 0px; text-shadow: none; background-size: cover; content: ""; display: block; width: 100%; 
	height: 100%; position: absolute; top: 0; left: 0; right: 0; opacity: 0.1; display:none;
}

.body-ordering-system #wrapper .salesperson-login-wrapper {
    padding: 30px; background: rgba(0,0,0,0.1);
}

.body-ordering-system #wrapper .salesperson-login-wrapper .form-field input {
    width: calc(95% - 0px); padding: 16px 24px; box-shadow: none;  margin-bottom: 20px; font-size: 15px;
    border: 1px solid rgba(0,0,0,0.1); border-radius: 50px; transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; background: #fff;
}

.forgot-username span, .forgot-username a {
    font-size: 15px;
}

.body-ordering-system #wrapper .salesperson-login-wrapper .form-field input:focus {
    width: calc(100% - 51px);
}

.body-ordering-system #wrapper #loginform {
	display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox;
	display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap; justify-content: center; -webkit-justify-content: center;
	-moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: justify;
	-ms-flex-pack: justify; margin-top: 30px;
}

.body-ordering-system #wrapper #loginform .form-field {
    width: 100%; text-align: center;
}

.body-ordering-system .forgot-username {
    width: 95%; text-align: right; margin: 0 auto 35px;
}

input:focus {
    outline: none !important;
}

.body-ordering-system #wrapper #loginform .form-field #wp-submit {
    margin: 0 auto; max-width: 194px; background: #3e0904; color: #fff; font-size: 18px; text-transform: capitalize;
    font-family: arial; padding: 13px 0; line-height: normal; cursor: pointer; font-weight: normal;
}

.body-ordering-system .no-account {
    margin-top: 100px;
}

.body-ordering-system #wrapper .no-account p {
    color: #000; text-shadow: none; text-align: center;  margin: 0;  padding: 3px 0; font-size:15px;
}

.body-ordering-system #wrapper .no-account p a, .body-ordering-system .forgot-username a{
    color: #3e0904;
}

.body-ordering-system .forgot-username a {
    margin-left: 5px;
}

.body-ordering-system.page-template-register-salesperson-tpl .salesperson-registartion{
    max-width: 950px;  background: #fff url("images/registration-form-2.jpg") no-repeat 0 0; 
	background-size: cover; width: 100%; border-radius: 40px;
}

.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper .form-field-2columns, 
.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper .form-field-3columns {
	width: 100%; display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
	-moz-justify-content: space-between; -ms-justify-content: space-between;
}

.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper .form-field-2columns .form-field, 
.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper .form-field-3columns .form-field {
	width:48%;
}

.page-template-register-salesperson-tpl .form-field-3columns .form-field-3-2, 
.new-user-adding-wrapper .form-field-register {
    width: 48%;
    display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
	-moz-justify-content: space-between; -ms-justify-content: space-between;
}

.body-ordering-system.page-template-register-salesperson-tpl #wrapper {
    position: static; transform: translate(0, 0); -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); left: 0; top: 0;
    margin: 30px auto 0; max-width: 950px; background: transparent;
}

.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper {
    height: auto; padding: 15px; min-height: auto; margin-bottom: 30px;
}

.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper #addambassadorForm {
    width: 100%; padding: 20px;
}

.body-ordering-system.page-template-register-salesperson-tpl #wrapper #content h2 {
    background: transparent; color: #3e0904;
}

.body-ordering-system.page-template-register-salesperson-tpl #wrapper #content {
    width: 100%;  padding: 0; float: left;
}

.body-ordering-system.page-template-register-salesperson-tpl .form-field input{
	box-shadow: none; margin:5px 0; font-size: 15px; border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; padding: 10px 12px;
	padding: 11px 27px; background:#fff; text-transform: capitalize; font-size: 18px;
	color:#000;
	font-family: arial;
	margin-bottom: 10px;
}

.body-ordering-system.page-template-register-salesperson-tpl .form-field input::-webkit-input-placeholder {
  color:#ddd;
}

.body-ordering-system.page-template-register-salesperson-tpl .form-field input:-ms-input-placeholder {
  color:#ddd;
}

.body-ordering-system.page-template-register-salesperson-tpl .form-field input::placeholder {
   color:#ddd;
}

.body-ordering-system.page-template-register-salesperson-tpl h3 {
    margin: 0 0 15px;
    text-shadow: none !important;
    color: 
    #000 !important;
    padding-bottom: 15px; border-bottom: 1px solid #5a1716;
}

.body-ordering-system.page-template-register-salesperson-tpl h3 span {
    font-weight: normal; padding-right: 10px;
}


.body-ordering-system.page-template-register-salesperson-tpl h3 span {
    float: left !important;
}

.body-ordering-system.page-template-register-salesperson-tpl .box-submit-step-one span {
    background: #720200; color: #fff; padding: 7px 33px 7px 22px; font-family: arial; text-transform: capitalize;
    display: inline-block; border-radius: 50px; cursor:pointer; margin-top:15px; position:relative; font-size: 20px;

}

.body-ordering-system.page-template-register-salesperson-tpl .box-submit-step-one span:hover {
    background: #000; color: #fff;
}

.body-ordering-system.page-template-register-salesperson-tpl .box-submit-step-one span::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
	position: relative;
	top: 1px;
	right: -12px;
}




.body-ordering-system.page-template-register-salesperson-tpl .error {
    padding: 0 !important; font-size: 12px;  position: relative; left: 6px;
}

.new-user-adding-wrapper label {
    display: none;
}

.body-ordering-system.page-template-register-salesperson-tpl .wrapper-step-two .box-submit-step-one .button-primary {
    background: #000; padding: 14px 33px; display: inline-block; color: #fff; font-weight: normal; 
	font-family: arial; font-size:20px;
}

.new-user-adding-wrapper .error, .userCreated-error {
    padding: 0 36px;
}

.userCreated-error {
    position: relative; top: 17px;
}

.userCreated {
    margin: 10px 0; font-size: 20px;
}


/*===========================NEW LOGIN DESIGN AND REGISTER DESIGN===============================*/





/*===========================UPDATE INFO===============================*/

body.body-ordering-system.page-template-update-info #wrapper .wrapper-ordering-system{
    max-width: 950px; min-height: 600px;
    background: #fff url("images/registration-form-2.jpg") no-repeat;
    background-size: cover; background-position: center center; margin: 0px auto 0; border-radius: 40px;
}

.ordering-outer-container input {
    background: #fff; font-weight: normal; color: #000;
}

body.body-ordering-system #wrapper #content .ordering-outer-container h2 {
    text-align: left;
}

.body-ordering-system.page-template-update-info #wrapper {
    position: inherit; left: 0; transform: translate(0); -webkit-transform: translate(0);
    -moz-transform: translate(0); -ms-transform: translate(0); margin: 0 auto;
    max-width: 950px; background:transparent; margin: 30px auto 0;
}  

.body-ordering-system.page-template-update-info #wrapper #content::before {
    display: none;
} 

.body-ordering-system.page-template-update-info #content .ordering-outer-container {
    border-radius: 40px;
}

.body-ordering-system.page-template-update-info #content .ordering-outer-container {
    width: 100%;
}

.update-form-inner {
    display: inline-block; width: 100%;
}

.update-form-inner {
	display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox;
	display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between;
	-moz-justify-content: space-between; -ms-justify-content: space-between;
	-webkit-box-pack: justify; -ms-flex-pack: justify;
}

.update-form-inner .update-field {
    width: 47%; margin-bottom: 20px;
}

.update-form-inner .update-field label {
    display: block; margin-bottom: 5px;
}

.update-form-inner .update-field input{
	box-shadow: none; margin-bottom: 0px; border: 1px solid rgba(0,0,0,0.1);
	border-radius: 50px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
	padding: 11px 27px; width:calc(100% - 0px); color:#000; font-size:20px; font-family: arial;
}


.update-form-inner .update-field input::-webkit-input-placeholder {
  color:#ddd;
}

.update-form-inner .update-field input:-ms-input-placeholder {
  color:#ddd;
}

.update-form-inner .update-field input::placeholder {
   color:#ddd;
}

#update-info-form .update-form-outer h2.title-heading {
    margin: 41px 0 27px !important; border-top: 1px solid rgba(0,0,0,0.1);
    width: 100%; padding: 40px 0 0 !important;
}

.update-form-inner .update-field.single-view {
    width: 100%;
}


.category_sets.special_order_ul li .li-list {
    width: 40%; float: left; display: -webkit-flex; display: -webkit-box; display: -moz-flex;
    display: -moz-box; display: -ms-flexbox; display: flex;
}

.category_sets.special_order_ul li .li-list.li-list-last {
    width: 55%;  float: left;
}

.category_sets.special_order_ul li .li-list input {
    border: 1px solid rgba(0,0,0,0.1); height: 35px; padding: 0 17px; background:#fff;
}

.category_sets.special_order_ul li .li-list.li-list-last input {
    width: 100%;
}

.category_sets.special_order_ul {
    margin: 0;list-style: none;
}

.category_sets.special_order_ul li .li-list .li-list-field input[type="number"] {
    width: 61px; height: 35px; padding: 0 5px; text-align: center; margin-right: 12px;
}

.category_sets.special_order_ul li {
    margin-bottom: 26px !important;
}

.category_sets.special_order_ul li span.add {
    color: #fff; text-shadow: none; font-size: 25px; line-height: 30px; width: 30px; font-weight: 600;
    height: 30px; background: rgba(62,9,4,0.9); float: right; border-radius: 50px; cursor: pointer; text-align:center;
}

.category_sets.special_order_ul li span.remove {
    color: #fff; text-shadow: none; font-size: 16px; line-height: 30px; width: 30px; height: 30px;
    background: #000; float: right; border-radius: 50px; cursor: pointer; font-weight: 600; text-align:center;
}

.product-item-order .product-tbody {
    display: inline-block; width: calc(100% - 0px);  background: rgba(62,9,4,0.9);
    padding: 10px 15px; margin: 12px 0 20px; border-radius: 2px;
}

.product-item-order .product-tbody .qty-item-section {
    float: left;
    width: 30%;
}

.product-item-order .product-tbody .retail-price-section {
    float: right; width: 53%; display: -webkit-flex; display: -webkit-box; display: -moz-flex;
    display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between;
    -webkit-justify-content: space-between; -moz-justify-content: space-between;
    -ms-justify-content: space-between;
}

.product-item-order .product-tbody span.qty {
    margin-right: 37px;
}

.product-item-order .product-tbody span {
    color: #fff; text-shadow: none; font-weight: 600;
}

.product-item-order .product-tbody .retail-price-section span:first-child {
    margin: 0;
}










.product-item-order .inner-engraving-instructions select {
    height: 34px; padding: 0 40px 0 5px;  border: 1px solid rgba(0,0,0,0.1); font-size: 15px;
    background: url("images/select-arrow.png") no-repeat 97% center;  appearance: none;  -webkit-appearance: none;
    -moz-appearance: none; -ms-appearance: none;  background-size: 9px; margin-left: 10px; 
}

.product-item-order .inner-engraving-instructions .Quantity_for_knife_model input {
    border: 1px solid rgba(0,0,0,0.1); width: 61px; height: 35px;
	padding: 0 5px; text-align: center; margin-right: 12px; font-size: 15px;
}

.product-item-order .inner-engraving-instructions #new-ordering-form input[type="text"] {
	border: 1px solid rgba(0,0,0,0.1);
	height: 35px; padding: 0 17px; font-size: 15px;
}

.knife_image_box.instructions-item .custom_image_blade_info, 
.knife_image_box.instructions-item .custom_image_handle_info {
    text-align: center;
}

.product-item-order .inner-engraving-instructions .info-questions .choose-any {
	display:flex; display:-webkit-flex; display:-moz-flex; display:-moz-box; display:-ms-flexbox;
	justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;
	-ms-justify-content: center; margin: 22px 0 8px;
}


.product-item-order .inner-engraving-instructions .info-questions .choose-any li {
    text-shadow: none !important;
    color: #000 !important;
    margin: 0 9px;
}

.product-item-order .inner-engraving-instructions .info-questions .choose-any li input {
    margin-right: 2px; position: relative; top: 1px;
}

.product-item-order .inner-engraving-instructions .choose-font select {
    width: 100%;
    margin: 10px 0 0;
}

.product-item-order .inner-engraving-instructions input[type="text"] {
    width: calc(100% - 0px);
    margin: 11px 0 0; 
	border: 1px solid rgba(0,0,0,0.1);
	height: 35px;
	padding: 0 17px;
}

.custom_image_blade_info {
    border-top: 1px solid #ccc; padding-top: 30px; position: relative;
}

.custom_image_blade_info::after {
    content: ""; display: block; width: 1px; height: 10px; background: #ccc;
    position: absolute;  top: -11px; left: 0;
}

.custom_image_blade_info::before {
    content: "";  display: block; width: 1px;  height: 10px;
    background: #ccc; position: absolute; top: -11px; right: 0;
}

.custom_image_handle_info strong {
    border-top: 1px solid #ccc; display: inline-block;  padding: 30px 28px 0;  position: relative;
}

.custom_image_handle_info strong::after {
    content: ""; display: block; width: 1px; height: 10px;
    background: #ccc; position: absolute; top: -11px; left: -1px;
}

.custom_image_handle_info strong::before {
    content: ""; display: block; width: 1px; height: 10px; background: #ccc;
    position: absolute; top: -11px; right: 0;
}

.knife_image_box.instructions-item .custom_image_handle_info .info-questions strong {
    border: none;
    padding: 0;
}

.knife_image_box.instructions-item .custom_image_handle_info .info-questions strong::after, 
.knife_image_box.instructions-item .custom_image_handle_info .info-questions strong::before {
    display: none;
}




/*=====*/

.which_multiple_knives_engraving.instructions-item strong {
    float: left;
}


.which_multiple_knives_engraving.instructions-item .choosen-select-multiple-knives {
    padding: 0px 0px;
    min-height: 106px;
    width: 100%;
    max-width: 285px;
}

.which_multiple_knives_engraving.instructions-item #multiple_which_knives_id option {
    padding: 9px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

/*=====*/




@media only screen and (max-width:767px){

	.update-form-inner .update-field {
		width: 100%;
	}
	
	body.body-ordering-system.page-template-update-info #wrapper {
		margin-top: 0;
	}
	
	.product-item-order .product-tbody span {
		font-size: 13px; font-weight: normal !important;
	}
	
	.product-item-order .product-tbody .qty-item-section {
		width: 40%;
	}
	
	.product-item-order .product-tbody .retail-price-section {
		width: 56%;
	}
	
	.category_sets.special_order_ul li .li-list input {
		width: calc(100% - 100px);
	}
	
	.category_sets.special_order_ul li .li-list .li-list-field input[type="number"] {
		width: 40px;
	}
	
	.category_sets.special_order_ul li .li-list.li-list-last {
		width: 49%;
	}
	
	.category_sets.special_order_ul li .li-list.li-list-last input {
		width: calc(100% - 38px);
	}
	
	.category_sets.special_order_ul li .li-list-last-input {
		margin: 0 0 0 20px;
	}
	
	.product-item-order .product-tbody {
		display:flex; display:-webkit-flex;	display:-moz-flex; display:-moz-box;
		justify-content: space-between; -webkit-justify-content: space-between;
		-moz-justify-content: space-between; -ms-justify-content: space-between;
		align-items: baseline; -webkit-align-items: baseline;
		-moz-align-items: baseline; -ms-align-items: baseline;
	}
	
	.product-item-order .product-tbody span.qty {
		margin-right: 23px;
	}
	
	.category_sets.special_order_ul li .li-list-last-input::before {
		left: 8px;
	}
	
	.which_multiple_knives_engraving.instructions-item .choosen-select-multiple-knives {
		max-width: 100px;
		margin: 14px 0 0;
	}
	
	.product-item-order .inner-engraving-instructions select {
		margin: 15px 0 0;
		width: 100%;
	}
	
		
}/*===media close===*/


/*===========================UPDATE INFO===============================*/




/*===================MOBILE MENU====================*/

.mobile-main-menu{
	display:none;
}


@media only screen and (max-width:767px){

	#header .logo:hover {
		background: url(images/mobile-logo.png) no-repeat center center !important;
	}	
	
	#header .warranty {
		display: none;
	}
	
}/*===media close===*/


@media only screen and (max-width: 831px) {
	
	.mobile-main-menu{
		display:block;
	}

	#nav-one{
		display:none;
	}

	#header .menu-trigger {
		display:block;
	}

	nav#slide-menu {
		position: fixed; top: -10px; right: -290px; bottom: 0; display: block; float: left; width: 100%; max-width: 274px;
		height: 120%; z-index:99999; -moz-transition: all 300ms; -webkit-transition: all 300ms;
		transition: all 300ms; box-shadow: 0 0 20px #000; padding:20px 0 0 10px;
		background:rgba(255,255,255,.9); background-size:cover; overflow: scroll;
	}

	nav#slide-menu ul {
		display: block; padding: 0 0 0 0; list-style: none; opacity: 0.5;  -moz-transition: all 300ms;
		-webkit-transition: all 300ms; transition: all 300ms; 
	}

	nav#slide-menu li {
		color:#4b4c3f; padding: 5px 20px; cursor: pointer; text-shadow:none; margin-left:10px;
		font-weight:bold; border-bottom:1px solid #fff;
	}

	nav#slide-menu li:before {
		font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em;
		color: #59e9df; margin-right: 12px; text-align: center; font-variant: normal;
		font-size: 0.75em; text-transform: none; line-height: 1em;
	}

	nav#slide-menu ul li ul, nav#slide-menu ul li ul li {
		margin-left:-10px;
	}

	nav#slide-menu li a {
		color:#4b4c3f;
	}

	body.menu-active nav#slide-menu { 
		right: -10px;
	}
	body.menu-active nav#slide-menu ul { 
		right: 0px; opacity: 1; 
	}

	#wrapper .menu-trigger {
		position: fixed; top: 15px; right: 10px; font-size:160%; padding:3px 6px 7px 8px; width: 28px; color:#fff;
		height: 28px; cursor: pointer; border-radius: 5px; z-index:999999; -moz-transition: all 300ms;
		-webkit-transition: all 300ms; transition: all 300ms; text-shadow:1px 1px #000;
		background:#470000; border:1px solid #6f0000; font-size:200%;
	}

	body.menu-active div#wrapper { 
		right: 259px; border-radius: 7px 0 0 7px; 
	}

	body.menu-active div#wrapper .menu-trigger { 
		right: 264px;box-shadow:0 0 10px #fff; 
	}
	
	#header .social-nav li:hover {
		background-size: 100%;
	}
	
	#header .social-nav li {
		width: 30px;
		height: 32px;
		background-size: 100%;
	}
	
	#header .social-nav {
		position: absolute;
		top: 0;
		right: 8px; display: block !important;
	}
	
	#header .social-nav li img {
		display: none;
	}
	
	
}/*===media close===*/



/*===================MOBILE MENU====================*/



.knife_image_box.instructions-item .custom_image_blade_info {
    width: 59%;
}

.knife_image_box.instructions-item .custom_image_handle_info {
    width: 40%;
}

.custom_image_handle_info .info-questions {
    padding-left: 15px;
}

.knife_image_box.instructions-item textarea {
    border: 1px solid rgba(0,0,0,0.1);
    resize: none;
}

.knife_image_box.instructions-item .info-questions .choose-any li input {
    width: 20px; height: 20px; cursor: pointer; z-index: 10; opacity: 0; margin-right: 7px !important;
}

.knife_image_box.instructions-item .info-questions .choose-any li .check-box-span {
    content: ""; width: 22px; height: 22px; background: #000; border-radius: 2px;
    display: block; position: absolute; left: 0; z-index: 9; top: 0;	
}

.knife_image_box.instructions-item .info-questions .choose-any li .check-box-span::after {
    content: ""; display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); height: 10px; width: 5px;
    vertical-align: middle; border-right: 2px solid #fff; border-bottom: 2px solid #fff;
    margin-left: 5px; margin-top: -1px; position: absolute;
    top: 6px;  left: 2px; z-index: 9; opacity: 0;
}

.knife_image_box.instructions-item .info-questions .choose-any li {
	display:flex; display:-webkit-flex; display:-moz-flex;
	display:-moz-box; display:-ms-flexbox; position: relative; margin-right: 0;
}


.knife_image_box.instructions-item .info-questions .choose-any input[type="checkbox"]:checked ~ .check-box-span::after {
    opacity: 1;
}

.knife_image_box.instructions-item .info-questions .choose-any input[type="checkbox"]:checked ~ .check-box-span {
    background: #5a1716;
}

.section-for-image strong {
    display: block; text-align: left; margin: 0 0 9px;
}

.section-for-image input {
	width: 100%; border: 1px solid rgba(0,0,0,0.1);
	background:#000; color:#fff;
}


.instructions-item.instructions-item-multiple strong {
    display: block;
}

.instructions-item-multiple .is_custom_engraving_radio {
    display: inline-block; margin-top: 7px; position: relative; width: 60px; margin-right: 10px;
}

.instructions-item-multiple .is_custom_engraving_radio input {
    width: 100%; height: 24px; position: relative; z-index: 9; cursor: pointer; opacity: 0;
}

.instructions-item-multiple .is_custom_engraving_radio span {
    position: absolute; left: 0; width: auto; top: 0; padding-left: 28px; cursor: pointer;
}

.instructions-item-multiple .is_custom_engraving_radio span::before {
	width: 15px; height: 15px; background:#fff; content: ""; display: block; position: absolute;
	left: 0; border-radius: 100%; top: 4px; box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1);
	border: 1px dotted rgba(0,0,0,0.4); transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear;
}

.instructions-item-multiple .is_custom_engraving_radio input[type="radio"]:checked ~ span::before {
    background: rgba(62,9,4,0.9);
}

.additional-notes-engraved {
    display: inline-block; width: 100%;
}


.knife_image_box.instructions-item .custom_image_blade_info li {
    position: relative;
}

.additional-notes-engraved textarea {
    padding: 15px;
}


@media only screen and (max-width:767px){

	.custom_image_handle_info strong {
		padding: 30px 0 0;
	}	

	.knife_image_box.instructions-item strong {
		font-size: 12px;
	}
	
	.which_multiple_knives_engraving.instructions-item .choosen-select-multiple-knives {
		max-width: 100%;
	}
	
}/*====media close====*/








/*====================================NEW LOGIN DESIGN==========================================*/

body:not(.custom-background-image)::after {
    display: none;
}

.ordering-success {
    text-align: center; padding: 0 15px;
}

::-webkit-input-placeholder { /* Edge */
  font-weight: normal; font-family: prenton, sans-serif;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: normal; font-family: prenton, sans-serif;
}

::placeholder {
   font-weight: normal; font-family: prenton, sans-serif;
}



/*====================================NEW LOGIN DESIGN==========================================*/



.update-tax-link, .update-tax-link:hover, .update-tax-link:focus {
    font-size: 12px;
    color: rgba(62,9,4,0.9);
    text-decoration: underline;
    font-weight: 600;
}


.inner-engraving-instructions .knife_image_box {
    border-bottom: 1px solid #000;
    padding-bottom: 60px;
}


.inner-engraving-instructions .knife_image_box .box-img {
	display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
	align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center;
}

.inner-engraving-instructions .knife_image_box .box-img h4 {
    font-size: 43px; padding-right: 23px; position: relative; top: -20px;
    color: #5a1716; font-style: italic;
}

.inner-engraving-instructions .knife_image_box textarea {
    background: transparent; height: 100px;
}

.which_multiple_knives_engraving.multiple_knives-instructions-item strong {
    display: block; width: 100%;  margin-bottom: 10px;
}

.which_multiple_knives_engraving.multiple_knives-instructions-item .choosen-select-multiple-knives {
    max-width: 100%;  display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap;
	-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap;
}

.which_multiple_knives_engraving.multiple_knives-instructions-item .item-checkboxs {
    position: relative; width: 33.3%; font-size: 14px; margin-bottom: 7px;
}

.which_multiple_knives_engraving.multiple_knives-instructions-item .item-checkboxs input {
    width: 20px; height: 20px; cursor: pointer; z-index: 10;  opacity: 0; float: left;
}

.which_multiple_knives_engraving.multiple_knives-instructions-item .item-checkboxs .check-box-span {
    content: "";  width: 22px; height: 22px; background: #000; border-radius: 2px;  display: block;
    position: absolute; left: 0; z-index: -1; top: 0;
}

.which_multiple_knives_engraving.multiple_knives-instructions-item .item-checkboxs input[type="checkbox"]:checked ~ .check-box-span {
    background:  #5a1716;
}

.which_multiple_knives_engraving.multiple_knives-instructions-item .item-checkboxs input[type="checkbox"]:checked ~ .check-box-span::after {
    opacity: 1;
}

.which_multiple_knives_engraving.multiple_knives-instructions-item .item-checkboxs .check-box-span::after {
    content: ""; display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);  height: 10px;  width: 5px; vertical-align: middle; border-right: 2px solid #fff;
    border-bottom: 2px solid #fff; margin-left: 5px;  margin-top: -1px;
    position: absolute; top: 6px;  left: 2px;  z-index: 9; opacity: 0;
}

.section-for-text .text-to-be-engraved .preview-engraving-text {
    text-align: left;
}

.section-for-text .text-to-be-engraved .preview-engraving-text strong {
    display: inline-block; margin: 10px 0 12px;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes {
    margin: 0; list-style: none; display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li div {
    margin-bottom: 15px; width: 100%;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li div strong {
    margin: 0 5px 0 0;  font-family: prenton, sans-serif !important; font-size: 10px;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li {
    position: relative; width: 46%;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li input {
    width: 130px; height: 24px; position: relative; z-index: 9; cursor: pointer; opacity: 0;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li span {
    position: absolute; left: 0; padding-left: 24px; top: 0; font-size: 14px;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li span::before {
	width: 15px; height: 15px; background: #fff; content: ""; display: block; position: absolute; left: 0; border-radius: 100%; top: 4px;
	box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1); border: 1px dotted rgba(0,0,0,0.4); transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li input[type="radio"]:checked ~ span::before {
    background: rgba(62,9,4,0.9);
}







.order-tax-update-popup {
    position: fixed; top: 0; left: 0; right: 0; width: 100%; overflow: visible;
    background:  rgba(0, 0, 0, 0.6); z-index: 999; height: 100%;
}

.order-tax-update-popup-inner {
position: absolute; top: 50%; left: 50%; background: rgb(255, 255, 255); width: 100%; padding: 30px;
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); max-width: 700px;
}

.order-tax-update-popup-inner #close-btn {
	background:  rgba(62,9,4,1); width: 38px; height: 38px; border-radius: 100%; text-align: center;
	line-height: 35px; color:#fff; font-size: 21px; cursor: pointer;
	position: absolute; right: -22px; top: -26px;
}

.update-btn input, .update-btn input:hover, .update-btn input:focus {
	width: auto; background: rgba(62,9,4,0.9); border-radius: 50px; border: 1px solid#5a1716;
	padding: 8px 32px; box-shadow: inset 0 0 5px#000; color:#fff; height: auto; font-weight: 500;
	line-height: normal; font-family: arial; font-size: 19px; text-transform: capitalize; margin-top: 20px;
}



/*############New added -START#########*/
.product-item-order {
    clear: both;
}

.instructions-item .tax-input {
    margin-top: 10px;
}

.instructions-item {
    margin-bottom: 30px;
}

.custom_image_blade_info {
    width: 45%; float: left;
}

.custom_image_handle_info {
    width: 45%; float: right;
}

.order-submit-btn {
    clear: both;
}

.info-questions div {
    margin-bottom: 20px;
}


span#preview-blade-text , span#preview-handle-text{
    text-align: left;
    width: 100%;
    display: block;
    margin-top: 10px;
	font-size: 28px;
}

.additional-notes-engraved textarea {
    width: 100%;
    margin-top: 15px;
}

.which_knives_engraving .note {
    margin-bottom: 20px;
}

.hide-sn .box-img h4 {
    display: none;
}

.engraving-notes {
    text-align: left;
}


.ul-check-boxes li div {
    font-size: 32px;
}


.only-logged-in-worning {
    min-height: 400px;
    text-align: center;
}

#content .only-logged-in-worning p {
    padding: 100px 50px;
    color: #000;
}



  

  
  .outer-steps-buttons{
		margin-top: 50px;
	}
  
  .btn-previous-step , .btn-next-step{
	width: auto; background:#720200;
	border-radius: 50px;
	padding: 12px 28px; 
	color:#fff;
	height: auto;
	line-height: normal;
	font-family: arial;
	font-size: 20px;
	text-transform: capitalize;
	margin-top: 20px;
	cursor: pointer; position:relative;
  }
  
    .btn-previous-step:hover, .btn-next-step:hover{
		background:#000; color:#fff;
	  }
	  
	  .btn-previous-step:focus, .btn-next-step:focus{
		color:#fff;
	  }
  
  .btn-next-step {
	  padding: 12px 28px 12px 20px;
  }
  
  .btn-next-step::after {
		content: "";
		display: inline-block;
		width: 0; 
		height: 0; 
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 8px solid #fff;
		position: relative;
		top: 1px;
		right: -12px;
  }
  
  .btn-previous-step::before {
		content: "";
		display: inline-block;
		width: 0; 
		height: 0; 
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px solid #fff;
        position: relative;
		top: 1px;
		left: -12px;		
  }
  
  .btn-previous-step{
	width: auto; background:#720200; border-radius: 50px; border: none; padding: 12px 24px 12px 30px;
	color:#fff; height: auto;
	line-height: normal;
	font-family: arial;
	font-size: 19px;
	text-transform: capitalize;
	margin-top: 20px;
	cursor: pointer;
  }
  
  .product-item-special-order h2.close::after, .product-item-special-order h2.close::before {
    background: rgba(62,9,4,0.9);
}
  
  h2.title-steps {
    border-bottom: 4px solid #720200;
    margin-bottom: 30px !important;
}


.btn-previous-step:hover, .btn-next-step:hover {
    color: #fff;
}
  
/*############New added -END#########*/


.wrapper-ordering-system {
    max-width: 1110px;
    margin: 0 auto;
}

.ordering-outer-container #new-ordering-form .input-field.state-section .input-field {
    width: 46%; margin-bottom: 0;
}

.site-footer .site-info {
    display: none;
}

.site-info-outer {
    width: 100%;
    color: #590100;
    text-align: center;
    font-size: 12px; font-family: arial;
}

.site-info-outer p {
    margin: 0;
}

.page-template-ordering-new .ordering-system-nav li.order-form-anc {
    display: none;
}

.new-header-section {
    margin-bottom: 50px;
}

#colophon {
    padding-bottom: 20px; width: 100%;
}


.page-template-templatesupdate-info-php .site-inner {
    padding-bottom: 23px;
}


.title-steps span {
    font-style: italic;
}


@media only screen and (min-width:1700px){
	
	body.body-ordering-system {
		height: 100vh;
	}	
	
}/*=====media close=====*/




@media only screen and (max-width:980px){
	
	.new-header-section {
		padding: 0 15px;
	}	

	.body-ordering-system #wrapper #content {
		padding: 0 15px;
	}	
	
	.body-ordering-system.page-template-register-salesperson-tpl #wrapper {
		padding: 17px 15px;
	}
	
}/*=====media close=====*/



@media only screen and (max-width:480px){

	.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li, 
	.knife_image_box.instructions-item .info-questions .choose-any li {
		width: 100%;
	}

	.product-item-order .inner-engraving-instructions .info-questions .choose-any {
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
	}	

	
}/*=====media close=====*/



@media only screen and (max-width:767px){
	
.new-header-section {
	margin-bottom: 10px;
}	

.ordering-system-nav ul {
    margin-left: 0;
}

.ordering-outer-container #new-ordering-form .input-field.state-section {
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
}

.ordering-outer-container #new-ordering-form .input-field.state-section .input-field {
    width: 100%;
}

.ordering-outer-container #new-ordering-form .input-field.state-section .input-field.state {
    margin-bottom: 22px;
}

.product-item-list .product-item-list-left h2, .product-item-order.product-item-special-order h2 {
    font-size: 24px !important;
}

body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::after, body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::before {
    top: 20px;
}

body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::after, body.body-ordering-system.page-template-ordering-new #wrapper #content .product-item-list h2::before, .product-item-special-order h2::after, 
.product-item-special-order h2::before {
    top: 20px;
}

#content .ordering-outer-container #new-ordering-form .product-item-list .product-item-list-left h2, body.body-ordering-system #wrapper #content .ordering-outer-container .product-item-order h2 {
    font-size: 26px;
}

.ordering-outer-container #new-ordering-form .product-item-engraving .input-section .input-field {
    width: 48%;
}

.product-item-engraving .input-section .input-field label {
    font-size: 13px;
}

.update-tax-link, .update-tax-link:hover, .update-tax-link:focus {
    font-size: 10px;
}

.ordering-system-menu-wrapper .ordering-system-nav ul li a {
    padding: 12px 0 12px 8px;
}

.page-template-register-salesperson-tpl .new-header-section {
    padding: 0;
}

.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper .form-field-2columns, .body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper .form-field-3columns {
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
}

.body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper .form-field-2columns .form-field, .body-ordering-system.page-template-register-salesperson-tpl .new-user-adding-wrapper .form-field-3columns .form-field {
    width: 100%;
}


.page-template-register-salesperson-tpl .form-field-3columns .form-field-3-2, .new-user-adding-wrapper .form-field-register {
	width: 100%;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
}



	
}/*=====media close=====*/





/*==========3 Jan 2020 Changes============*/
.which_multiple_knives_engraving.multiple_knives-instructions-item .item-engraving-instructions.item-checkboxs {
    width: 100%;
}

.section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes {
    width: 100%;
}

.inner-engraving-instructions .item-engraving-instructions.item-checkboxs .box-img h4 {
    font-size: 28px;
}

.item-engraving-instructions.item-checkboxs .text-to-be-engraved input.blank {
    opacity: 1; width: 100%; height: 28px;
}

.item-engraving-instructions .section-for-text .text-to-be-engraved .preview-engraving-text .ul-check-boxes li div {
    display: inline-block;
}


.item-engraving-instructions .knife_image_box.instructions-item .custom_image_blade_info, 
.item-engraving-instructions .knife_image_box.instructions-item .custom_image_handle_info {
    width: 49%;
}

.product-item-order .inner-engraving-instructions .item-engraving-instructions .info-questions .choose-any {
    width: 100%;
}



.item-engraving-instructions .custom_image_handle_info strong::after, 
.item-engraving-instructions .custom_image_handle_info strong::before, 
.item-engraving-instructions .custom_image_blade_info::after, 
.item-engraving-instructions .custom_image_blade_info::before {
    top: 0;
}


.item-engraving-instructions .custom_image_handle_info .info-questions {
    padding-left: 0;
}

.inner-engraving-instructions .item-engraving-instructions .knife_image_box .box-img {
    width: 100%;
}



@media only screen and (max-width:767px){
	
	.inner-engraving-instructions .item-engraving-instructions.item-checkboxs .box-img h4 {
		font-size: 22px; line-height: normal;
	}

	body.body-ordering-system #wrapper #content .ordering-outer-container h2.title-steps {
		font-size: 25px !important; line-height: normal;
	}	
	
}/*===media close===*/



/*==========3 Jan 2020 Changes============*/




.ordering-success .place-order-btn {
	background: #720200;
	color:#fff;
	border-radius: 50px;
	padding: 10px 25px;
	display: inline-block;
	font-size: 20px;
}



/*==================================================Preview Text===================================*/

.page-template-preview-text .ordering-container h2 {
    border-bottom: 4px solid  #720200; line-height: 63px; font-size: 36px !important;
}

body.body-ordering-system.page-template-preview-text #wrapper {
    position: inherit; left: 0; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0);
    -ms-transform: translate(0); margin: 0 auto; max-width: 950px; background: transparent; margin: 30px auto 0;
}

#preview-text-form {
    margin-top: 30px;
}

body.body-ordering-system.page-template-preview-text #wrapper .wrapper-ordering-system {
    max-width: 950px; min-height: 500px; background: #fff ; margin: 0px auto 30px; border-radius: 40px; overflow: hidden;
}

.page-template-preview-text #content .ordering-outer-container {
    width: 100%; max-width: 850px;  margin: 0 auto 0px; padding:0px 0 50px;
}

#preview-text-form ul {
    margin: 0; list-style: none; padding: 0;
}

#preview-text-form ul li {
    width: 48%; margin-bottom:15px;
}

#preview-text-form ul {
	margin: 0; list-style: none; padding: 0; display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap;
	justify-content: space-between; -webkit-justify-content: space-between;
	-moz-justify-content: space-between; -ms-justify-content: space-between;
}

#preview-text-form ul li span {
    font-size: 13px; font-weight:600;
}

#preview-text-form .form-field {
    width:100%;
}

#preview-text-form .form-field input {
    font-size: 24px; padding: 13px 27px; margin-bottom: 15px; width: 100%;
    border: 1px solid rgba(0,0,0,0.1); border-radius: 50px; font-family: prenton, sans-serif; color:#000;
}

#preview-text-form .form-field input::-webkit-input-placeholder {
  color:#ddd;
}

#preview-text-form .form-field input:-ms-input-placeholder {
  color:#ddd;
}

#preview-text-form .form-field input::placeholder {
   color:#ddd;
}

.preview-box ul li .preview-text_put {
    font-size: 25px; line-height: inherit; color: #720200;
}

.page-template-preview-text .ordering-system-nav li.order-update-anc {
    display: none;
}

.preview-box h3 {
    font-style: italic; margin-bottom: 4px;
}

#preview-text-form ul li .font-5, #preview-text-form ul li .font-7, #preview-text-form ul li .font-2 {
    font-size: 30px;
}

#preview-text-form ul li .font-7 {
    line-height: 25px;
}


@media only screen and (max-width:767px){
		
	.page-template-preview-text #content .ordering-outer-container {
		margin: 0 auto 0;
		padding: 32px 0;
	}

	body.body-ordering-system.page-template-preview-text #wrapper {
		margin-top: 0;
	}

	#preview-text-form ul li {
		width:100%;  margin-bottom:15px;
	}


	#preview-text-form ul li:last-child {
		margin-bottom:0px;  border-bottom: none;
	}
	
	.page-template-preview-text .ordering-container h2 {
		line-height: normal; font-size: 25px !important; padding-top: 0px !important;
	}
	
	.page-template-default #primary, .error404 #primary {
		padding: 30px 15px !important;
	}
	
	.page-template-default #content h1, .error404 #content h1 {
		line-height: normal; font-size: 25px !important; padding-bottom: 10px !important;
	}
	
	#preview-text-form .form-field input {
		font-size: 18px; text-align: center;
	}
	
	.preview-box {
		text-align: center;
	}
	
	#preview-text-form ul li {
		border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 19px;
	}
	
	
	
}/*========media close======*/


@media only screen and (max-width:920px){

	body.body-ordering-system.page-template-preview-text .ordering-container {
		width: 94%; margin:0 auto;
	}	
	
}/*========media close======*/




/*==================================================Preview Text===================================*/




/*==================================================Default page===================================*/


.page-template-default .ordering-container h2, 
.error404 .ordering-container h2 {
    border-bottom: 4px solid  #720200; line-height: 63px; font-size: 36px !important;
}

body.body-ordering-system.page-template-default #wrapper, 
body.body-ordering-system.error404 #wrapper {
    position: inherit; left: 0; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0);
    -ms-transform: translate(0); margin: 0 auto; max-width: 950px; background: transparent; margin: 30px auto 0;
}

body.body-ordering-system.page-template-default #wrapper .wrapper-ordering-system, 
body.body-ordering-system.error404 #wrapper .wrapper-ordering-system {
    max-width: 950px; min-height: 500px; background: #fff; margin: 0px auto 30px; border-radius: 40px; overflow: hidden;
}

.page-template-default #content .ordering-outer-container, 
.error404 #content .ordering-outer-container {
    width: 100%; max-width: 850px;  margin: 0 auto 0px; padding:0px 0 50px;
}

.page-template-default #primary, .error404 #primary {
    width: 100%; background: #fff; padding: 9px 30px 30px; margin-bottom: 30px; border-radius: 50px; min-height:500px;
}

.page-template-default h1, .error404 h1 {
    border-bottom: 4px solid  #720200; line-height: 63px; font-size: 36px !important; color:#720200;
}

body.error404 .page-header, body.search-no-results .page-header {
    margin: 0;
}

.page-template-default .entry-header, .page-template-default .entry-content {
    margin: 0;
}


.input-field.state-section select#ordering_state::-webkit-input-placeholder {
  color:#ddd;
}

.input-field.state-section select#ordering_state:-ms-input-placeholder {
  color:#ddd;
}

.input-field.state-section select#ordering_state::placeholder {
   color:#ddd;
}

/*==================================================Default page===================================*/