@font-face{
	font-family: 'Malgun Gothic';
   src:url('../fonts/Malgun Gothic Regular.ttf') format('truetype');
}

@font-face{
	font-family: 'Malgun Gothic Bold';
   src:url('../fonts/Malgun Gothic Bold.ttf') format('truetype');
}

@font-face{
	font-family: 'Malgun Gothic SemiLight';
   src:url('../fonts/Malgun gothic semilight.ttf') format('truetype');
}




/*UPDATED GENERAL*/
h3 strong {
    font-family: 'Malgun Gothic', sans-serif;
}

.no-banner {
    margin: 20px auto 0;
	padding-top: 1rem;
}

.outer-container {
    background: #232323;
	padding: 4rem 0;
}

.owl-carousel .owl-stage-outer {
	width: 100%;
}

.owl-carousel .owl-item img {
	width: auto !important;
	max-width: 100%;
}

.owl-carousel .owl-stage {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: start;
}

.no-gutter {
	padding-left: 0;
	padding-right: 0;
}

.no-margin {
	margin-right: 0;
	margin-left: 0;
}

.modal-header {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modal-header:before {
	display: none;
}

.modal-title {
	width: 100%;
}

.modal-header .close {
	width: 14px;
}

.modal-dialog {
	height: 100%;
	width: auto !important;
	max-width: 900px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-content {
	width: 100%;
	padding: 2rem;
}

.modal-footer .btn {
	width: 200px;
	background: #000000;
	color: #FFF;
}



@media (min-width: 768px) {
	.no-gutter-md {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	.outer-container {
		padding: 0;
	}
	
	
	
	.no-gutter-small {
		padding: 0;
	}
	
	.no-margin-small {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/*UPDATED HEADER*/
.admin-area {
    background: red;
    color: #FFF;
    height: 39px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#topbar {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	padding: 2.5rem 0;
	margin: 0 0 1rem;
}

#topbar .col-lg-6 {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#topbar a.account {
    margin: 0 2rem;
}

#topbar i.glyphicon.glyphicon-earphone {
    color: #FFF;
}

#topbar i.glyphicon.glyphicon-user {
	color: #FFF;
}

.col-lg-6.search-container {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

form[role="search"] {
	height: 30px;
}

form[role="search"] button.btn.btn-smal {
    height: 30px;
	background: #FFF;
}

/*input.form-control {
    border-radius: 0;
	border: none;
	box-shadow: none;
	height: 30px;
}*/

.header-middle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}




span.fixed-logo {
    display: none;
}





@media (min-width: 1200px) {
	
}

@media (min-width: 991px) and (max-width: 1199px) {
	/* div#logorow {
		width: 991px;
	}
	
	.col-md-2.col-sm-2.col-xs-4.col-lg-2.logo-container {
		width: 10%;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#logorow img {
		max-width: 100%;
	} */
	
	
}


/*UPDATED CART CHECKOUT*/
section[id*='step'] button {
	font-family: 'Malgun Gothic', sans-serif;
    font-weight: normal !important;
	font-size: 16px;
}

a.account-btn:hover {
	text-decoration: none !important;
}

.login-right h3 {
    font-family: 'Malgun Gothic', sans-serif;
}

.loginCheckout p,
.loginCheckout a,
.login-right p {
    font-family: 'Malgun Gothic', sans-serif;
}

#step4 p {
    text-align: left;
    width: auto !important;
}

input.custom-btn{
    margin-bottom: 12px !important;
    /* border-radius: 0; */
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
	font-family: 'Malgun Gothic', sans-serif;
    padding: 10px 25px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
	text-transform: uppercase;
	border-radius: 4px !important;
	background-color: #000;
}
input[value="Remove"] {
	background-color: crimson !important;
	font-weight: normal;
    font-size: 0.87rem;
    display: block;
    float: none;
    color: #fff !important;
    text-transform: uppercase;
    font-style: normal;
    line-height: 20px;
    margin: 15px 0 0 0;
    border: 0;
    border-radius: 6px !important;
	padding: 4px 22px !important;

  }

input#submit:hover, input.custom-btn:hover{
	color: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
input[value="Remove"]:hover{
	color: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background-color: crimson !important;
  }

.loginCheckout h5 {
	font-family: 'Malgun Gothic', sans-serif;
}

.loginCheckout form[name="login"] a {
	font-size: 12px;
}

#consumerPayPage .control-label {
	font-family: 'Malgun Gothic', sans-serif;
}

