@charset "utf-8";
/* CSS Document */



@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700');


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;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body{
	font-family: 'Source Sans Pro', sans-serif;
	color: #333;
	/* background: #eee; */
}

body,html{
	overflow-x: hidden;
}

p{
	font-size: 16px;
}

a:focus,a:hover,a:active{
	text-decoration: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
	border-radius: 5px;
  border: 1px solid #fff !important;
  -webkit-text-fill-color: #00205b;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input[type="text"]:not(:placeholder-shown),
input[type="password"]:not(:placeholder-shown),
input[type="email"]:not(:placeholder-shown){
 background: #fff !important;
 border:1px solid #fff !important;
 border-radius: 5px !important;
}


input:focus,
button:focus,
textarea:focus,
select:focus{
	outline: none;
}

.new-header-container{
	background: #eee;
}

.new-header-content{
	background: url('../images/header.png') no-repeat top -11px center / 100%;
	padding: 40px 40px 0 40px;
	display: flex;
}

.new-header-account{
	margin-top: 20px;
}

.new-header-right-side{
	flex: 1;
}

.new-header-content .right-header-area{
	justify-content: flex-end;
}

.new-header-content .website-logo{
	width: 220px;
}


.new-header-content .main-navigation ul{
	display: block;
	text-align: right;
}

.new-header-content .main-navigation ul li{
	display: inline-block;
}

.new-header-account-name{
	text-align: right;
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
}

.main-login-container{
	width: 100%;
	background: url('../images/cover.jpg') no-repeat center center / cover;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100vh - 70px);
}

.main-login-upper{
	width: 400px;
	background:rgba(185, 185, 185, 0.7);
	border-radius: 10px;
	padding:20px;
	position: relative;
}

.main-login-bottom{
	width: 400px;
	background:rgba(185, 185, 185, 0.7);
	border-radius: 10px;
	padding:20px 40px;
	margin-left: 10px;
}

.main-login-content .main-login-bottom h2{
	margin-bottom: 30px;
}

.main-login-outer{
	transform:translateX(-200px);
}

.main-login-bottom a{
	display: inline-block;
	background: #00b0f0;
	color: #fff;
	border-radius: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	border: none;
	line-height: 45px;
	height: 45px;
	transition: all 0.3s ease-out;
	padding: 0 40px;
}

.main-login-bottom p{
	color: #00205b;
	font-size: 17px;
	margin-bottom: 35px;
}

.main-login-content{
	position: relative;
	overflow:hidden;
	display: flex;
}

.main-login-outer-heading h1{
	color: #fff;
	font-size: 55px;
	font-weight: bold;
	margin-bottom: 20px;
}

.main-login-outer-heading h2{
	color: #fff;
	font-size: 26px;
	margin-bottom: 20px;
}

.main-login-content h2{
	color: #00205b;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

.main-login-content img{
	position: absolute;
	bottom: -75px;
	left: 0;
	width: 100%;
}

.main-logo{
	width: 220px;
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 10;
}
.main-logo img{
	width: 100%;
}

.main-login-content input[type="text"],
.main-login-content input[type="password"]{
	width: 100%;
	padding:0 15px;
	height: 35px;
	border:none;
	font-size: 16px;
	color: #00205b;
	background: transparent;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #00205b;
	transition:all 0.3s ease-out;
	margin-bottom: 18px;
}

/* .main-login-content input[type="text"]:focus,
.main-login-content input[type="password"]:focus{
	border-color: #00205b;
} */

.input-container{
	position: relative;
}

.input-container span{
	position: absolute;
	left: 15px;
	top: 50%;
	transform:translateY(-50%);
	color: #ccc;
	font-size: 16px;
	transition:all 0.3s ease-out;
}
.main-login-content input[type="text"]:focus + span,
.main-login-content input[type="password"]:focus + span{
	font-size: 12px;
	top: 5px;
}

.profile-form-checkboxes{
	margin:10px 0 20px 0;
}

.profile-form-checkboxes input[type="checkbox"]{
	display: none;
}

.profile-form-checkboxes input[type="checkbox"] + label{
	display: block;
	font-size: 16px;
	color: #333;
	padding-left: 30px;
	cursor: pointer;
	position: relative;
}

.profile-form-checkboxes input[type="checkbox"] + label:before{
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 0;
	transition: all 0.3s ease-out;
	border:1px solid #ccc;
}

.profile-form-checkboxes input[type="checkbox"]:checked + label:before{
	background: #00205b;
	border-color: #00205b;
}

.profile-form-checkboxes a{
	color: #00adee;
}

.profile-form-checkboxes a:hover{
	color: #00adee;
}

.main-login-content input[type="submit"]{
	display: block;
	width: 100%;
	background: #00b0f0;
	color: #fff;
	border-radius: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	border:none;
	height: 45px;
	transition:all 0.3s ease-out;
	margin: 20px 0 0 0;
	padding: 0 40px;
}

.main-login-content input[type="submit"]:hover{
	background: #00b0f0;
}

.sign-up-text{
color: #00205b;
padding-top: 35px;
font-size: 15px;
}

.sign-up-text a{
	display: inline-block;
	color: #00205b;
	font-weight: bold;
}

.sign-up-text a:hover{
	color: #00205b;
}

.resetBoxContent{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(185, 185, 185);
	z-index: 9999;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	transition:all 0.3s ease-out;
	transform:translateX(-20px);
	border-radius: 10px;
}

.resetBoxContent.active{
	transform:none;
	opacity: 1;
	visibility: visible;
}

.resetBoxContent h2{
	color: #00205b;
	margin-bottom: 20px;
}

.resetBoxContent p{
	margin-bottom: 10px;
	color: #00205b;
}

.resetBoxContent button[type="submit"]{
	display: block;
	width: 100%;
	background: #00b0f0;
	color: #fff;
	border-radius: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	border: none;
	height: 45px;
	transition: all 0.3s ease-out;
	margin: 20px 0 0 0;
	padding: 0 30px;
}

.resetBoxContent button[type="submit"]:hover{
	background: #00b0f0;
}

.resetbox-bottom{
	text-align: center;
	margin-top: 20px;
}

.close-reset{
	color: #00205b;
	font-size: 30px;
	cursor: pointer;
	position: absolute;
	top: 18px;
	left: 20px;
}

#resetPassMsgsSucc{
	position: absolute;
	top: 98px;
	left:20px;
	right: 20px;
	height: calc(100% - 100px);
	z-index: 10;
	text-align: center;
	background: #fff;
}

