@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,500,700,900');
* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 14px; line-height: 22px; color: #5b5b5b; font-family: 'Rubik', sans-serif; }
/*font-family: 'Lato', sans-serif; */
*::-webkit-input-placeholder {
opacity:1;
color: #5b5b5b;
}
*::-moz-placeholder {
opacity:1;
color: #333;
}
*:-ms-input-placeholder {
opacity:1;
color: #333;
}

@font-face{
	font-family: 'font-regular';
	src: url(../../new_design/assets/web-fonts/OpenSans-Regular.ttf);
}

@font-face{
	font-family: 'font-semi';
	src: url(../../new_design/assets/web-fonts/OpenSans-SemiBold.ttf);
}

@font-face{
	font-family: 'font-bold';
	src: url(../../new_design/assets/web-fonts/OpenSans-Bold.ttf);
}
/*--------------------------------------------------*/
:root{
	
	/* Font & Background Colors Variables */
	--basic: #fff;
	--darker: #000;
	--dark: #232323;
	--dim: #323943;
	--info: #46b8da;
	--lighter: #eee;
	--light: #d7d7d7;
	--shadow: #cecece;
	--bordered: #929292;
	--washout: #666;
	--highlight: #4f4f4f;
	--warning: #f0ad4e;
	--success: #5cb85c;
	--primary: #e14920;
	--secondary: #acb0b3;
	--alternate: #9dba58;
	
	/* Font Size Variables */
	--main-heading: 68px;
	--sub-heading: 64px;
	--title-heading: 34px;
	--ex-large-size: 28px;
	--largest-size: 26px;
	--larger-size: 24px;
	--caption-size: 21px;
	--large-size: 18px;
	--alternate-size: 15px;
	--default-size: 14px;
	--small-size: 13px;
	--smaller-size:12px;
	--smallest-size:10px;
	
}
input[type=checkbox] { -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top; }
button, input:not([type=radio]), textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Rubik', sans-serif; }
:focus, input:focus, textarea:focus { outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }
button { border: none; background: none }
body { background: #333942 }
/* Customize the label (the checkbox) */
.checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 5px; height: 15px; width: 15px; background-color: #fff; border: 1px solid #333 }
.checkmark2 { position: absolute; top: 0; left: 5px; height: 30px; width: 30px; background-color: #fff; border: 1px solid #333 }
/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark { background-color: #fff; }
.checkbox:hover input ~ .checkmark2 { background-color: #fff; }
/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark { background-color: #fff; }
.checkbox input:checked ~ .checkmark2 { background-color: #fff; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
.checkmark2:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark2:after { display: block; }
.checkbox input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.checkbox .checkmark2:after { left: 10px; top: 6px; width: 5px; height: 10px; border: solid #333; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.checkbox .checkmark:after { left: 4px; top: 1px; width: 3px; height: 8px; border: solid #333; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* common */
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }
#back-to-top { box-shadow: 0px 0px 15px rgba(226,73,33,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(226,73,33,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(226,73,33,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #e24921; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 0.8; }
#back-to-top.show:hover { opacity: 1; }
a.close, a.mobilemenu { display: none; }
/* wrapper */
#wrapper { width: 100%; min-height: 100%; position: relative; }
.centering { max-width: 1240px; margin: auto; position: relative; }
/* header-part */
header { position: relative; z-index: 100; width: 100%; }
header .top-bar { background: #5b5c62; padding: 3px; float: left; width: 100%; color: #bcbfca }
header .top-bar a { color: #bcbfca }
header .top-bar .logo { float: left }
header .right-panel { float: right; width: 70%; }
header .right-panel .search_box { display: inline-block; padding-right: 20px; padding-top: 2px; width: 50% }
header .right-panel .search_box .f_row { border: 2px solid #adaeb1; border-radius: 30px; background: #5b5c62; position: relative; float: left; width: 75% }
header .right-panel .search_box .f_row .input { color: #bcbfca; width: 90%; padding: 12px 25px; background: none; border: none }
header .right-panel .search_box .f_row button { background: #fff; padding: 14px; color: #e34e26; border-radius: 50%; border: none; cursor: pointer; position: absolute; top: -2px; right: -2px; transition: all ease 0.3s }
header .right-panel .search_box .f_row button:hover { color: #333 }
header .right-panel .search_box a { border: 2px solid #fff; color: #fff; border-radius: 30px; font-size: 10px; line-height: 13px; padding: 5px 15px; text-align: center; display: table-cell; float: left; margin-left: 20px; }
header .right-panel .search_box a:hover { border-color: #e24921; color: #fff }
header .right-panel .quick { float: right; padding: 13px 0 0; width: 50%; text-align: right; }
header .right-panel .quick li { padding: 0 10px; font-size: 13px; font-weight: 700; display: inline-block }
header .right-panel .quick li a:hover { color: #fff }
header .right-panel .quick li:last-child { padding-right: 0; display:none }
header .right-panel .quick li:last-child  i{ color:#fff}
header .right-panel .quick li:last-child span { color:#fff;}

.title-row { float: left; width: 100%; background: #333942; padding: 25px 25px 20px; }
header nav { background: #e24921; padding: 5px; float: left; width: 100%; text-align: right }
header nav a { color: #fff; font-weight: 500; line-height: 18px;  }
header nav a:hover { color: #fd8a6c }
header nav li { display: inline-block; padding: 0 4px 0 5px; font-size: 12px; position: relative }
header nav > div > ul> li:first-child > a { border: 2px solid #e86d4d; display: inline-block; padding: 11px 34px 11px 25px; border-radius: 30px; background: url(../images/plus.png) no-repeat 89% center }
header nav li:first-child:hover>a { /*background: url(../images/minus.png) no-repeat 89% center;*/ border-color: #fff; /*color: #fff*/ }
header nav li:first-child li a { border: none; background: none; padding: 5px; display: block }
header nav li ul { width: 200px; position: absolute; left: 0; top: 35px; background: #fff; border-radius: 30px; padding: 15px; display: none; box-shadow: 0 0px 2px rgba(42,156,245,0.4) }
header nav li:first-child ul li:last-child { float: none }
header nav li:first-child ul li { display: block; padding: 0; text-align: left; }
header nav li:first-child ul li a { padding: 5px; color: #949ca8 }
header nav li:hover ul { display: block }
header nav li:hover ul a { color: #949ca8; font-weight: 400 }
header nav li:hover ul a:hover { color: #2a9cf5 }
header nav li img { display: inline-block; margin: 1px 0 -2px }
header nav li:first-child a { line-height: normal }
header nav li:last-child a { line-height: normal }
header nav > div>ul>li:last-child { float: right; position: relative; padding-top:12px; }
header nav li:last-child i { font-size: 26px; }
header nav li:last-child span { background: #ffffff; border-radius: 50%; text-align: center; line-height: 20px; font-weight: 700; font-size: 11px; background: #f79342; height: 20px; width: 20px; display: inline-block; position: absolute; top: -1px; left: 10px }

.sub_nav {
	width: 200px; 
	position: absolute;
	left: -10px;
	top: 18px;
	background: #fff;
	border-radius: 30px;
	padding: 15px;
	display: none;
	box-shadow: 0 0px 2px rgba(42,156,245,0.4) 
}
.sub_nav li:first-child:hover>a { /*background: url(../images/minus.png) no-repeat 89% center;*/ border-color: #fff; /*color: #fff*/ }
.sub_nav li:first-child li a { border: none; background: none; padding: 5px; display: block }
.sub_nav  li:last-child { float: none }
.sub_nav li { display: block; padding: 0; text-align: left; }
.sub_nav li:first-child ul li a { padding: 5px; color: #949ca8 }

.sub_nav li:hover ul a { color: #949ca8; font-weight: 400 }
.sub_nav li:hover ul a:hover { color: #2a9cf5 }
.sub_nav li:first-child a { line-height: normal }



.title-row { float: left; width: 100%; background: #333942; padding: 25px 25px 20px; }
.title-row .centering { padding-left: 55px }
.title-row h1 { color: #fff; font-size: 50px; font-weight: 300; line-height: 56px }
.title-row .breadcrumbs { float: right; padding: 30px 0 0; letter-spacing: 1px; }
.title-row .breadcrumbs li { display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 15px; color: #e24921; padding: 0 15px 0 8px; position: relative }
.title-row .breadcrumbs li:after { content: ''; display: inline-block; height: 15px; width: 2px; background: #fff; position: absolute; right: 0px; top: 3px }
.title-row .breadcrumbs li a { color: #fff }
.title-row .breadcrumbs li a:hover { text-decoration:underline; }
.title-row .breadcrumbs li.active a { color: #e24921; }
.title-row .breadcrumbs li:last-child { padding-right: 0; }
.title-row .breadcrumbs li:last-child:after { display: none }
.title-row .plan { display: block; padding: 7px 0 0; letter-spacing: 1px; color: #bcbfca; text-transform: uppercase; font-size: 12px; line-height: 16px; font-weight: 500 }
.title-row .plan a { color: #bcbfca; text-decoration: underline; display: inline-block; background: url(../images/small_sep.png) no-repeat left center; padding: 0 0 0 15px; margin: 0 0 0 15px }
.title-row .plan a:hover { color: #fff; text-decoration: none }
/* banner-part */
#banner-part { z-index: 99; width: 100%; position: relative; float: left; width: 100% ;  }
#content-part { float: left; width: 100%; background: #fff ;  }
footer { @include var/www/html/SourceOfGoods/new_design/assets/css/main.css; float: left; width: 100%; padding: 55px 15px 30px; background: #333942; color: #fff }
footer .centering { max-width: 1120px; }
footer a { color: #fff }
footer .top-row h3 { color: #fff; font-size: 30px; font-weight: 500; line-height: 36px }
footer .top-row { border-bottom: 1px solid #3e4755; padding-bottom: 40px; margin-bottom: 30px }
footer .top-row, footer .copyright { display: flex }
footer .top-row ul { padding-top: 30px; }
footer .top-row li { font-size: 16px; line-height: 20px; padding: 7px 0 }
footer .top-row .about { width: 25%; padding-right: 60px }
footer .top-row .about p { padding-top: 25px; font-size: 14px; line-height: 25px; }
footer .top-row .col { width: 25% }
footer .copyright { color: #a4abb6; font-weight: 500 }
footer .copyright p { width: 70% }
footer .copyright span { width: 30%; text-align: right }
footer a[href^="tel"] { cursor: default; }  

/* ----- Footer Section Styles and Settings ----- */
footer{
	background-color:var(--dim);
	padding:70px 0;
	padding-bottom:20px;
}

footer .center-text{
	margin:0 auto;
	width:1100px;
	
}

footer .center-text hr{
	border:none;
	border-bottom:1px solid var(--bordered);
	margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
}

footer .center-text .flex-box h4{
	font-size:var(--largest-size);
	font-family:'font-semi';
	color:var(--lighter);
	margin-bottom:15px;
}

footer .center-text .flex-box .terms p{
	font-size:var(--default-size);
	color:var(--light);
	margin-top:40px;
	line-height: 18px;
}

footer .center-text .flex-box ul li{
	margin-top:12px;
}

footer .center-text .flex-box ul li a{
	font-size:var(--alternate-size);
	transition:all .3s ease-in-out;
	letter-spacing:.5px;
	color:var(--light);
	margin-top:30px;
}

footer .center-text .flex-box ul li a:hover{
	text-decoration:none;
	margin-left:5px;
}

footer .center-text .sign-up{
	border:2px solid var(--light);
	padding:5px 10px;
}

footer .center-text .sign-up h5{
	font-size:var(--large-size);
	font-family:'font-semi';
	letter-spacing:.5px;
	margin-bottom:15px;
	color:var(--basic);
	margin-top:5px;
}

footer .center-text .sign-up input{
	font-size:var(--alternate-size);
	padding:8px 12px;
	outline:none;
	border:none;
	width:100%;
}

footer .center-text .sign-up input::-webkit-input-placeholder{
	color:var(--bordered);
}

footer .center-text .sign-up input::-moz-placeholder{
	color:var(--bordered);
}

footer .center-text .sign-up input:-ms-input-placeholder{
	color:var(--bordered);
}

footer .center-text .sign-up input:-moz-placeholder {
	color:var(--bordered);
}

footer .center-text .copy-rights{
	font-size:var(--default-size);
	color:var(--bordered);
}

footer .center-text .copy-rights a{
	font-size:var(--default-size);
	font-family:'font-bold';
	color:var(--lighter);
}



.dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #5b5c62;
	
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #bcbfca;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  color: #fff;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
.txt_sm{
	 width: 45px !important;
    padding: 2px !important;
    height: 30px !important;
}
.field {
    width: 100%;
    height: 60px;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 20px 20px 20px 30px;
    color: #232b37;
    font-size: 14px;
    margin-bottom: 27px;
}
.button {  text-align: center; display: inline-block; vertical-align: top; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; background: #e24921; border:0; cursor: pointer; color: #fff;font-size: 16px; line-height: 20px; padding: 21px 25px 19px; min-width:220px; font-weight:700; text-transform: uppercase; }

 .right .button { margin: 35px 0 0 0; padding: 12px 25px; min-width:160px; }
span.required { color: #e24921; } 

.returning { padding-bottom: 70px; overflow: hidden; }

.returning .title { display: inline-block; vertical-align: middle; margin-right:25px; color: #e24921; }

.column{
	padding: 70px 80px 35px;
    width: 50%;
    margin: 0 auto;
}

.col2{
	width:50%;
	float:left;
	padding: 0 15px;
	
}

.login_btn{
	min-width: 150px !important;
}

.forgot_pass_panel {
    padding: 50px 0;
    width: 100%;
    float: left;
}

.forgot_pass_panel  .panel {
    position: relative;
    width: 100%;
    border: 2px solid #f5f5f5;
    display: flex;
    -webkit-display: flex;
    -ms-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.forgot_pass_panel .note{
    font-size: 14px;
    color: #7d7c8f;
    text-decoration: underline;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
}
.questions{
	
    
    padding: 60px 0 40px;
    width: 100%;
    float: left;

}

.questions  .box {
	text-align: center;
    width: 100%;
    border: 2px solid #e5e5e5;
    padding: 55px 90px;
	margin-bottom:35px;
	
}
 
#content-part .questions .centering {
    max-width: 760px;
    padding: 0 15px;
}



.profile-image {
    background-color: #e3e3e3;
    position: relative;
    font-size: 35px;
    line-height: 100%;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
}
.profile-image img {
    width: 100%;
    height: 100%;
	margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    
}

.message figure.profile-image {
    margin-right: 10px;
}

.message .sender {
    color: #0e0e0f;
    font-size: 14px;
    font-weight: 600;
}
.message .header .time {
    color: #999999;
    margin: 0 5px;
}
.message {
	margin: 20px 0;
}


.msg_reply{
	background: #fff;
    border-color: #F0F0F0;
    border-radius: 10px;
    width: 100%;
    height: 110px;
    margin: 10px 0;
    padding: 10px;
}

.msg_border {
	border: 1px solid #F0F0F0;
    margin: 10px 0;
}

.msg_row{
	float: left;
    width: 100%;
    display: flex;
}

@media only screen and (max-width: 767px) {
	.questions .box { padding: 25px 15px; }

	.questions form .field { height: 40px; padding: 10px 130px 10px 15px; margin-bottom:0; }

	.questions .button { width: 120px; height: 40px; padding: 10px; }
	.msg_row{display: block;}
}

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


.questions .search_btn { font-size:0; width: 40px; }

.questions .search_btn i { font-size: 14px; line-height: 20px; }

.questions form .field { height: 40px; padding: 10px 50px 10px 15px }
	
	
	/*.profile-image {
		height: 1em;
		width: 1em;
		width:100%;
	}*/
}
.pay_his li{
	display: inline-block;
    padding: 10px 4px 10px 5px;
    font-size: 12px;
    position: relative;
    width: 10%;
}

#add_disc{
	font-size:12px;
	z-index:500;
	min-width:300px;
	max-width:90%;
	min-height:150px;
	background-color:#ffffff;
	border:2px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:absolute;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:5%; 
	padding:10px 10px 10px 10px;
	display:none;
	  margin-top:25px;
	 }

#shaddow{
	z-index:400;
	width:100%;
	height:1000%;
	top:0%;
	left:0;
	background-color:#000;
	opacity:.5;
	  filter: alpha(opacity = 50);
	position:fixed;
	display:none;
}

.cart_centering {
    max-width: 1240px;
    margin: auto;
    position: relative;
}
.alert_btn {
	color: #fff;
    border-radius: 20px;
    background: #fac73f;
    font-size: 11px;
    padding: 8px 15px;
    margin-top: -5px;
}

.popup_header {
	padding: 15px 13px 13px 30px;
    letter-spacing: 0.5px;
    background: #e24921;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
	margin-bottom: 20px;
	
}

.purple_btn{
	padding: 7px 20px 5px;
    border-radius: 30px;
    margin-bottom: 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    border: 1px solid #74577c;
    background: #74577c;
}

.popup_search{
	    height: 45px;
	border: 1px solid #e5e5e5;
    padding: 12px 20px;
    border-radius: 20px;
    margin: 20px 0 20px 30px;
    max-width: 500px;
    float: left;
    width: 100%;
}
.popup_search input {
    border: none;
    background: none;
    color: #333942;
}

 .col-row2 {
    padding: 20px 25px 25px;
}

 .table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
}

 .table thead.orange {
    background: #e24921;
    color: #fff;
}

.table thead.orange th {
    color: #fff;
    text-transform: uppercase;
}

.table th, .admin-part .table td {
    padding: 12px 15px 8px;
}
.product_list th, .admin-part .product_list td {
    padding: 8px 11px 4px !important;
}
.filter_button { border: 2px solid #fff; color: #fff; border-radius: 30px; font-size: 10px; line-height: 13px; padding: 5px 15px; text-align: center; display: table-cell; float: left; margin-left: 20px; }

.btn-box {
	padding: 15px;
    text-align: center;
}

.btn-box .btn {
    border: 1px solid #e24921;
    background: #e24921;
    width: 200px;
    display: inline-block;
    padding: 9px 40px 6px;
    margin: 0 10px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
}

 .option-row {
    padding: 25px 0;
    float: left;
    width: 100%;
}

.option-row .action {
    width: 18%;
    text-align: right;
    min-width: 270px;
    float: right;
}

 .action li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    color: #5c5c63;
}

 .action li a {
    color: #5c5c63;
}

.action li .active {
    font-weight: 700;
}

.col3 {
    width: 33%;
    float: left;
    padding: 0 15px;
}
.col4 {
    width: 25%;
    float: left;
    padding: 0 15px;
}
.col5 {
    width: 20%;
    float: left;
    padding: 0 15px;
}
.col6 {
    width: 16%;
    float: left;
    padding: 0 15px;
}

.option-row .left_action {
    width: 18%;
    text-align: left;
    min-width: 270px;
    float: left;
}

.products .checkmark {
    margin: 5px;
    position: absolute;
    top: 0;
    left: 0px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #e24921;
}

@media only screen and (max-width: 1279px){
#pay_methods_table{
	width: 900px !important;
}
}

.billing_row{
	padding-top:20px !important;
}
.yellow_btn{
	border:none;
    color: #fff;
    background: #fac73f;
    font-size: 11px;
    padding: 7px 15px;
    margin-left: 10px;

}
.red_btn{
	
    color: #fff;
    border-radius: 20px;
    background: #e24921;
    font-size: 11px;
    padding: 7px 15px;
    margin-left: 10px;

}
.red_txt{
	color:#e24921;
	font-weight: 700;
}
.column2_h{
	font-weight:700 !important;
}

.tag{
	background-color: #e24921;
    padding: 1px 5px;
    border-radius: 10px;
    color: white;
}
.popup input{
	    padding: 5px;
    height: 35px;
}
select.basic{
	padding: 5px;
    width: 25%;
    height: 40px;
}

#loading_div{
	z-index: 1000;
	position: absolute;
	top: 40%;
	left: 30%;
	display:none;
}

.white-btn {
    border: 2px solid #e5e5e5;
    text-decoration: none;
    border-radius: 20px;
    padding: 5px 10px;
    background: #fff;
    color: #838b97;
    font-size: 10px;
}
.white-btn i{
	color: #e24921;
}

#add_multiple_to_cart{
	
}

.remove{
	color: red !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 20px;
}

/* ===== Flex Box Settings ===== */
.flex-box{
	display:flex;
}

.flex-1{
	flex:1;
}

.flex-2{
	flex:2;
}

.flex-3{
	flex:3;
}

.flex-4{
	flex:4;
}

.flex-5{
	flex:5;
}

.flex-6{
	flex:6;
}


button.btn.btn-primary {
    background-color: var(--primary);
    color: var(--basic);
    transition: all .3s ease-in-out;
    font-size: var(--default-size);
    text-transform: uppercase;
    font-family: "font-bold";
    letter-spacing: 3px;
    border-radius: 35px;
    padding: 17px 30px;
    text-align: center;
    outline: none;
    border: none;
}

.form-group {
    margin-bottom: 15px;
}