.registration-form p {
    font-family: 'Malgun Gothic', sans-serif;
}

li.text-info {
    font-family: 'Malgun Gothic', sans-serif;
    padding-right: 10px;
}

#step4 td {
    font-family: 'Malgun Gothic', sans-serif;
	width: 300px;
	color: #666;
    text-transform: uppercase;
}

#step5 .cart-item-info h4 span {
    font-family: 'Malgun Gothic', sans-serif;
}

#step6 label {
    font-family: 'Malgun Gothic', sans-serif;
}

.payment-form {
	height: 100% !important;
}

iframe#PMTiframe {
    max-height: 100%;
	width: 100%;
    padding: 1rem 0 0;
}

.FBI {
	padding-top: 10px;
}

.FBI input.ShowHand {
    border-radius: 0;
    background-color: rgb(181, 181, 181) !important;
    border: none;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px;
    width: 175px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    float: right;
    transition: 0.3s;
	font-family: 'Malgun Gothic', sans-serif;
}

.FBI input.ShowHand:hover {
	color: #23527c !important;
    transition: 0.3s;
}

@media (min-width: 1200px) {
	#step7[data-accordion].open [data-content] {
		min-height: 450px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	iframe#PMTiframe {
		width: 64%;
	}
}

@media (min-width: 768px) {
	#step7[data-accordion] [data-content].open {
		max-height: 500px !important;
	}
}

@media (max-width: 767px) {
	section[id*='step'] {
		max-width: 95% !important;
	}
	
	.main-fbi {
		min-height: 200px;
	}
	
	#step4 td {
		width: 130px;
	}
	.main-fbi .FBI {
		padding-top: 0;
	}
	
	.infoInput {
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	section[id*='step'] article .infoInput p {
		text-align: left !important;
		width: 100%;
	}
	
	.infoInput div {
		width: 100%;
	}
	
	.ShowBillingTBL {
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.updateShiButton {
		width: 100%;
	}
	
	/*.cart-sec {
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0;
		padding: 0;
	}*/
	
	.payment-form {
		width: 100% !important;
	}
	
	iframe#PMTiframe {
		max-width: 100%;
		width: 100%;
		height: 182px !important;
		padding: 1rem 0 0;
	}
	
	#step5 article {
		padding-top: 0 !important;
	}
	
	section#step5 .cart-item-info {
		white-space: initial !important;
		width: 100%;
	}
	
	.cart-item.cyc {
		width: 80%;
		max-width: 300px;
	}
	
	.cart-sec p.qty {
		width: 100%;
	}
	
	#step7 article {
		height: 715px !important;
	}
	
	#step7 .col-md-3.cart-total.cart {
		z-index: 1;
	}
}

/*UPDATED UPDATE SHIPPING PAGE*/
/*.shipping-address-page h2,
.shipping-address-page h3 {
    font-family: 'Malgun Gothic', sans-serif;
}*/

.ShowBillingTBL tbody {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
}

.ShowBillingTBL tr {
	width: 50%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.ShowBillingTBL tr td {
	width: 100%;
	margin-right: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ShowBillingTBL tr td select#Country {
	margin: 0;
}

.ShowBillingTBL input {
    border: 2px solid #e9e9e9;
    height: 40px;
    margin: 2px 0;
    width: 100%;
	padding: 0 1em;
}

.FBC-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.FBI-title {
    margin-right: 20px;
}

.FBC-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
	/*.no-banner.shipping-address-page {
		width: 90%;
	}*/
	
	.ShowBillingTBL tr {
		width: 100%;
	}
}


/*UPDATED LOGIN*/
.my_account_block .login {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	max-width: 100%;
	margin: 0 auto;
	float: none;
}

.login h2 {
    font-size: 16px;
    text-transform: uppercase;
}

.login .col-md-6.log,
.my_account_block .new_customers {
	width: 100%;
}

.login h5,
.my_account_block h2,
.login input[type="submit"],
.my_account_block .new_customers .btn {
    font-family: 'Malgun Gothic', sans-serif !important;
	font-weight: normal !important;
}

.login input[type="submit"],
.my_account_block .new_customers .btn {
	font-size: 14px;
}

.login p,
.login a {
	font-family: 'Malgun Gothic', sans-serif;
}

.my_account_block .new_customers {
	margin-top: 7rem;
}

.new_customers h2 {
	text-align: left;
	padding-left: 0;
}