#resetPassMsgsSucc a{
	display: inline-block;
	background: #00a651;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	border:none;
	transition:all 0.3s ease-out;
	padding: 10px 40px;
}

#resetPassMsgsSucc a:hover{
	background: #00984A;
}

.main-register-container{
	position: relative;
}

.main-register-inner{
	background: rgba(185, 185, 185, 0.7);
	padding: 20px;
	border-radius: 10px;
	width: calc(100% - 40px);
	max-width: 440px;
	margin: 0 auto;
	text-align: center;
	transform: translateX(-90px);
}
.alert-container{
	padding:10px 10px 10px 50px;
	color: #fff;
	background: rgb(255, 192, 0) url(../images/info-icon.png) no-repeat center left 15px / 20px;
	font-size: 16px;
	margin-bottom: 20px;
	text-align: left;
}

.success-container{
	padding:15px 15px 15px 50px;
	color: #fff;
	background: #00a651 url(../images/info-icon.png) no-repeat center left 15px / 20px;
	font-size: 16px;
	border-radius: 4px;
	margin-bottom: 20px;
	text-align: left;
}

.main-register-header{
	width: 100%;
	height: 400px;
	background: url('../images/cover.jpg') no-repeat top -200px center / cover;
	position: relative;
}

.header-pattern{
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	right: 0;
}

.main-register-content h1{
	color: #00205b;
	margin-bottom: 20px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.main-register-content{
	padding: 80px 0;
	height: calc(100vh - 72px);
	overflow: auto;
	background: url('../images/cover.jpg') no-repeat center center / cover;
	display: flex;
	align-items: center;
}

.main-register-content.scroll{
	display: block;
}

.main-register-content input[type="text"],
.main-register-content input[type="password"],
.main-register-content input[type="email"]{
	width: 100%;
    height: 35px;
    border: none;
    font-size: 15px;
    color: #00205b;
    background: transparent;
    position: relative;
    z-index: 1;
    padding:0 10px;
    border-bottom: 1px solid #00205b;
    transition: all 0.3s ease-out;
}

.main-register-content .grey-field{
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	border: 1px solid #eee;
	color: #333;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 0 20px;
	border-radius: 60px;
	text-align: left;
	background: #eee;
	opacity: 0.3;
}

.main-register-content .profile-form-checkboxes input[type="checkbox"] + label{
	display: inline-block;
}

.main-register-content button[type="submit"],
.main-register-content button[type="button"]{
	display: inline-block;
	background: #00b0f0;
	color: #fff;
	border-radius: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	border: none;
	line-height: 45px;
	height: 45px;
	transition: all 0.3s ease-out;
	padding: 0 40px;
	margin-top: 20px;
}

.main-register-content button[type="submit"]:hover{
	background: #00b0f0;
}

.main-register-content div[class^="col-md"]{
	padding: 0 10px;
}

.main-register-content .row{
	margin: 0 -10px;
}

.main-register-content p{
	font-size: 16px;
	color:#00205b;
	margin-bottom: 10px;
}
.register-form-button{
	text-align: right;
}
.register-form-button a{
	display: inline-block;
	background: #00b0f0;
	color: #fff;
	border-radius: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	border: none;
	line-height: 45px;
	height: 45px;
	transition: all 0.3s ease-out;
	padding: 0 40px;
}
.main-register-content a:hover{
	background: #00b0f0;
}

.main-header-outer{
	background: #fff;
	padding: 20px 0px 0 0;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1);
}

.main-header{
	display: flex;
	justify-content:space-between;
	width: 100%;
}

.main-navigation{
	margin-top: 40px;
}

.main-navigation ul{
	list-style: none;
	display: flex;
	margin: 0 -2px;
}

.main-navigation ul li{
	flex:1 1 auto;
	padding:0 2px;
}

.main-navigation ul li a{
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	font-weight: bold;
	background:#0f1f65;
	text-align: center;
	position: relative;
	z-index: 1;
	border-radius: 4px 4px 0 0;
	position: relative;
}

.main-navigation ul li a .label-title{
	background: #ee2041;
	color: #fff;
	font-size: 13px;
	border-radius: 60px;
	position: absolute;
	right: 0;
	top:-14px;
	padding:2px 10px;
}

.main-navigation ul li a::before{
	content: "";
	position: absolute;
	top: 0;
	left:0;
	width:0;
	height: 100%;
	background: #00adee;
	z-index:-1;
	transition: width 0.3s ease-out;
	border-radius: 4px 4px 0 0;
}

.main-navigation ul li.active a:before{
	width: 100%;
}

.main-navigation ul li a:hover::before{
	width: 100%;
}

.website-logo.fixed{
	position: fixed;
	top: 40px;
	left: 40px;
	z-index: 2;
}

.website-logo img{
	display: block;
	width: 220px;
}

.right-header-area{
	display: flex;
	align-items: center;
}

.right-header-area ul{
	list-style: none;
}

.right-header-area ul > li{
	display: inline-block;
	padding-left: 30px;
	vertical-align: middle;
}

.right-header-area ul > li.menu-trigger{
	display: none;
}

.right-header-area ul > li.cart-icon{
	position: relative;
}

.cart-popup{
	width: 520px;
	position: absolute;
	top: 125px;
	right: -40px;
	background: #fff;
	padding-bottom: 20px;
	transition: all 0.3s ease-out;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	z-index: 20;
}

.cart-popup.active{
	top: 65px;
	opacity: 1;
	visibility: visible;
}

.cart-popup:before{
	content: "";
	position: absolute;
	top: -20px;
	right: 35px;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #fff;
}

.cart-popup tr{
	border-bottom: 1px dashed #eee;
	transition: all 0.3s ease-out;
}

.cart-popup tr:hover{
	background: #f4f4f4;
}

.cart-popup tr td{
	padding: 10px;
	vertical-align: middle;
}

.cart-popup tr.cart-popup-info h3{
	color: #0f1f65;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
}

.cart-popup tr.cart-popup-info h3:last-child{
	margin: 0;
}

.cart-popup tr.cart-popup-info p{
	color: #0f1f65;
	font-size: 16px;
	text-align: center;
}

.cart-popup tr.cart-popup-info{
	border: none;
}

.cart-popup tr.cart-popup-info .cart-popup-image{
	display: none;
}

.cart-popup tr.cart-popup-info td{
	vertical-align: top;
	padding: 20px 10px;
}

.cart-popup tr.cart-popup-info .cart-popup-before-price span:last-child{
	text-decoration: line-through;
}