.login .center {
    display: inline-block;
}

.login a.btn.active {
	margin: 0;
}

.my_account_note {
	font-family: 'Malgun Gothic', sans-serif;
	color: #333;
}

/*UPDATED SEARCH PAGE*/


/*UPDATED MY ACCOUNT PAGE*/
span.customer-name {
    color: #dc3c3c;font-weight: bold;
}

p.account-info-text {
    text-align: center;
}

.account-btn {
    text-align: center;
	min-width: 300px;
    margin: 0 0 1rem;
	animation-delay: 1s;
}

.account-btn .btn {
    background: linear-gradient(to right, #941c2c 50%, #072e65 50%);transition: all 0.2s ease-out;background-position: right bottom;background-size: 200% 200%;
    color: #FFF;
	min-width: 300px;
}

.account-btn .btn:hover {background-position: left bottom;border-radius: 35px;border: solid 1px #000000;}

.logout-btn  {text-align: center;text-decoration: underline;}
.logout-btn  a{padding: 8px 25px;color: #fff; background: linear-gradient(to right, #941c2c 50%, #072e65 50%);transition: all 0.2s ease-out;background-position: right bottom;background-size: 200% 200%;}
.logout-btn  a:hover {background-position: left bottom;border-radius: 35px;border: solid 1px #000000;}



/*UPDATED BILLING PAGE*/
.ShowBillingTBL tr:first-child {
    width: 100%;
	margin: 0 0 3rem;
}

a.billing-btn {
    margin: 3rem 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* .SpecialSpanButton input#submit {
	background: rgb(181, 181, 181) !important;
} 

.SpecialSpanButton input#submit:hover {
    color: #23527c !important;
    transition: 0.3s;
}*/

/*UPDATED CHECKOUT*/
.accordion-wrapper .updateBilling {
	width: 94%;
}

#step7 article {
    height: 100%;
}

@media (min-width: 768px) {
	.cart-item.cyc {
		min-width: 117px !important;
		height: 185px;
	}

	.cart-item.cyc a {
		height: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.cart-item img.ProductImage {
		width: auto;
		height: auto;
		max-height: 100%;
	}
}

/*UPDATED ORDER HISTORY*/
table#OHTBL {
    max-width: 991px;
    width: 100%;
    margin: 5rem auto;
}

table#OHTBL tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 1rem;
}

table#OHTBL tr:first-child {
    margin: 0 0 2rem;
    background: #222222;
    padding: 1rem 0;
}

table#OHTBL td {
    text-align: center;
    width: 25%;
}

table#OHTBL tr:first-child td {
    font-weight: bold;
    color: #fff;
}

table#ODAIF {
    max-width: 991px;
    width: 95%;
}

table#ODAIF td:last-child {
    text-align: right;
}

.top-order-table {
    margin: 3rem 0;
}

.top-order-table table {
    max-width: 991px;
    width: 95%;
}

.top-order-table table td:last-child {
    text-align: right;
}

@media (min-width: 992px) {
	.mobile-order-text {
		display: none;
	}
	
	.order-summary {
		max-width: 991px;
		margin: 0 auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	table#ODAIF {
		max-width: 991px;
		width: 100%;
		float: right;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: end;
		-moz-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

@media (max-width: 991px) {
	table#OHTBL {
		width: 95%;
	}
	
	table#OHTBL tr {
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0 0 5rem;
	}
	
	table#OHTBL tr:first-child {
		display: none;
	}
	
	table#OHTBL td {
		text-align: right;
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 0 0.5rem;
	}
	
	.mobile-order-text {
		font-weight: bold;
		margin: 0 1rem 0 0;
	}
}

.shipping-address-page .update-billing-btn, .shipping-address-page .back-billing-btn {
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0 !important;
	background: linear-gradient(to right, #941c2c 50%, #072e65 50%);transition: all 0.2s ease-out;background-position: right bottom;background-size: 200% 200%;
}
.shipping-address-page .update-billing-btn:hover, .shipping-address-page .back-billing-btn:hover, .shipping-address-page .change-shipping-btn:hover {
    background-position: left bottom;
    border-radius: 35px !important;
    border: solid 1px #000000;
}
.shipping-address-page .change-shipping-btn {
    color: #fff;
    background: linear-gradient(to right, #941c2c 50%, #072e65 50%);
    transition: all 0.2s ease-out;
    background-position: right bottom;
    background-size: 200% 200%;
}