.cart-popup tr.cart-popup-info .cart-popup-after-price span:nth-child(1){
	color: #00205b;
	font-weight: bold;
}

.cart-popup tr.cart-popup-info .cart-popup-after-price span:nth-child(2){
	color: #ccc;
}

.cart-popup tr.cart-popup-info .cart-popup-delete img{
	display: none;
}

.cart-popup .inner-product-select{
	width: 70px;
}

.cart-popup h2 a{
	color: #00205b;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

.cart-popup span{
	display: block;
	text-align: right;
}

.cart-popup-image{
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cart-popup-image img{
	max-width: 90%;
	max-height: 90%;
	display: block;
}

.cart-popup-before-price{
	color: #ccc;
	font-size: 14px;
}

.cart-popup-before-price span{
	text-decoration: line-through;
}

.cart-popup-before-price span:last-child{
	text-decoration: none;
}

.cart-popup-after-price{
	font-size: 14px;
}

.cart-popup-after-price span:nth-child(1){
	color: #ee2041;
}
.cart-popup-after-price span:nth-child(2){
	color: #00205b;
	font-weight: bold;
}
.cart-popup-after-price span:nth-child(3){
	color: #ccc;
}

.cart-popup-delete img{
	height: 30px;
	width: auto;
	display: inline-block;
}

.cart-final-cost-info{
	padding: 20px;
	border-top: 5px solid #eee;
	display: flex;
	align-items: center;
}

.cart-final-cost-info h4{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	flex: 1;
}

.final-cost-price{
	flex: 1;
	text-align: right;
	font-size: 18px;
	color: #0f1f65;
	font-weight: bold;
}

.cart-message-container{
	margin-bottom: 20px;
}

.cart-message-container p{
	background: #feb811 url('../images/warning-icon.png') no-repeat center left 10px / 30px;
	padding: 8px 8px 8px 50px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
}

.cart-button-container{
	padding: 0 20px;
	text-align: right;
}

.cart-button{
	display: inline-block;
	text-align: center;
	background: #00a651;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	padding: 15px 40px;
	font-weight: bold;
	letter-spacing: 2px;
	position: relative;
	transition: all 0.3s ease-out;
	border-radius: 5px;

}

.cart-button:hover{
	background: #00984A;
	color: #fff;
}

.right-header-area ul > li.cart-icon > a{
	position: relative;
}

.right-header-area ul > li.cart-icon > a > .price{
	position: absolute;
	top: -10px;
	right: 100%;
}

.right-header-area ul > li.cart-icon > a > .price span{
	display: inline-block;
	border-radius: 25px;
	background: #00A651;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding: 2px 12px;
	text-align: center;
}

.right-header-area ul > li.cart-icon > a > .price span img{
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	margin-left: 5px;
}

.right-header-area ul > li > a{
	display: block;
}

.right-header-area ul > li > a >img{
	height: 25px;
}

.website-content{
	padding:40px 0;
}

.website-main-menu{
	width: 100%;
	/* background: #0f1f65; */
}

.website-main-menu > ul{
	list-style: none;
}

.website-main-menu > ul > li{
	position: relative;
}

.website-main-menu > ul > li > a{
	color: #0f1f65;
	font-size: 13px;
	text-transform: uppercase;
	padding: 10px;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	position: relative;
	background: transparent;
	z-index: 1;
	font-weight: bold;
	letter-spacing: 0.5px;
	transition: all 0.3s ease-out;
}

.website-main-menu > ul > li:last-child > a{
	border: none;
}

.website-main-menu > ul > li.has-child > a >span{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 20px;
	height: 20px;
	background: url('../images/arrow-down.png') no-repeat center center / 100%;
	z-index: 2;
	cursor: pointer;
}

.website-main-menu > ul > li:hover a:before{
	width: 100%;
}

.website-main-menu > ul > li:hover a{
	color: #fff;
}

.website-main-menu > ul > li > a:before{
	content: "";
	width: 0;
	background: #00adee;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	transition: all 0.3s ease-out;
	z-index: -1;
}

.website-main-menu > ul > li.active > a{
	background: #00adee;
	color: #fff;
}

.website-main-menu > ul > li > a > img{
	width: 20px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: sub;
	display: none;
}

.website-main-menu > ul > li > ul{
	padding-top: 10px;
	list-style: none;
	position: relative;
	display: none;
}

.website-main-menu > ul > li > ul > li:last-child{
	display: none;
}

.website-main-menu > ul > li > ul > li.active > a{
	color: #00adee;
}

.website-main-menu > ul > li > ul > li > a{
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 5px 5px 5px 30px;
}
.website-main-menu > ul > li > ul > li > a:hover{
	color: #00adee;
	transition: all 0.3s ease-out;
}
.results-info{
	background: #fff;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.06);
	color: #0f1f65;
	font-size: 18px;
	padding-left: 20px;
	margin-bottom: 30px;
	display: inline-block;
}

.results-info span{
	display: inline-block;
	line-height: 45px;
	padding: 0 20px;
	color: #fff;
	background: #0f1f65;
	margin-left: 20px;
}

.products-container.flex{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.product-outer{
	width: 33.3%;
	padding: 0 5px;
	margin-bottom: 10px;
}

.p-options{
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
}

.products-container > .row{
	margin: 0 -5px;
}

.products-container > .row > div[class^='col-md'],
.products-container > .row > div[class^='col-sm'],
.products-container > .row > div[class^='col-xs']{
	padding: 0 5px;
}

.inner-product-box .row .row{
	margin: 0 -2px;
}

.inner-product-box .row .row .col-md-6{
	padding: 0 2px;
}

.inner-product-box{
	background: #fff;
	padding: 10px 10px 65px 10px;
	/* border: 1px solid #E6E6E6; */
	border:1px solid rgba(0,0,0,0.08);
	position: relative;
	height: 100%;
	transition: all 0.3s ease-out;
	/*overflow: hidden;*/
}

.inner-product-box:hover{
	background: #f6f6f6;
}

.pack-label{
	  position: absolute;
	  top: 17px;
	  left: -35px;
	  transform: rotate(-45deg);
	  z-index: 2;
}

.inner-product-box .pack-label span{
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	transform: translate(27px,27px);
}

.pack-label:before{
	content: "";
	border-right: 50px solid transparent;
	border-left: 50px solid transparent;
	border-bottom: 50px solid #DB2020;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.m-product-box.inner-product-box{
	min-height: 0;
}

.inner-product-box:hover .border-1:before{
	height: 100%;
}

.inner-product-box:hover .border-1:after{
	width: 100%;
}

.inner-product-box:hover .border-2:before{
	height: 100%;
}

.inner-product-box:hover .border-2:after{
	width: 100%;
}

.border-1:before{
	content: "";
	width: 1px;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	background: #0f1f65;
	transition: all 0.5s ease-out;
}

.border-1:after{
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #0f1f65;
	transition: all 0.5s ease-out;
	transform-origin: right top;
}

.border-2:before{
	content: "";
	width: 1px;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #0f1f65;
	transition: all 0.5s ease-out;
}

.border-2:after{
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	background: #0f1f65;
	transition: all 0.5s ease-out;
}

.inner-product-photo{
	height: 140px;

}
.inner-product-photo a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.inner-product-photo img{
	max-width: 90%;
	max-height: 90%;
}

.inner-product-photo img.view-image{
	max-width: none;
	max-height: none;
	position: absolute;
	bottom: 20px;
	right: 10px;
	height: 17px;
}

.inner-product-box .code{
	font-size: 13px;
	color: #00adee;
	margin: 10px 0;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.inner-product-box .product-price{
	color: #0f1f65;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}

.inner-product-box h3{
	color: #0f1f65;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.inner-product-box h4{
	color: #0f1f65;
	margin-bottom: 5px;
	font-size: 14px;
}

.inner-product-box-buttons{
	margin-top: 20px;
	position: absolute;
	bottom:10px;
	left:10px;
	right: 10px;
}

.m-product-box .inner-product-box-buttons{
	position: unset;
	bottom:auto;
	left: auto;
	right: auto;
	margin:0;
}

.m-product-box .row{
	margin:0 -2px;
}

.m-product-box .row div[class^="col-md"]{
	padding:0 2px;
}

.inner-product-box-buttons a:first-child{
	background: #0f1f65;
}

.inner-product-box-buttons a:first-child:hover{
	background: #00adee;
}

.inner-product-box-buttons a{
	display: block;
	text-align: center;
	background: #00a651;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	padding: 10px 20px;
	font-weight: bold;
	position: relative;
	letter-spacing: 1px;
	transition: all 0.3s ease-out;
	margin-bottom: 10px;
}

.inner-product-box-buttons a:hover{
	background: #00984A;
}

.inner-product-box-buttons button{
	display: block;
	width:100%;
	text-align: center;
	background: #00a651;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 20px;
	font-weight: normal;
	position: relative;
	line-height: normal;
	letter-spacing: 1px;
	transition: all 0.3s ease-out;
	border: none;
}

.m-product-box .inner-product-box-buttons button{
	padding:10px;
	letter-spacing: 0;
}

.inner-product-box-buttons button:hover{
	background: #00984A;
}

.inner-product-box span{
	display: block;
	color: #ee2041;
	font-size: 21px;
	text-align: center;
}

.code .inner-product-select{
	width: 50px;
}

.code .inner-product-select select{
	margin: 0;
}

.inner-product-select{
	background: url('../images/select-arrow.png') no-repeat center right 10px / 15px;
}

.m-product-box .inner-product-select select{
	margin:0;
	height: 50px;
}

.inner-product-select select,
.inner-product-box input[type="text"],
.inner-product-box input[type="number"]{
	width: 100%;
	height: 35px;
	border: 1px solid #eee;
	padding: 0 5px;
	margin-bottom:10px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: 13px;
	background: transparent;
}
.single-product-container > .row{
	margin: 0 -10px;
}

.single-product-container div[class^="col-md"]{
	padding: 0 10px;
}

.single-product-image{
	width: 100%;
	background: #fff;
	height: 400px;
}

.single-product-image a{
	display: block;
	width: 100%;
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
}

.single-product-image img{
	display: block;
	max-width: 80%;
	max-height: 80%;

}

.single-product-gallery{
	margin-top: 10px;
}

.single-product-gallery ul{
	list-style: none;
}

.single-product-gallery ul li{
	background: #fff;
	height: 100px;
	border: 1px solid #fff;
	transition: all 0.3s ease-out;
}

.single-product-gallery ul li:hover{
	border-color: #0f1f65;
}

.single-product-gallery ul li a{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.single-product-gallery ul li a img{
	max-width: 80%;
	max-height: 80%;
	width: auto !important;
	height: auto;
}

.single-product-gallery .owl-nav{
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
}

.single-product-gallery .owl-nav button{
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-indent: 999px;
}

.single-product-gallery .owl-nav button.owl-prev{
	background: url('../images/arrow-prev.png') no-repeat center center / 100%;
}

.single-product-gallery .owl-nav button.owl-next{
	background: url('../images/arrow-next.png') no-repeat center center / 100%;
}

.single-product-content{
	background: #fff;
	padding: 0 60px;
}

.single-product-content p{
	font-size: 16px;
	color: #333;
	margin-bottom: 20px;
}

.combo-row{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee;
}

.single-product-content .combo-row:last-of-type{
	padding: 0;
	border: none;
}

.back-button{
	color: #00adee;
	font-weight: bold;
	font-size: 16px;
	display: block;
	text-align: right;
	margin-bottom: -21px;
}

.back-button.bottom{
	margin-bottom: 0;
	margin-top: 40px;

}

.back-button:hover{
	color: #00adee;
}

.back-button svg{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
}

.single-product-content h2{
	color: #00adee;
	font-size: 18px;
	margin-bottom: 40px;
	font-weight: bold;
}

.single-product-content h3{
	color: #0f1f65;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
}

.single-product-content h4{
	margin-bottom: 10px;
	color:#0f1f65;
}

.single-product-content h1{
	color:#0f1f65;
	margin-bottom: 10px;
}

.single-product-categories ul{
	list-style: none;
	margin-bottom: 20px;
}

.single-product-categories ul li{
	display: inline-block;
	background: #eee;
	color: #bababa;
	padding: 5px 10px;
	font-size: 13px;
	border-radius: 2px;
}

.single-quantity-container{
	display: flex;
	margin-bottom: 20px;
}

.single-fields-container{
	margin: 20px 0;
}

.single-fields-container input{
	padding: 0 20px;
	border: 1px solid #eee;
	border-radius: 2px;
	width: 170px;
	height: 45px;
	margin-right: 10px;
}

.single-quantity-container .inner-product-select{
	margin-right: 10px;
}

.single-product-table{
	margin-bottom: 20px;
}

.single-product-table td{
	padding: 0 10px;
}

.single-product-table td:first-child{
	text-align: right;
}

.single-price{
	display: block;
	color: #ee2041;
	font-size: 21px;
	margin-bottom: 15px;
}

.single-quantity-container select{
	height: 45px;
	border: 1px solid #eee;
	border-radius: 2px;
	font-size: 15px;
	color: #333;
	padding: 0 30px 0 10px;
}

.single-quantity-container button{
	display: inline-block;
	text-align: center;
	background: #00a651;
	color: #fff;
	font-size: 14px;
	height: 45px;
	text-transform: uppercase;
	padding: 0 20px;
	font-weight: bold;
	letter-spacing: 2px;
	position: relative;
	transition: all 0.3s ease-out;
	border: none;
}

.single-quantity-container button:hover{
	background: #00984A;
}

.single-product-button{
	position: relative;
}

.cartInform{
	color: #fff;
	font-weight: 300;
	font-size: 13px;
	position: absolute;
	left: 50%;
	width: 390px;
	transform:translateX(-50%);
	top: 75px;
	text-align: center;
	background: rgb(255, 192, 0);
	padding: 10px;
	border-radius: 5px;
	display: none;
	z-index:20;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.m-product-box .cartInform{
	top: auto;
	bottom:-52px;
}

.cartInform:before{
	content: "";
	position: absolute;
	left: 50%;
	top: -10px;
	transform: translateX(-50%);
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid rgb(255, 192, 0);
}

.single-product-list-item{
	margin-bottom: 20px;
}

.single-product-list-item:last-of-type{
	margin: 0;
}

.single-product-list-item h2{
	background: #eee;
	color: #0f1f65;
	padding: 15px;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease-out;
}

.single-product-list-item h2:hover{
	background:#0f1f65;
	color: #fff;
}

.single-product-list-item h2:hover:before{
	background: url('../images/plus-icon-white.png') no-repeat center center / 100%;
}

.single-product-list-item h2.active:before{
	background: url('../images/minus-icon.png') no-repeat center center / 100%;
}

.single-product-list-item h2.active{
	background: #0f1f65;
	color: #fff;
}

.single-product-list-item h2:before{
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	background: url('../images/plus-icon.png') no-repeat center center / 100%;
}

.single-product-list-content{
	margin-top: 20px;
	overflow: hidden;
	display: none;
}

.single-product-list-desc p{
	font-size: 14px;
	color: #333;
	margin: 0;
}

.single-product-list-desc ul{
	margin:0 0 0 20px;
}

.single-product-list-desc ul li{
	font-size: 14px;
	color: #333;
}
.single-product-list-desc ul li:last-child{
	margin: 0;
}

.single-product-list-content .list-info{
	list-style: none;
	color: #333;
	overflow: hidden;
}

.single-product-list-content .list-info li{
	border-bottom: 1px solid #eee;
	padding: 5px 0;
}

.single-product-list-content .list-info li:last-child{
	border: none;
}

.single-product-list-content .list-info li span{
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}

.single-list-price{
	display: inline-block;
	padding: 10px 30px;
	color: #fff;
	float: right;
	font-weight: bold;
	font-size: 16px;
	background: #00205b;
}

.payment-ways{
	text-align: left;
	margin-bottom: 40px;
}

.payment-ways h3{
	color: #292929;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

.payment-ways ul{
	margin: 0;
	list-style: none;
}

.payment-ways ul li{
	margin-bottom: 8px;
}

.payment-ways ul li:last-child{
	margin: 0;
}

.payment-ways ul li label{
	display: block;
	color: #292929;
	font-size: 13px;
	position: relative;
	padding-left: 30px;
}

.payment-ways ul li input[type="radio"]{
	display: none;
}

.payment-ways ul li input[type="radio"] + label:before{
	content: "";
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 100%;

	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.payment-ways ul li input[type="radio"]:checked + label:before{
	background: #00adee;
	box-shadow: inset 0 0 0px 5px #fff;
}

.shop_table{
	width: 100%;
}

.shop_table .product-thumbnail img{
	height:75px;
}

.shop_table th{
	background:#e2e2e2;
	text-align:center;
	vertical-align: middle;
	padding:10px;
	font-size: 13px;
}

.shop_table.confirm th{
	padding:20px;
}

.shop_table.confirm td{
	padding:20px;
}

.cart_item:last-child td{
	border: none;
}

.shop_table.history th{
	padding:5px;
}

.shop_table.history.alt th{
	padding: 10px;
}

.shop_table.history td{
	padding:15px;
}

.shop_table.history td ul{
	list-style: none;
}

.shop_table.history td ul li{
	margin-bottom: 5px;
}

.shop_table.history td ul li:last-child{
	margin: 0;
}

.shop_table.history td a{
	color: #0f1f65;
	font-weight: bold;
}

.shop_table .over2prods td{
	background: #e2ecff;
	border-color: transparent;
}


.shop_table td{
	background:#fff;
	vertical-align: middle;
	padding: 10px;
	font-size: 14px;
	color: #292929;
	text-align: center;
	border-bottom:1px dashed #eee;
}

.shop_table td a{
	display: inline-block;
}

.shop_table td.product-quantity{
	position: relative;
}

.shop_table td.product-quantity .cartInform{
	width: 200px;
	left: 50%;
	transform: translateX(-50%);
	top: 80px;
}

.shop_table td.product-quantity .inner-product-select select{
	margin: 0;
	padding: 0 10px;
	border-color: #ccd2ec;
}

.shop_table td .addToCart{
	background: none;
	border: none;
	line-height: 1;
}

.shop_table td .addToCart svg{
	width: 30px;
	height: 30px;
}

.shop_table tr.noborder td{
	border: none;
}

.shop_table.final td:last-child{
	background:#e7e7e7;
}

.shop_table td:last-child img{
	height: 30px;
}

.shop_table td:last-child img.table-img{
	height: 20px;
}

.product-name a{
	display: block;
	text-align: left;
	color: #292929;
}

.product-name span{
	display: block;
	text-align: left;
	color: #b6b6b6;
	font-size: 16px;
}

.shop-table-image{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.shop-table-image img{
	max-width: 80%;
	max-height: 80%;
}

.quantity-controls{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.shop_table td .quantity-controls a{
	width: 22px;
	height: 22px;
	border-radius: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
	background: #c2c2c2;
	font-size: 16px;
}

.shop_table td .quantity-controls a:last-child{
	margin: 0;
}

.cart-bottom-buttons{
	margin-top: 40px;
	width: calc(100% - 78px);
}

.cart-bottom-buttons a{
	display: inline-block;
	color: #292929;
	font-size: 18px;
	font-weight: bold;
}

.cart-bottom-buttons a img{
	display: inline-block;
	vertical-align: middle;
	height: 40px;
}


.finalize-order{
	overflow: hidden;
}

.total-cost{
	display: block;
	text-align: right;
	color: #292929;
	font-size: 22px;
	font-weight: bold;
	margin-top: 20px;
	letter-spacing: 2px;
}

.finalize-order form button{
	display: inline-block;
	text-align: center;
	background: #00a651;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px;
	font-weight: bold;
	position: relative;
	letter-spacing: 1px;
	transition: all 0.3s ease-out;
	border: none;
}

.finalize-order form button:hover{
	background: #00984A;
}

.cart-empty{
	text-align: center;
}

.cart-empty img{
	height: 250px;

}

.cart-empty span{
	display: block;
	font-size: 30px;
	font-weight: 300;
	color: #ccc;
	margin-top: -30px;
}

.thank-you-container{
	margin-top: 180px;
}

.thank-you-box{
	background: #fff;
	width: 90%;
	margin: 0 auto;
	max-width: 600px;
}

.thank-you-header{
	background: #0f1f65;
	position: relative;
	height: 120px;
}

.thank-you-image{
	position: absolute;
	top: 54px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 120px;
	background: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.15);
}

.thank-you-image img{
	max-width: 55%;
	max-height: 55%;
}

.thank-you-content{
	text-align: center;

	padding: 80px 40px 40px 40px;
}

.thank-you-content p{
	font-size: 18px;
}

.thank-you-content a{
	display: inline-block;
	text-align: center;
	background: #0f1f65;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px;
	font-weight: bold;
	position: relative;
	letter-spacing: 1px;
	transition: all 0.3s ease-out;
	margin-top: 20px;
}

.thank-you-content a:hover{
	background: #00adee;
}

.thank-you-content a img{
	display: inline-block;
	height: 40px;
	vertical-align: middle;
}

footer.footer{
	background:#0f1f65;
	padding:25px 0;
	color: rgba(255, 255, 255, 0.9);

}

footer.footer p{
	font-size: 14px;
}

footer.footer img{
	height: 130px;
}

footer.footer ul{
	list-style: none;
}

footer.footer ul li{
	margin-bottom: 5px;
}

footer.footer ul li:last-child{
	margin:0;
}

footer.footer ul li a{
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	display: block;
	transition:color 0.3s ease-out;
}

footer.footer ul li a:hover{
	color: #00adee;
}

.website-page-intro{
	margin-bottom: 40px;
}

.website-page-intro em{
	color: #D12626;
	display: block;
	margin-top: 20px;
}

.website-page-intro h2{
	color: #0f1f65;
	font-size: 22px;
	margin-bottom: 20px;
	font-weight:bold;
}

.website-main-content h3{
	color: #0f1f65;
	font-size: 18px;
	margin-bottom: 20px;
}

.website-page-intro p{
	font-size: 16px;
	line-height: 1.5;
}

.website-page-intro p a{
	font-weight:bold;
	color:#0f1f65;
}

.website-page-intro p b{
	color:#0f1f65;
}

.final-price{
	margin:20px 0;
	color: #0f1f65;
    font-size: 22px;
	font-weight: bold;
	text-align: right;
}

.bottom-cart-buttons{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.bottom-cart-buttons.finalize{
	justify-content: flex-end;
}

.bottom-cart-buttons a.delete-all-link{
	color: #0f1f65;
	font-size: 16px;
}

.bottom-cart-buttons .goback-link{
	display:inline-block;
	color: #fff;
	padding:10px 40px;
	background: #0f1f65;
	font-weight:bold;
}

.right-bottom-buttons button.confirm{
	display:inline-block;
	color: #fff;
	padding:10px 40px;
	background: #00a651;
	margin-left: 5px;
	font-weight:bold;
	border: none;
}

.right-bottom-buttons a{
	display:inline-block;
	color: #fff;
	padding:10px 40px;
	background: #00a651;
	margin-left: 5px;
	font-weight:bold;
	border: none;
}

.right-bottom-buttons a:first-child{
	background: #b6b6b6;
}

.finalize .right-bottom-buttons a{
	background: #0f1f65;
}

.finalize .right-bottom-buttons a:first-child{
	background: #feb811;
}

.confirmation-info{
	padding:20px 0;
	margin-bottom: 40px;
	border-top:1px solid #0f1f65;
	border-bottom:1px solid #0f1f65;
}

.confirmation-info table{
	width: 100%;
}

.confirmation-info td{
	font-size: 16px;
	padding:0 20px 7px 0;
	vertical-align: middle;

}

.confirmation-info td input{
	width: 200px;
	height: 35px;
	padding: 0 7px;
	background: #fff;
	font-size: 14px;
	border:none;
}

.confirmation-info td select{
	padding: 0 7px;
	background: transparent;
	width: 200px;
	height: 35px;
	background: #fff;
	border:none;
}

.confirmation-info td:first-child{
	color: #00adee;
	text-align: right;

}

.final-price-info{
	margin:20px 0;
	display: flex;
	justify-content: flex-end;
}

.final-price-info td{
	font-size: 16px;
	padding:0 0px 5px 20px;

}

.final-price-info td:first-child{
	color: #00adee;
	text-align: right;
}

.order-success-container{
	background: #e2e2e2;
	padding:20px;
	color: #0f1f65;
    font-size: 18px;
    margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}

.mats-container{
	width: 100%;
	height: calc(100vh - 163px);
	background: url('../images/PHARMACY_ALL MATERIALS-1.jpg') no-repeat center center / cover;
	position: relative;
}
.mats-content{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 60px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 110px;
	right: 110px;
	z-index: 2;
}
.mats-content h1{
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
}
.mats-content h2{
	color: #fff;
	font-size: 35px;
	font-weight: 300;
}

.mats-link {
	position: absolute;
	bottom:10px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	animation: pulse 1.5s ease-out infinite;
}

.mats-link img{
	height: 100px;
}

@keyframes pulse{
	0%{
		transform: translateX(-50%) translateY(0);
	}
	25%{
		transform: translateX(-50%) translateY(-10px);
	}
	50%{
		transform: translateX(-50%) translateY(0px);
	}
	75%{
		transform: translateX(-50%) translateY(10px);
	}
	100%{
		transform: translateX(-50%) translateY(0px);
	}
}

.search-barcodes{
	margin-bottom: 40px;
}

.search-barcodes h2{
	color: #0f1f65;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
}

.form-wrapper{
	display: flex;
	align-items: center;
	max-width: 70%;
	margin:0 auto 40px auto;
}

.search-barcodes span{
	display: inline-block;
	color: #0f1f65;
	font-size: 16px;
	font-weight: bold;
	padding-right: 20px;
}

.search-barcodes input{
	flex:1;
	padding:10px;
	border:none;
	background: #f6f6f6;
}

.login-required-wrapper{
	padding: 100px 0;
}

.login-required-container{
	max-width: 580px;
	width: 90%;
	margin: 0 auto;
	background: #fff;
	padding: 60px;
	border-radius: 10px 10px 10px 60px;
	text-align: center;
}

.login-required-container h2{
	color: #00205b;
    margin-bottom: 20px;
}

.login-required-container p a{
	color: #00205b;
	font-weight: bold;
}

.login-required-link{
	background: #00205b;
	padding: 15px 40px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	margin-top: 40px;
	transition: background 0.3s ease-out;
}

.login-required-link:hover{
	background: #00adee;
	color: #fff;
}

.right-header-area ul > li.menu-trigger > a >img{
	height: 30px;
}

.close-mobile-menu{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	cursor: pointer;
}

.close-mobile-menu img{
	height: 35px;
}

.success-button{
	display: inline-block;
    color: #fff;
    padding: 10px 40px;
    background: #00a651;
    font-weight: bold;
    border: none;
}

.success-button:hover{
	color: #fff;
}

.warning-button{
	display: inline-block;
    color: #fff;
    padding: 10px 40px;
    background: #feb811;
    font-weight: bold;
    border: none;
}

.warning-button:hover{
	color: #fff;
}

.error-button{
	display: inline-block;
    color: #fff;
    padding: 10px 40px;
    background: #ee2041;
    font-weight: bold;
    border: none;
}

.error-button:hover{
	color: #fff;
}

#contact input[type="text"],
#contact input[type="email"]{
	width: 100%;
	background: #fff;
	padding: 10px;
	border: 1px solid #eee;
	color: #333;
	font-size: 14px;
	margin-bottom: 20px;
	transition: all 0.3s ease-out;
}

#contact textarea{
	width: 100%;
	padding: 10px;
	min-height: 200px;
	background: #fff;
	border: none;
	margin-bottom: 20px;
}

#orderForm .shop_table.confirm td input[type="number"]{
	padding: 10px;
	border: 1px solid #eee;
	width: 100%;
}

.barcode-step-container{
	margin-top: 20px;
}

.barcode-step-container h2{
	color: #0f1f65;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
}

.main-modal-template{
	padding: 40px;
	position: relative;
	background: #f2f2f2;
	border-radius: 10px;
	text-align: left;
}

.main-modal-template.text-center{
	text-align: center;
}

.main-modal-template h2{
	color: #0f1f65;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
}

.main-register-content .main-modal-template p{
	margin-bottom: 20px;
	font-size: 15px;
	color: #333;
	line-height: 1.3;
}

.main-modal-text p{
	margin-bottom: 20px;
	font-size: 15px;
	color: #333;
	line-height: 1.3;
}

.main-modal-template .close{
	position: absolute;
	top: 20px;
	right: 20px;
}

.modal-template-buttons{
	margin-top: 20px;
	font-size: 15px;
}

.edit-profile-modal-form{
	margin: 20px 0;
}

.edit-profile-modal-form span{
	display: block;
	margin-bottom: 5px;
	color: #00adee;
	font-weight: bold;
	font-size: 15px;
}

.edit-profile-modal-form div[class^="col-md"]{
	margin-bottom: 10px;
}

.edit-profile-modal-form input[type="text"]{
	padding: 10px;
	border: 1px solid #eee;
	width: 100%;
}

.order-history-entry-box{
	background: #fff;
}

.order-history-entry-box h2{
	background: #e2e2e2;
	padding: 15px;
	color: #0f1f65;
    font-size: 22px;
    font-weight: bold;
}

.order-history-entry-box ul{
	margin: 0;
	list-style: none;
}

.order-history-entry-box ul li{
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	font-size: 15px;
	padding: 10px;
}

.order-history-entry-box ul li:last-child{
	border: none;
}

.order-history-buttons{
	text-align: right;
}

.order-history-buttons{
	padding: 0 20px 20px 20px;
}

.order-history-buttons a{
	display: inline-block;
    color: #fff;
    padding: 10px 40px;
    background: #0f1f65;
    font-weight: bold;
    border: none;
}

.sticky-class{
	position: sticky;
	top: 0;
}

.modal-template-buttons a{
	display: inline-block;
    color: #fff;
    padding: 10px 40px;
    background: #0F1F65;
    font-weight: bold;
    border: none;
    margin: 0 5px;
}

#addtocartmodal .main-modal-template{
	padding: 60px;
}

#addtocartmodal .modal-dialog{
	position: relative;
	top: 50%;
	transform: translateY(-45%) !important;
}

#addtocartmodal.modal.in .modal-dialog{
	transform: translateY(-50%) !important;
}

.mats-slider-container{
	height: 600px;
	position: relative;
}

.mats-slider-item{
	height: 600px;
	position: relative;
	z-index: 1;
}

.mats-slider-item:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(15, 31, 101, 0.4);
}

.mats-slider-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.table-img{
	height: 20px;
}

.input-checkbox:first-of-type{
	margin-top: 20px;
}

.input-checkbox{
	position: relative;
	margin-top: 10px;
}

.input-checkbox input[type="checkbox"]{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.input-checkbox label span{
	color: #00205b;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.input-checkbox input[type="checkbox"] + label{
	position: relative;
	font-size: 15px;
	color: #00205b;
	padding-left: 47px;
	text-align: left;
	font-weight: normal;
}

.input-checkbox input[type="checkbox"] + label:before{
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	left: 15px;
	top: 4px;
}
.input-checkbox input[type="checkbox"]:checked + label:before{
	background: #00205b;
	box-shadow: inset 0 0 0px 2px #fff;
}
.input-holder{
	position: relative;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
}

.input-holder .input-filled{
	width: 100%;
    padding: 0;
    height: 35px;
    line-height: 35px;
    border: none;
    font-size: 15px;
    color: #00205b;
    background: transparent;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #00205b;
    transition: all 0.3s ease-out;
    text-align: left;
}

.input-holder span{
	display: block;
	width: 160px;
	text-align: right;
	font-size: 14px;
	color: #00205b;
	font-weight: bold;
	margin-right: 10px;
}

.input-holder.small span{
	width: auto;
	display: inline-block;
}

.contain-products-container{
	position: relative;
	background: #fff;
	text-align: left;
	padding: 20px;
	border-bottom: 1px dashed #eee;
}


.contain-products-container:before{
	content: "";
	position: absolute;
	top: -15px;
	left: 30px;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 15px solid #fff;
}

.contain-products-container h2{
	font-size: 20px;
	font-weight: bold;
	color: #001f5b;
	margin-bottom: 30px;
	position: relative;
	transition: all 0.3s 0.5s ease-out;
}

.contain-products-container.roll h2{
	margin:0;
}

.contain-products-container h2 span.change{
	background: url('../images/maximize-p.png') no-repeat center center / 100%;
}

.contain-products-container h2 span{
	width: 32px;
	height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: url('../images/minimize-p.png') no-repeat center center / 100%;
	cursor: pointer;
	display: block;
}

.contain-entry{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.contain-entry:last-of-type{
	margin-bottom: 0;
}

.contain-entry span{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: #001f5b;
	font-size: 14px;
}

.contain-entry div{
	padding: 0 5px;
	text-align: center;
	flex: 1;
}

.contain-entry div:first-child{
	text-align: left;
}

.contain-entry div:last-child{
	text-align: right;
}

.contain-entry div:nth-child(2){
	width: 160px;
	text-align: left;
	flex: none;
}

.owl-nav button{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 80px;
	height: 80px;
	z-index: 10;
	transition: all 0.3s ease-out;
	opacity: 0;
}

.mats-slider-container:hover .owl-nav button{
	opacity: 1;
}

.owl-nav button.owl-prev{
	background: url('../images/arrow-down-white.png') no-repeat center center / 100% !important;
	transform: translateY(-50%) rotate(90deg);
	left: 20px;
}

.owl-nav button.owl-next{
	background: url('../images/arrow-down-white.png') no-repeat center center / 100% !important;
	transform: translateY(-50%) rotate(-90deg);
	right: 20px;
}

.reg-info span{
	display: block;
	border-radius: 60px;
	background: #e2ecff;
	color: #001f5b;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}

.reg-info{
	margin-bottom: 30px !important;
}

.history-fitler{
	width: 300px;
	position: relative;
	margin-bottom: 40px;
}

.history-fitler input[type="text"]{
	width: 100%;
	height: 45px;
	background: #fff;
	border-radius: 60px;
	padding: 0 55px 0 20px;
	color: #000;
	font-size: 14px;
	border: none;
}

.history-fitler button{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	background: transparent;
	border: none;
}

.history-fitler button svg *{
	fill: #0f1f65;
}

.order-history-breadcrumbs{
	margin-bottom: 20px;
}

.order-history-breadcrumbs li{
	display: inline-block;
	font-size: 15px;
	color: #0f1f65;
	margin-right: 10px;
}

.order-history-breadcrumbs li:last-child{
	margin:0;
}

.order-history-breadcrumbs li:last-child:after{
	display: none;
}

.order-history-breadcrumbs li:after{
	content: "";
	display: inline-block;
	vertical-align: sub;
	width: 15px;
	height: 15px;
	margin-left: 6px;
	background: url(../images/arrow-next.png) no-repeat center center / 100%;
}

.order-history-breadcrumbs li a{
	display: inline-block;
	color: #959595;
	transition:all 0.3s ease-out;
}

.order-history-breadcrumbs li a:hover{
	color: #0f1f65;
}

.more-info{
	margin-left: 20px;
	cursor: pointer;
}

.more-info svg{
	width: 20px;
	height: 20px;
}

.barcode_info{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out;
}

.barcode_info.active{
	opacity: 1;
	visibility: visible;
}

.barcode_info img{
	display: block;
	max-width: 560px;
	width: 90%;
}

.close-modal-barcode{
	position: absolute;
	top: 40px;
	right:40px;
}

.barcode_info .close-modal-barcode img{
	max-width: none;
	width: 40px;
}

.return-button{
	display: inline-block;
    background: #00a651;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    border: none;
    transition: all 0.3s ease-out;
    padding: 10px 20px;
    margin-top: 20px;
}

.return-button:hover{
	background: #00984A;
	color: #fff;
}

.sign-up-terms-popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition:all 0.3s ease-out;
	z-index: 9999;
}

.sign-up-terms-popup.active{
	opacity: 1;
	visibility: visible;
}

.sign-up-terms-popup.active .sign-up-terms-popup-content{
	transform:translateY(0px);
}

.sign-up-terms-popup-content{
	background: #f2f2f2;
	border-radius: 10px;
	padding:40px;
	max-width:550px;
	width: 90%;
	font-size: 16px;
	text-align: center;
	transition:all 0.3s ease-out;
	transform:translateY(-60px);
}

.sign-up-terms-popup-content h2{
	color: #00205b;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 40px;
}
.sign-up-terms-popup-content p{
	color: #00205b;
	margin-bottom: 40px;
}
.sign-up-terms-popup-content p a{
	color: #00b0f0;
}
.sign-up-terms-popup-content a:hover{
	color: #00b0f0;
}
.terms-file{
	color: #00b0f0;
	display: block;
	margin-bottom: 20px;
}

.close-terms-popup{
	cursor: pointer;
	display: inline-block;

background: #00b0f0;

color: #fff;

border-radius: 10px;

font-size: 16px;

letter-spacing: 1px;

border: none;

line-height: 45px;

height: 45px;

transition: all 0.3s ease-out;

padding: 0 40px;

margin-top: 20px;
}

.page-content h2{
	color: #0f1f65;
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: bold;
}

.terms-links{
	margin-bottom: 20px;
}

.terms-links ul{
	margin:0;
	padding:0 0 0 13px;
}
.terms-links ul li{
	list-style: decimal;
	margin-bottom: 10px;
	color: #0f1f65;
}
.terms-links ul li a{
	font-size: 15px;
	color: #0f1f65;
	font-weight: bold;
}

.page-content section p{
	font-size: 15px;
	color: #545454;
	line-height: 1.8;
	margin-bottom: 20px;
}

.page-content section p a{
	color: #0f1f65;
	text-decoration: underline;
	font-weight: bold;
}

.page-content section ul{
	margin:20px 0;
	padding-left: 30px;
}
.page-content section ul li{
	font-size: 15px;
	color: #545454;
	line-height: 1.8;
}

.page-content section h3{
	color: #0f1f65;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.page-content section ul li a{
	color: #0f1f65;
	text-decoration: underline;
	font-weight: bold;
}