/* ==================== 
1. resets & defaults
2. base styles
3. layout
4. components
5. content by pages
==================== */


/* ==================== 1. resets & defaults ==================== */
html,body,
h1,h2,h3,h4,h5,h6,
ul,ol,p,figure,
form,fieldset,input,textarea{
	margin: 0;
	padding: 0;
}

header,nav,main,article,section,aside,footer,figure{
	display: block;
}

*{box-sizing: border-box; -webkit-tap-highlight-color: transparent;}

.cl:before,
.cl:after {
	display: table;
	content: " ";
}
.cl:after{
	clear:both;
}

/* ----- */

html,body{
	width: 100%;
	height: 100%;
}

nav ul,.nav ul{list-style: none;}
a img,fieldset{border:0;}

.logo img{display: block;}
.img-container img,
.thumb img,
figure img{
	display: block;
	max-width: 100%;
}

button,
input[type=button],
input[type=submit]{
	cursor: pointer;
	outline: none !important;
}

a,a:hover,a:focus{text-decoration: none;}
a.is-active{cursor: default;}

.disabled{opacity: 0.5; pointer-events: none;}
.disabled-click{pointer-events: none;}

/* ----- */

.no-scroll,
.no-scroll body{
	height: 100% !important;
	overflow: hidden;
}

.hidden{display: none !important;}
.item-fade{opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; z-index: -1;}
.item-fade.fade-in{opacity: 1; visibility: visible; z-index: 1;}

.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}

/* ----- */

.float-left{float: left !important;}
.float-right{float: right !important;}

.block-center{margin-left: auto !important; margin-right: auto !important;}

.text-l{text-align: left !important;}
.text-r{text-align: right !important;}
.text-c{text-align: center !important;}

.lowercase{text-transform: lowercase !important;}
.uppercase{text-transform: uppercase !important;}
.nocase{text-transform: none !important;font-family:'63Fonts', 'Open Sans', sans-serif !important;}

.italic{font-style: italic;}

.underline{text-decoration: underline;}
.line-through{text-decoration: line-through;}

.highlight {background-color: #ffff00;}

b{font-weight: 500}
strong{font-weight: 700}

/* ----- */

body{
	background: #fff;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;

	color: #404041;
	font-size: 0.875rem;
}



/* ==================== 2. base styles ==================== */


/* ----------- fonts ----------- */
body,input,textarea,button{
	font-family:'63Fonts', 'Open Sans', sans-serif;
}
.uppercase,
.uppercase-ka{
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
}
/* ----------- /fonts ----------- */


/* ----------- container ----------- */
.container,
.container-xxs,
.container-xs,
.container-sm,
.container-md,
.container-lg{
	width: 100%;
	margin: 0 auto;
}

.container,
.container-md,
.t63-section[data-content-size="md"] .container{
	max-width: 1238px;
}

.container-xxs,
.t63-section[data-content-size="xxs"] .container{
	max-width: 400px;
}
.container-xs,
.t63-section[data-content-size="xs"] .container{
	max-width: 600px;
}
.container-sm,
.t63-section[data-content-size="sm"] .container{
	max-width: 860px;
}
.container-lg,
.t63-section[data-content-size="lg"] .container{
	max-width: 1300px;
}

.container-fluid,
.t63-section[data-content-size="fluid"] .container{
	max-width: 100%;
}

.t63-section[data-content-size="xs"] .text-col .t63-article{
	max-width: 225px;
}
.t63-section[data-content-size="sm"] .text-col .t63-article{
	max-width: 355px;
}
.t63-section[data-content-size="md"] .text-col .t63-article{
	max-width: 525px;
}
.t63-section[data-content-size="lg"] .text-col .t63-article{
	max-width: 575px;
}
/* ----------- /container ----------- */


/* ----------- row ----------- */
.row-sm{
	margin-left: -10px;
	margin-right: -10px;
}
.row-sm > div {
	padding-left: 10px;
	padding-right: 10px;
}

.row-xs{
	margin-left: -5px;
	margin-right: -5px;
}
.row-xs > div {
	padding-left: 5px;
	padding-right: 5px;
}

@media (min-width: 992px) {
	.row-lg{
		margin-left: -20px;
		margin-right: -20px;
	}
	.row-lg > div {
		padding-left: 20px;
		padding-right: 20px;
	}
}
/* ----------- /row ----------- */


/* ----------- icons ----------- */
.icon{
	display: inline-block;
	position: relative;
}
.icon::before{
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.i-lg::before{
	width: 20px;
	height: 20px;
}
.i-xl::before{
	width: 24px;
	height: 24px;
}

.i-tick-white::before{
	background-image: url(../images/icons/tick_white.svg);
}

.i-90::before{
	transform: rotate(90deg);
}
.i-180::before{
	transform: rotate(180deg);
}
.i-270::before{
	transform: rotate(270deg);
}

.i-minus::before{
	background-image: url("/Content/Images/icons/minus.svg");
}
.i-plus::before{
	background-image: url("/Content/Images/icons/plus.svg");
}
.i-trash::before{
	background-image: url("/Content/Images/icons/trash_gray.svg");
}
.i-trash--red::before{
	background-image: url("/Content/Images/icons/trash_danger.svg");
}
/* ----------- /icons ----------- */


/* ----------- colors ----------- */
.text-white{
	color: #fff !important;
}
.text-black{
	color: #000 !important;
}

.text-success{
	color: #4e8929 !important;
}
.text-danger{
	color: #cf0013 !important;
}

.bg-dark{
	background-color: #f8f8f8 !important;
}
/* ----------- /colors ----------- */


/* ---------- radius ---------- */
.rounded-1{
	border-radius: 0.125rem !important;
}
.rounded-2{
	border-radius: 0.25rem !important;
}
.rounded-3{
	border-radius: 0.5rem !important;
}
.rounded-4{
	border-radius: 0.75rem !important;
}
.rounded-5{
	border-radius: 1.125rem !important;
}
/* ---------- /radius ---------- */



/* ==================== 3. layout ==================== */


.app{
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
}


/* ---------- header ---------- */
header.app-header{
	position: relative;
	z-index: 300;
}
.app-header .top-wrap,
.app-header .center-wrap{
	border-bottom: 2px solid #e9e9e9;
}

.app-header .dropdown-menu{
	background-color: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
	padding: 5px 10px;
	margin-top: 8px;
}
.app-header .dropdown-menu ul{
	list-style: none;
}
.app-header .dropdown-menu li a{
	display:block;
	border-bottom: 1px solid #e7e8e9;
	padding: 6px 0 5px;
	color: #58595b;
	font-size: 13px;
	text-align: right;
}
.app-header .dropdown-menu li:last-child a{
	border: 0;
}
.app-header .dropdown-menu li a:hover,
.app-header .dropdown-menu li a.active{
	opacity: 0.6;
}

/* top */
.app-header .top-wrap{
	padding: 5px 0;
}
.app-header .top-wrap-btn{
	padding: 3px 0 1px;
	margin-left: 12px;

	color: #5a5a5a;
	font-size: 10px;
	text-align: center;
}
.app-header button.top-wrap-btn{
	background-color: transparent;
	border: 0;
}
.app-header .top-wrap-btn > *{
	display: block;
	line-height: 1;
}
.app-header .top-wrap-btn img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	margin: 0 auto 5px;
}
.app-header .top-wrap-btn:hover{
	text-decoration: underline;
}

/* center */
.app-header .center-wrap{
	padding: 7px 0;
}
.app-header .center-wrap .container{
	display: flex;
	align-items: center;
}
.app-header .logo img{
	height: 26px;
}

.basket-wrap{
	position: relative;
}
.basket-wrap > span{
	margin-right: 14px;
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);

	color: #454545;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
}
.app-header .basket-btn{
	flex-shrink: 0;
	position: relative;
	text-decoration: none;
}
.app-header .basket-btn > img{
	width: 27px;
}
.app-header .basket-btn .basket-badge {
	display: block;
	min-width: 17px;
	height: 17px;
	background-color: #0ed125;
	border-radius: 50%;
	padding: 0 3px;
	position: absolute;
	top: -4px;
	left: -6px;

	color: #fff;
	font-size: 10px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
}

/* search */
.app-header .search-wrap{
	width: 100%;
}

.app-header .search-box{
	display: flex;
	background-color: #fff;
	border: 1px solid #f8f8f8;
}
.app-header .search-box > div{
	flex-grow: 1;
	position: relative;
}
.app-header .search-box > div::before{
	content: "";
	width: 28px;
	height: 100%;
	background: #fff url(../Images/icons/spinner.svg) center no-repeat;
	background-size: 20px auto;
	position: absolute;
	top: 0;
	left: 6px;
	opacity: 0;
}
.app-header .search-box > div.is-loading::before{
	opacity: 1;
}
.app-header .search-input{
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	padding-right: 0;
	font-size: 16px;
}
.app-header .search-input::-webkit-input-placeholder {
	color: #cecece;
}
.app-header .search-input::placeholder {
	color: #cecece;
}


.app-header .search-results-container{
	display: none;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0.3125rem 0.625rem rgb(0,0,0,0.15);
	padding: 5px 15px 15px;
	position: absolute;
	top: 100%;
	left: 0;
}
.app-header .search-results-container section{
	margin-bottom: 15px;
}
.app-header .search-results-container section:last-child{
	margin-bottom: 0;
}
.app-header .search-results-container section > .title{
	border-bottom: 1px solid #eee;

	color: #333;
	font-size: 18px;
	line-height: 1.25;
}

.app-header .search-results-item{
	display: flex;
	align-items: center;
	padding: 10px 0;

	color: #333;
	font-size: 14px;
}
.app-header .search-results-item figure{
	flex-shrink: 0;
	width: 46px;
	margin-right: 10px;
	position: relative;
}
.app-header .search-results-item figure::before{
	content: "";
	display: block;
	padding-top: 100%;
}
.app-header .search-results-item figure img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}

.app-header .search-results-item .name{
	flex-grow: 1;
	margin-right: 10px;
}
.app-header .search-results-item .details{
	flex-shrink: 0;
	line-height: 1.25;
	text-align: right;
}
.app-header .search-results-item .details .badge{
	font-size: 10px;
}

.app-header .search-results-item:hover{
	text-decoration: underline;
}

.app-header .search-results-container .no-results-wrap{
	background-color: #fff7cc;
	border: 1px solid #fff4b8;
	padding: 0.625rem;

	color: #333;
	font-size: 14px;
	font-weight: bold;
}


@media (min-width: 992px) {
	.app-header .hamburger{
		display: none !important;
	}

	.app-header .center-wrap{
		padding: 16px 0;
	}
	.app-header .center-wrap .container{
		justify-content: space-between;
	}

	.app-header .logo img{
		height: 52px;
	}

	.app-header .basket-btn > img{
		width: 37px;
	}

	.app-header .search-wrap{
		max-width: 478px;
		position: relative;
	}
	.app-header .search-box{
		border-color: #cecece;
		border-radius: 5px;
	}
	.app-header .search-input{
		background: transparent url(../images/icons/search.svg) 10px center no-repeat;
		background-size: 20px auto;
		padding-left: 40px;
	}
	.app-header .search-btn{
		border-radius: 5px;
		margin: auto 3px;
	}

	.app-header .search-results-container{
		width: 800px;
		border: 1px solid rgba(0,0,0,.125);
		box-shadow: 0 0.3125rem 0.625rem rgb(0,0,0,0.15);
		padding: 15px;
		left: 50%;
		transform: translateX(-50%);
	}
}


@media (max-width: 991px) {
	.app-header{
		border-bottom: 4px solid #f9f9f9;
		padding-bottom: 54px;
	}

	.app-header .center-wrap{
		border-bottom-width: 1px;
	}

	.app-header .hamburger{
		margin-right: 16px;
	}

	.app-header .basket-wrap{
		margin-left: auto;
	}

	.app-header .search-wrap{
		padding: 6px 15px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.app-header .search-btn{
		width: 40px;
		background-image: url(../images/icons/search_white.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px auto;
		padding: 0;
	}
	.app-header .search-btn > span{
		display: none;
	}
}

@media (max-width: 767px){
	.app-header .search-results-container .show-all-result-btn{
		display: flex;
		width: 100%;
	}
}
/* ---------- /header ---------- */


/* ---------- nav ---------- */
.app-nav{
	position: relative;
	z-index: 250;
}

.app-nav .nav-items-wrap{
	display: flex;
}
.app-nav a{
	color: #6f6f6f;
	font-family: '63Fonts UP', 'Open Sans', sans-serif;
	/*text-transform: uppercase;*/
}

.app-nav .nav-link{
	display: flex;
	align-items: center;
}

@media (min-width: 992px) {
	.app-nav{
		display: block !important;
		border-bottom: 2px solid #e9e9e9;
	}

	.app-nav .nav-items-wrap{
		margin: 0 -10px;
	}

	.app-nav .nav-item{
		padding: 0 10px;
	}

	.app-nav .nav-link{
		height: 59px;
		border-bottom: 5px solid transparent;
		padding: 2px 0 0;
		margin-bottom: -2px;

		font-size: 14px;
	}
	.app-nav .nav-link:hover,
	.app-nav .nav-link.active,
	.app-nav li:hover .nav-link{
		border-bottom-color: #133a85;
	}

	.app-nav .nav-link img{
		display: none !important;
	}

	/* sub */
	.app-nav .sub-nav{
		display: none;
		width: 100%;
		background-color: #f8f8f8;
		border-bottom: 2px solid #fff;
		position: absolute;
		top: 100%;
		left: 0;
	}
	.app-nav li:hover > .sub-nav {
		display: block;
	}

	.app-nav .sub-nav .container{
		min-height: 250px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.app-nav .sub-nav li:not(:last-child){
		margin-bottom: 10px;
	}
	.app-nav .sub-nav a{
		font-size: 14px;
	}
	.app-nav .sub-nav a:hover{
		text-decoration: underline;
	}
}

@media (max-width: 991px) {
	.app-nav{
		display: none;
		background-color: #fff;
		border-bottom: 1px solid #fafafa;
	}
	.app-nav .container{
		padding: 8px 0 0;
	}

	.app-nav .nav-items-wrap{
		flex-wrap: wrap;
		margin-bottom: -1px;
	}
	.app-nav .nav-items-wrap > li{
		flex: 0 0 50%;
		max-width: 50%;
		border-bottom: 1px solid #fafafa;
	}
	.app-nav .nav-items-wrap > li:nth-child(odd){
		border-right: 1px solid #fafafa;
	}

	.app-nav .nav-item,
	.app-nav .nav-link{
		height: 100%;
	}
	.app-nav .nav-link{
		flex-direction: column;
		justify-content: center;
		padding: 12px 12px 10px;

		color: #606060;
		font-size: 11px;
		line-height: 1.25;
		text-align: center;
	}
	.app-nav .nav-link img{
		display: block;
		width: 35px;
		margin-bottom: 10px;
	}

	.app-nav .sub-nav{
		display: none !important;
	}

	.app-nav .search-wrap{
		position: absolute;
		top: 100%;
	}
}
/* ---------- /nav ---------- */


/* ---------- campaign bar ---------- */
.campaign-bar{
	background-color: #749bc0;
	padding: 7px 0;

	color: #fff;
	font-size: 16px;
	line-height: 1.15;
	text-align: center;
	min-height:39px;
	display:flex;
	align-items:center;
}
.campaign-bar .container{
	display: flex;
	align-items: center;
	justify-content: center;
}
.campaign-bar .campaign-btn{
	background-color: #374f77;
	padding: 1px 6px;
	margin-left: 10px;

	color: inherit;
	font-size: 13px;
	line-height: 1.25;
}
/* ---------- /campaign bar ---------- */


/* ---------- breadcrumbs ---------- */
.breadcrumbs{
	flex-shrink: 0;
	width: 100%;
	background-color: #f8f8f8;
	position: relative;
}
.breadcrumbs > .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	min-height: 36px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.breadcrumbs ul{
	list-style: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.breadcrumbs li{
	display: flex;
	align-items: center;
	color: #6c6c6c;
	font-size: 12px;
}
.breadcrumbs li + li::before{
	content: "/";
	margin: 0 5px;
}
.breadcrumbs li + li::before,
.breadcrumbs li a{
	color: #5177b3;
}
.breadcrumbs li a:hover{
	text-decoration: underline;
}

.breadcrumbs .btn-add-to-favorites > span{
	padding-top: 2px;
}

@media (max-width: 767px) {
	.breadcrumbs li {
		font-size: 11px;
	}
	.breadcrumbs .btn-add-to-favorites{
		font-size: 10px;
	}
	.breadcrumbs .btn-add-to-favorites svg{
		width: 16px;
	}

}
/* ---------- /breadcrumbs ---------- */


/* ---------- page ---------- */
.app-page{
	flex-grow: 1;
	width: 100%;
	position: relative;
}
.app-page-padding-y{
	padding-top: 40px;
	padding-bottom: 40px;
}
.page-head{
	border-bottom: 2px solid #f2f2f2;
	padding: 34px 0 15px;
	margin-bottom: 34px;
}
/* ---------- /page ---------- */


/* ---------- footer ---------- */
footer.app-footer{
	flex-shrink: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 250;

	color: #565656;
	font-size: 12px;
}

footer.app-footer a{
	color: inherit;
}

.app-footer .main-wrap{
	padding: 35px 0;
}

.app-footer .main-wrap > .row:last-child{
	margin-bottom: -35px;
}
.app-footer .main-wrap > .row > div{
	margin-bottom: 35px;
}

.app-footer .main-wrap .col-title{
	margin-bottom: 15px;

	color: #343434;
	font-size: 18px;
	line-height: 1;
}
.app-footer .main-wrap ul{
	list-style: none;
}
.app-footer .main-wrap li{
	margin-bottom: 6px;
}
.app-footer .main-wrap ul a:hover{
	text-decoration: underline;
}

.app-footer .main-wrap p{
	margin-bottom: 6px;
	line-height: 1.4;
}

/* social media */
.app-footer .social-media-wrap{
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	width: 100%;
	padding: 25px 0 22px;
	position: relative;
	z-index: 1;
}
.app-footer .social-media-wrap::before{
	content: "";
	width: 100vw;
	background: #f8f8f8;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: -1;
	margin-left: -50vw;
}
.app-footer .social-media-wrap a{
	margin: 10px 20px;
}
.app-footer .social-media-wrap a svg,
.app-footer .social-media-wrap a img {
	display: block;
	width: 50px;
	fill: #454545;
	margin: 0 auto 4px;
}
.app-footer .social-media-wrap a:hover{
	text-decoration: underline;
}

/* bottom */
.app-footer .bottom-bar{
	display: flex;
	justify-content: space-between;
	padding: 36px 0;
}
.app-footer .credit-cards-img{
	height: 20px;
}

.app-footer .bottom-bar .createdby{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.app-footer .bottom-bar .createdby > span{
	margin-right: 10px;
}
.app-footer .bottom-bar .createdby img{
	display: block;
}
.app-footer .bottom-bar .createdby i img{
	height: 12px;
}
.app-footer .bottom-bar .createdby .link-apex img {
	height: 18px;
}
.app-footer .bottom-bar .createdby .link-63bits img {
	height: 16px;
}
.app-footer .bottom-bar .createdby i{
	margin: 0 8px;
}

@media (min-width: 576px) {
	.app-footer .main-wrap .col-title{
		border-bottom: 1px solid #ededed;
		padding-bottom: 14px;
		margin-bottom: 10px;
	}

	.app-footer .bottom-bar{
		padding: 26px 0;
	}
}
@media (min-width: 992px) {
	footer.app-footer{
		font-size: 17px;
	}
	.app-footer .main-wrap .col-title{
		font-size: 22px;
	}

	.app-footer .social-media-wrap{
		padding: 38px 0 35px;
	}
	.app-footer .social-media-wrap a{
		margin: 0 30px;
	}
	.app-footer .social-media-wrap a svg {
		width: 44px;
	}
}

@media (max-width: 575px) {
	.app-footer .bottom-bar{
		flex-direction: column;
		align-items: center;
	}
	.app-footer .bottom-bar .createdby{
		margin-top: 30px;
	}
}
/* ---------- /footer ---------- */


/* ---------- subscribe ---------- */
.section-subscribe{
	background: #091b33 url(../images/pattern_blue.jpg) 0 0;
	padding: 34px 0;

	text-align: center;
}
.section-subscribe .container{
	max-width: 860px;
}
.section-subscribe .title,
.section-subscribe .text-wrap{
	color: #fff;
}
.section-subscribe .title{
	margin-bottom: 25px;
}
.section-subscribe .text-wrap{
	margin-bottom: 30px;

	font-size: 14px;
	font-weight: 300;
}

.section-subscribe .text-wrap .form-check{
	padding-left: 30px;
}
.section-subscribe .text-wrap .form-check-input {
	width: 21px;
	height: 21px;
	margin-left: -30px;
}
.section-subscribe .text-wrap .form-check-label{
	color: #fff;
	font-size: inherit;
	font-weight: normal;
}
.section-subscribe .text-wrap .form-check-label a {
	color:#fff;
}
.section-subscribe .text-wrap .form-check-label a:hover {
	color: #e9e9e9;
}

.section-subscribe .form-controls-wrap{
	max-width: 338px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.section-subscribe .text-wrap{
		font-size: 1.125rem;
	}
	.section-subscribe .text-wrap .form-check-label{
		font-size: 1.25rem;
	}
	.section-subscribe .text-wrap .form-check{
		text-align: left;
	}
}
@media (max-width: 768px) {
	.section-subscribe .title{
		font-size: 1.5rem;
	}
	.section-subscribe .title-sm{
		font-size: 14px;
	}

	.section-subscribe .text-wrap .form-check{
		display: inline;
	}
	.section-subscribe .text-wrap .form-check-input{
		margin-top: 0;
	}
}
/* ---------- /subscribe ---------- */



/* ==================== 4. components ==================== */


/* ----------- hamburger ----------- */
.hamburger,
.hamburger span,
.hamburger span::before,
.hamburger span::after{
	width: 25px;
}

.hamburger{
	flex-shrink: 0;
	display: block;
	height: 17px;
	background-color: transparent;
	border: 0;
	padding: 0;
	overflow: visible;
	position: relative;
	z-index: 50;
}
.hamburger:before{
	content: "";
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
}

.hamburger span,
.hamburger span::before,
.hamburger span::after {
	display: block;
	height: 3px;
	background-color: #1f1f1f;
	position: absolute;
	transition: transform 0.15s ease;
}
.hamburger span{
	top: 0;
}
.hamburger span::before,
.hamburger span::after {
	content: "";
	display: block;
}
.hamburger span::before {
	width: 100%;
	top: 7px;
	transition-property: transform, opacity;
}
.hamburger span::after {
	top: 14px;
}

.hamburger.is-active span,
.nav-is-open .hamburger span{
	transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger.is-active span::before,
.nav-is-open .hamburger span::before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0;
}
.hamburger.is-active span::after,
.nav-is-open .hamburger span::after {
	transform: translate3d(0, -14px, 0) rotate(-90deg);
}
.hamburger.is-active span,
.hamburger.is-active span::before,
.hamburger.is-active span::after,
.nav-is-open .hamburger span,
.nav-is-open .hamburger span::before,
.nav-is-open .hamburger span::after{
	width: 25px;
}
/* ----------- /hamburger ----------- */


/* ---------- title,text ---------- */
h1,h2,h3,h4,h5,h6,
.title {
	display: block;
	/*color: #2f2f2f;*/
	color: #272a2c;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-weight: 500;
	line-height: 1.25;
	/*text-transform: uppercase;*/
}

.title *{
	line-height: inherit;
}
.title *:not(strong){
	font-weight: inherit;
}

.title:not(.slide-title):not(.full-featured) * {
	font-size: inherit;
}

.title a{
	color: inherit;
}

.t63-section .title{
	font-size: 28px;
}

h1,
.title-xl,
.title-lg,
.title-md{
	line-height: 1.1;
}
h2,
.title-sm,
.title-xs{
	line-height: 1.15;
}

h1,
.title-xl{
	/*font-size: 40px;*/
	font-size: 2.5rem;
}
h2,
.title-lg{
	/*font-size: 34px;*/
	font-size: 2.125rem;
}
h3,
.title-md{
	/*font-size: 30px;*/
	font-size: 1.875rem;
}
h4,
.title-sm{
	/*font-size: 24px;*/
	font-size: 1.5rem;
}
h5,
.title-xs{
	/*font-size: 22px;*/
	font-size: 1.375rem;
}
h6,
.title-xxs{
	/*font-size: 20px;*/
	font-size: 1.25rem;
}

.text,
.text-wrap{
	color: #737373;
	font-size: 1rem;
}
.text-lg{
	/*font-size: 20px;*/
	font-size: 1.25rem;
}

.fs-1{
	font-size: 1.25rem !important;
}
.fs-2{
	font-size: 1.125rem !important;
}
.fs-3{
	font-size: 1rem !important;
}
.fs-4{
	font-size: 14px !important;
}
.fs-5{
	font-size: 13px !important;
}
.fs-6{
	font-size: 12px !important;
}

@media (max-width: 1199px){
	html{
		font-size: 14px;
	}
}
@media (max-width: 991px){
	h1,
	.title-xl{
		font-size: 30px;
	}
	h2,
	.title-lg{
		font-size: 27px;
	}
	h3,
	.title-md{
		font-size: 23px;
	}
	h4,
	.title-sm{
		font-size: 20px;
	}
	h5,
	.title-xs{
		font-size: 18px;
	}
	h6,
	.title-xxs{
		font-size: 17px;
	}
}

@media (min-width: 1200px){
	html{
		font-size: 16px;
	}
}

.text-wrap:before,
.text-wrap:after {
	display: table;
	content: " ";
}
.text-wrap:after{
	clear:both;
}

.text-wrap > *{margin-bottom:20px;}
.text-wrap > h1,
.text-wrap > h2,
.text-wrap > h3,
.text-wrap > h4,
.text-wrap > h5,
.text-wrap > h6{
	margin: 25px 0 8px;
}
.text-wrap > *:first-child{margin-top:0;}
.text-wrap > *:last-child{margin-bottom:0;}
.text-wrap ul,.text-wrap ol{padding-left:40px;}
.text-wrap li + li,.text-wrap li ul,.text-wrap li ol{margin-top:10px;}

.text-wrap img{
	max-width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.text-wrap img[style*="float: left"]{
	margin-right: 15px;
}
.text-wrap img[style*="float: right"]{
	margin-left: 15px;
}

.text-wrap hr{
	margin: 35px 0;
}
.text-wrap hr + img,
.text-wrap hr + * img{
	margin-top: 8px;
}

.link,
.text-wrap a:not(.btn){
	color: #5177b3;
}
.link:hover,
.text-wrap a:not(.btn):hover{
	color: #143c8a;
}
/*.link,
.text-wrap a:not(.btn){
	text-decoration:underline;
}
.link:hover,
.text-wrap a:not(.btn):hover{
	text-decoration:none;
}*/

button.link{
	background: none;
	border: 0;
	padding: 0;
}

.text-wrap audio,
.text-wrap video{
	display: block;
	width: 100%;
	outline: none;
}
.text-wrap video{
	height: auto;
}

.text-wrap iframe{
	display: block;
	max-width: 100%;
}

.table{
	color: #55514e;
	font-size: 14px;
}
.table,
.text-wrap table {
	width: 100%;
	border: 1px solid #ededed;
}
.text-wrap table{
	color: inherit;
}

.table th,
.table td,
.text-wrap table th,
.text-wrap table td {
	padding: 0.75rem 1rem;
	vertical-align: top;
}
.table th + th,
.table td + td,
.text-wrap table th + th,
.text-wrap table td + td{
	border-left: 1px solid #ededed;
}
.table th,
.text-wrap table th {
	border-top: 0;
	border-bottom: 0;
	vertical-align: bottom;

	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	/*text-transform: uppercase;*/
}
.table td,
.text-wrap table td {
	border-top: 1px solid #ededed;
}

/*.table tbody + tbody,
.text-wrap table tbody + tbody {
    border-top: 2px solid #ededed;
}*/

.table.table-plain,
.text-wrap .table-plain {
	border: 0;
}
.table.table-plain th,
.text-wrap .table-plain th {
	border: 0 !important;
}
.table.table-plain td,
.text-wrap .table-plain td {
	border-left: 0 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-striped tbody tr:nth-of-type(even) {
	background-color: #fff;
}
/* ---------- /title,text ---------- */


/* ---------- table ---------- */
.table-wrap{
	width:100%;
	overflow:auto;
}
div.table{
	display:table;
	width:100%;
	table-layout:fixed;
	margin-bottom:20px;
	position:relative;
}
div.table .thead{
	display: table-header-group;
}
div.table .tbody{
	display: table-row-group;
	background-color:#fff;
}
div.table .tr{
	display: table-row;
	position:relative;
}
div.table .th,
div.table .td{
	display: table-cell;
	border-bottom: 1px solid #ebecec;
	vertical-align: middle;
}

div.table .th{
	padding:8px 6px;
	color: #58595b;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-size: 13px;
	text-align: center;
	/*text-transform: uppercase;*/
}
div.table .td{
	padding: 20px 6px;
	color: #58595b;
	font-size: 15px;
	text-align: center;
}

div.table .td a{
	color: inherit;
}
/* ---------- /table ---------- */


/* ---------- dataTable ---------- */
.dataTables_wrapper{
	width:100%;
	overflow:auto;
}
/* ---------- /dataTable ---------- */


/* ---------- buttons ---------- */
.btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	border: 1px solid transparent;
	border-radius: 0;
	box-shadow: none !important;
	outline: none;
	padding: 5px 26px;

	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	/*text-transform: uppercase;*/
}
.btn,
.btn:focus,
.btn:hover{
	color: #282828;
}
.btn-sm{
	min-height: 34px;
	padding: 5px 18px;
}

.btn > img{
	height: 20px;
}

.icon-btn{
	display: flex;
	width: 40px;
	padding: 0;
}
.icon-btn img{
	height: 24px;
	margin: auto;
}
.icon-btn.btn-sm{
	width: 34px;
}
.icon-btn.btn-sm > img{
	height: 20px;
}

label.btn{
	cursor: pointer;
}
.btn .form-check{
	align-items: center;
	gap: 8px;
	padding: 0;
	margin: 0;
}
.btn .form-check input{
	position: relative;
	margin: auto 0;
}

/* white */
.btn-white{
	background-color: rgba(255,255,255,0.5);
	border-color: rgba(255,255,255,0.5);
}
.btn-white:hover{
	background-color: rgba(255,255,255,0.7);
}
.btn.btn-outline-white{
	border-color: #fff;
	color: #fff !important;
}
.btn.btn-outline-white:hover{
	background-color: #fff;
	border-color: #fff;
}

/* primary */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active{
	background: rgb(19,61,139);
	background: linear-gradient(0deg, rgba(19,61,139,1) 0%, rgba(3,70,148,1) 100%);
	border: 0;
	color: #fff;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active{
	background: rgb(16,50,112);
	background: linear-gradient(0deg, rgba(16,50,112,1) 0%, rgba(3,61,129,1) 100%);
}
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active{
	border-color: #143c8a;
	color: #143c8a;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active{
	background-color: #143c8a;
	color: #fff;
}

/* secondary */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active{
	background: #f1f1f1;
	background: linear-gradient(0deg, #f1f1f1 0%, #f9f9f9 100%);
	border-color: #e8e8e8;
	color: #818181;
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active{
	background: #e8e8e8;
	background: linear-gradient(0deg, #f1f1f1 0%, #e9e9e9 100%);
	border-color: #e8e8e8;
	color: #818181;
}
.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active{
	background: #fafafa;
	background: linear-gradient(0deg, #fafafa 0%, #fff 100%);
	border-color: #e4e4e4;
	box-shadow: inset 0 -2px 0 #edecec !important;
	color: #363636;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active{
	background: #fafafa;
	background: linear-gradient(0deg, #fafafa 0%, #f8f8f8 100%);
}

/* success */
.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active{
	background-color: #59c86b;
	border-color: #59c86b;
	color: #fff;
}
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled):active{
	background-color: #37b348;
	border-color: #37b348;
}
.btn-outline-success,
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:not(:disabled):not(.disabled):active{
	border-color: #59c86b;
	color: #59c86b;
}
.btn-outline-success:hover,
.btn-outline-success:not(:disabled):not(.disabled):active{
	background-color: #59c86b;
	color: #fff;
}

/* danger */
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled):active{
	background-color: #b61f3f;
	border-color: #b61f3f;
	color: #fff;
}
.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled):active{
	background-color: #9c0c22;
	border-color: #9c0c22;
}
.btn-outline-danger,
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active{
	border-color: #b61f3f;
	color: #b61f3f;
}
.btn-outline-danger:hover,
.btn-outline-danger:not(:disabled):not(.disabled):active{
	background-color: #b61f3f;
	color: #fff;
}

/* warning */
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active{
	background-color: #ffdd37;
	border-color: #ffdd37;
	color: #525351;
}
.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled):active{
	background-color: #ffcf1c;
	border-color: #ffcf1c;
}
.btn-outline-warning,
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active{
	border-color: #ffdd37;
	color: #ffdd37;
}
.btn-outline-warning:hover,
.btn-outline-warning:not(:disabled):not(.disabled):active{
	background-color: #ffdd37;
	color: #525351;
}

/* info */
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active{
	background-color: #4cc0d3;
	border-color: #4cc0d3;
	color: #fff;
}
.btn-info:hover,
.btn-info:not(:disabled):not(.disabled):active{
	background-color: #2ca9c2;
	border-color: #2ca9c2;
}
.btn-outline-info,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:not(:disabled):not(.disabled):active{
	border-color: #4cc0d3;
	color: #4cc0d3;
}
.btn-outline-info:hover,
.btn-outline-info:not(:disabled):not(.disabled):active{
	background-color: #4cc0d3;
	color: #fff;
}

/* light */
.btn-light,
.btn-light:hover,
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled):active{
	background-color: #F6F7F9;
	border-color: #F6F7F9;
	color: #707173;
}
.btn-light:hover,
.btn-light:not(:disabled):not(.disabled):active{
	background-color: #EDEDED;
	border-color: #EDEDED;
}
.btn-outline-light,
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:not(:disabled):not(.disabled):active{
	border-color: #e7ebf0;
	color: #a6a6a6;
}
.btn-outline-light:hover,
.btn-outline-light:not(:disabled):not(.disabled):active{
	background-color: #e7ebf0;
	color: #282828;
}

/* dark */
.btn-dark,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled):active{
	background-color: #5b6068;
	border-color: #5b6068;
	color: #fff;
}
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled):active{
	background-color: #393e46;
	border-color: #393e46;
}
.btn-outline-dark,
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active{
	border-color: #5b6068;
	color: #5b6068;
}
.btn-outline-dark:hover,
.btn-outline-dark:not(:disabled):not(.disabled):active{
	background-color: #5b6068;
	color: #fff;
}

/* blue */
.btn-blue,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:not(:disabled):not(.disabled):active{
	background-color: #143c8a;
	border-color: #143c8a;
	color: #fff;
}
.btn-blue:hover,
.btn-blue:not(:disabled):not(.disabled):active{
	background-color: #10306f;
	border-color: #10306f;
}


/* disabled */
.btn:disabled,
.btn.disabled{
	background: #f5f5f5 !important;
	border-color: #e5e5e5 !important;
	color: rgba(0,0,0,0.3) !important;
	pointer-events: none;
}

.checkout-disabled {
	opacity: 0.5;
}


/* is loading */
.btn.is-loading{
	background-image: url("../images/icons/spinner_white.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px 28px;
	pointer-events: none;
}
.btn.is-loading > *{
	opacity: 0;
}

/* btn-row */
.page .btn-row{
	margin: 20px 0;
}
.page .btn-row:last-child{
	margin-bottom: 0;
}
.page .btn-row > div{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding-left: -6px;
	padding-right: -6px;
}
.page .btn-row > div .btn{
	margin: 6px;
}

/* favorites */
.btn-add-to-favorites{
	display: inline-flex;
	align-items: center;
	background-color: transparent;
	border: 0;
	padding: 0;
	position: relative;

	font-size: 12px;
	line-height: 1.2;
}
.btn-add-to-favorites,
.btn-add-to-favorites:hover{
	color: #6c6c6c;
}
.btn-add-to-favorites svg{
	flex-shrink: 0;
	display: block;
	width: 20px;
	margin-right: 5px;
	transition: transform 0.2s ease;
}
.btn-add-to-favorites svg path{
	fill: transparent;
	stroke: #6C6C6C;
	stroke-width: 1;
}
.btn-add-to-favorites > span{
	position: relative;
	padding-top: 3px;
}
.btn-add-to-favorites > span::after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #9f9f9f;
	position: absolute;
	top: 100%;
	left: 0;
}
.btn-add-to-favorites:hover svg{
	transform: scale(1.15);
}
.btn-add-to-favorites.active svg path{
	fill: #6C6C6C;
}

/* similar products */
.btn-similar-products{
	display: flex;
	width: 100%;
	height: 45px;
	background-color: transparent;
	border: 1px solid #e1e1e1;
	padding: 0;

	color: #454545;
	font-size: 12px;
	line-height: 1.35;
}
.btn-similar-products > i{
	flex-shrink: 0;
	display: flex;
	width: 45px;
	height: 100%;
	border-right: 1px solid #e1e1e1;
	padding: 5px;
	position: relative;
}
.btn-similar-products > i img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	margin: auto;
}
.btn-similar-products > span{
	flex-grow: 1;
	padding: 8px 5px 7px 10px;
	margin: auto 0;
	text-align: left;
}
.btn-similar-products::after{
	flex-shrink: 0;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/icons/chevron.svg);
	background-size: contain;
	margin: auto 7px auto 0;
	transform: rotate(-90deg);
}

@media (min-width: 768px) {
	.btn-similar-products{
		height: 61px;
		font-size: 15px;
		line-height: 1.1;
	}
	.btn-similar-products > i{
		width: 61px;
		padding: 5px;
	}
	.btn-similar-products > span{
		padding: 8px 20px 7px;
	}
	.btn-similar-products::after{
		margin-right: 20px;
	}
}
/* ---------- /buttons ---------- */


/* ---------- form ---------- */
.form-group{
	margin-bottom: 16px;
}

.form-label {
	display: inline-block;
	color: #6d6e70;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 4px;
}

.form-control{
	height: 40px;
	border-color: #ccc;
	border-radius: 0;

	color: #696969;
	font-size: 14px;
	font-weight: normal;
}
.form-control:focus{
	box-shadow: none;
}

.form-group label,
.form-group .badge {
	text-transform: unset;
}

select.form-control{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("../images/icons/dropdown_arrow.svg");
	background-position: right 8px center;
	background-repeat: no-repeat;
	background-size: 8px auto;
	padding-right: 22px;
}

textarea.form-control {
	height: auto;
}

.form-control::-webkit-input-placeholder {
	color: #b3b3b3;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	/*text-transform: uppercase;*/
	opacity: 1;
}
.form-control::placeholder {
	color: #b3b3b3;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	/*text-transform: uppercase;*/
	opacity: 1;
}

/* floating label */
.floating-label{
	display: block;
	position: relative;
}
.floating-label > span{
	padding: 0 2px;

	position: absolute;
	top: 50%;
	left: 10px;

	transform: translateY(-50%);
	transition: all 0.3s ease;

	color: #b3b3b3;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	/*text-transform: uppercase;*/
}
.floating-label textarea + span{
	top: 20px;
}
.floating-label .form-control:focus ~ span,
.floating-label .form-control:not(:placeholder-shown) ~ span,
.floating-label .form-control:-webkit-autofill ~ span {
	background-color: #fff;
	top: 1px;
	color: rgba(105,105,105,0.8);
	font-size: 0.625rem;
}

/* form check */
.form-check{
	display: inline-flex;
	align-items: flex-start;
	min-height: 15px;
	padding-left: 21px;
}
.form-check-input{
	width: 15px;
	height: 15px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 1px solid #7e7e7e;
	margin-left: -21px;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}
.form-check-label{
	padding-top: 6px;

	color: #595959;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 1.15;
	/*text-transform: uppercase;*/
}
.form-check-input[type="checkbox"]{
	background-image: url(../images/icons/tick_white.svg);
	border-radius: 3px;
}
.form-check-input[type="radio"]{
	background-image: url(../images/icons/radio_white.svg);
	border-radius: 50%;
}
.form-check-input:checked{
	border-color: #4195f4;
	background-color: #4195f4;
	background-position: center;
}
.form-group .form-check:last-child{
	margin-bottom: 0;
}

.form-check.nocase .form-check-label{
	padding-top: 0;
}


/* input group */
.input-group .floating-label{
	flex-grow: 1;
	margin: 0;
}
.input-group .btn{
	padding-left: 15px;
	padding-right: 15px;
}

/* disabled */
.form-control:disabled,
.form-control[readonly]{
	background-color: #f5f5f5;
	border-color: #e5e5e5;
}
.floating-label .form-control:disabled + span,
.floating-label .form-control[readonly] + span{
	opacity: 0.8;
}


/* error */
.error-text,
.global-error-text {
	padding: 2px 0 0 5px;
	color: #b61d22;
	font-size: 12px;
}

.error-text {
	display: none;
}
.global-error-text {
	display: block;
	margin-bottom: 10px;
}

.has-error .form-control {
	background-color: #ffebeb;
	border-color: #a94442;
}
.has-error .error-text {
	display: block;
}
/* ---------- /form ---------- */


/* ---------- range slider ---------- */
.range,
.range .info{
	display:block;
	width:100%;
}
.range{
	padding:0 7px;
}
.range .info{
	margin-bottom:7px;
	color:#4c4c4c;
	font-size:13px;
}

.range .slider {
	display:block !important;
}
.range .slider.slider-horizontal {
	width: 100% !important;
	height: 13px !important;
}

.range .slider-track,
.range .slider-selection,
.range .slider-handle{
	background-image:none !important;
	box-shadow:none !important;
}
.range .slider-track {
	background-color: #d0d2d3 !important;
}
.range .slider-selection,
.range .slider-handle{
	background-color:#143c8a;
}

.range .slider.slider-horizontal .slider-track {
	height: 5px !important;
}
.range .slider.slider-horizontal .slider-handle {
	margin-left: -7px  !important;
	margin-top: -5px !important;
}

.range .slider-handle {
	width: 14px !important;
	height: 14px !important;
	opacity: 1 !important;
}
/* ---------- /range slider ---------- */


/* ---------- tags ---------- */
.tags{
	display: flex;
	flex-wrap: wrap;
	padding: 3px 0 0 0;
}
.tag{
	display: flex;
	background: #143c8a;
	border-radius:3px;
	margin: 3px;
	position:relative;
}
.tag .name{
	color:#fff;
	font-size:11px;
	padding: 2px 4px 0;
}
.tag .remove-btn{
	display:block;
	width:17px;
	background-color: transparent;
	border: 0;
	border-left:1px solid rgba(255,255,255,0.5);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	outline: none;
	padding: 0;
}
.tag .remove-btn img{
	display: block;
	width: 14px;
	margin: 0 auto;
}
.tag .remove-btn:hover{
	background-color:#d81e21
}
/* ---------- tags ---------- */


/* ---------- img, bg-img ---------- */
.bg-img{
	display: block;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.bg-img::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.bg-img--cover{
	background-size: cover;
}
.bg-img--contain{
	background-size: contain;
}

.bg-img.fit-container{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.img--cover,
img.embed-responsive-item {
	object-fit: cover;
}

.img--contain {
	object-fit: contain;
}

.img-21by9 {
	padding-top: 42.857143%;
}
.img-16by9 {
	padding-top: 56.25%;
}
.img-4by3 {
	padding-top: 75%;
}
.img-1by1 {
	padding-top: 100%;
}

.img-ratio-1{
	max-height: 370px;
}
.img-ratio-1::before{
	padding-top: 56.25%;
}
.img-ratio-2{
	max-height: 330px;
}
.img-ratio-2::before{
	padding-top: 56.25%;
}
.img-ratio-3::before {
	padding-top: 27.35%;
}
/* ---------- /img, bg-img ---------- */


/* ---------- badge ---------- */
.badge-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-left: -2px;
	margin-right: -2px;
}
.badge-wrap .badge,
.badge-wrap .badge-img{
	margin: 0 2px 4px;
}

.badge{
	border-radius: 0;
	padding: 3px 5px 2px;

	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2;
	/*text-transform: uppercase;*/
}

.badge-primary{
	background-color: #d20328 !important;
}
.badge-secondary{
	background-color: #7c7d7f !important;
}
.badge-info{
	background-color: #58cdf4 !important;
}
.badge-danger {
	background-color: #c02931 !important;
}
.badge-dark{
	background-color: #666 !important;
}
.badge-gold {
	background-color: #c1a962 !important;
	color: #fff !important;
}
.badge-gray {
	background-color: #7c7d7f !important;
	color: #fff !important;
}
.badge-blue {
	background-color: #1e86c3 !important;
	color: #fff !important;
}
.badge-black {
	background-color: #000 !important;
	color: #fff !important;
}

.badge-jysk-basic {
	background-color: #e4ebf3 !important;
	color: #143c8a !important;
}
.badge-jysk-plus {
	background-color: #e5e5e5 !important;
	color: #000 !important;
}
.badge-jysk-gold {
	background-color: #f7f4e6 !important;
	color: #7e743c !important;
}
.badge-jysk-new {
	background-color: #239343 !important;
	color: #fff !important;
}

.badge-wrap .badge-img{
	padding: 0 4px;
}
.badge-wrap .badge-img img{
	display: block;
	height: 18px;
}
/* ---------- /badge ---------- */


/* ---------- slick slider ---------- */
.slick-slide{
	outline: none;
}
.slick-arrow{
	display: block;
	width: 42px;
	height: 42px;
	background: #b2b2b2 url(../images/icons/arrow_right_white.svg) 16px center no-repeat;
	background-size: 12px auto;
	border: 0;
	border-radius: 50%;
	outline: 0;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	z-index: 10;
}
.slick-arrow:hover{
	background-color: #153c89;
}
.slick-prev{
	left: 10px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.slick-next{
	right: 10px;
}

.slick-slider .slick-dots{
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.slick-slider .slick-dots li{
	width: 10px;
	margin: 0 3px;
}
.slick-slider .slick-dots button{
	display: block;
	width: 8px;
	height: 8px;
	background-color: #b8c4db;
	border: 1px solid rgba(20,60,138,.65);
	border-radius: 50%;
	outline: none !important;
	padding:0;
	margin: 0 auto;
	overflow:hidden;
	text-indent:-9999px;
}
.slick-slider .slick-dots button:hover,
.slick-slider .slick-dots .slick-active button{
	background-color: #053775;
	border-color: #053775;
}
.slick-slider .slick-dots .slick-active button {
	width: 10px;
	height: 10px;
}

/* carousel */
.slick-carousel{
	padding: 0 10px;
}
.slick-carousel .slick-list {
	margin-left: -6px;
	margin-right: -6px;
}
.slick-carousel .slick-slide {
	padding: 0 6px;
}
.slick-carousel .slick-prev{
	left: -10px;
}
.slick-carousel .slick-next {
	right: -10px;
}

@media (max-width: 1349px) {
	.slick-carousel .slick-arrow{
		width: 32px;
		height: 32px;
		background-position: 13px center;
		background-size: 9px auto;
		margin-top: -16px;
	}
	.slick-carousel .slick-prev {
		left: -12px;
	}
	.slick-carousel .slick-next {
		right: -12px;
	}
}

@media (min-width: 992px) {
	.slick-carousel .slick-list {
		margin-left: -12px;
		margin-right: -12px;
	}
	.slick-carousel .slick-slide {
		padding: 0 12px;
	}
}
@media (min-width: 1350px) {
	.slick-carousel{
		padding: 0;
	}
	.slick-carousel .slick-prev{
		left: auto;
		right: 100%;
		margin-right: 15px;
	}
	.slick-carousel .slick-next {
		right: auto;
		left: 100%;
		margin-left: 17px;
	}
}
/* ---------- /slick slider ---------- */


/* ---------- card ---------- */
.card {
	background-color: #f1f1f2;
	border: 0;
	border-radius: 16px;
}

.card-body {
	padding: 20px;
}

.card-section {
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 20px;
}
.card-section:last-child {
	border-bottom: 0;
}

.card-section-title {
	font-size: 26px;
	margin-bottom: 10px;
}
.card-section-title:last-child {
	margin-bottom: 0;
}
/* ---------- /card ---------- */


/* ---------- tabs ---------- */
.tab-nav {
	border-bottom: 2px solid #e8e9ea;
}

.tab-nav li {
	position: relative;
}

.tab-nav a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	border: 1px solid #e8e9ea;
	border-bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px 18px;
	color: #000;
	font-size: 16px;
	line-height: 24px;
}

.tab-nav a.active {
	background-color: #eef0f1;
}

.tab-nav .t63-icon-wrap {
	margin-right: 8px;
}

.tab-content {
	padding-top: 20px;
}
/* ---------- /tabs ---------- */


/* ---------- accordion ---------- */
.accordion-item{
	background: #fff;
	border: 1px solid #ececec;
	margin-bottom: 16px;
}
.accordion-item-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	cursor: pointer;
}
.accordion-item-head .accordion-toggle-icon{
	flex-shrink: 0;
	display: block;
	width: 12px;
	height: 12px;
	position: relative;
	margin: auto -2px auto 4px;
}
.accordion-item-head .accordion-toggle-icon::before,
.accordion-item-head .accordion-toggle-icon::after{
	content: "";
	background-color: #666;
	position: absolute;
	transition: all 0.2s ease;
}
.accordion-item-head .accordion-toggle-icon::before{
	width: 100%;
	height: 2px;
	top: 50%;
	margin-top: -1px;
}
.accordion-item-head .accordion-toggle-icon::after{
	width: 2px;
	height: 100%;
	left: 50%;
	margin-left: -1px;
}

.accordion-item-head .title{
	color: #454545;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
}

.accordion-item-body{
	display: none;
	padding: 15px;
	position: relative;

	color: #333;
	font-size: 14px;
}
.accordion-item-body::before{
	content: "";
	display: block;
	border-top: 1px solid #ececec;
	position: absolute;
	top: 0;
	left: 15px;
	right: 0;
}

.accordion-item-body .text-wrap{
	color: inherit;
	font-size: inherit;
}

.accordion-item.is-open .accordion-item-head .accordion-toggle-icon::after{
	opacity: 0;
}
/* ---------- /accordion ---------- */


/* ---------- gallery ---------- */
.section-gallery{
	padding: 0;
}
.section-gallery .row{
	margin-left: -3px;
	margin-right: -3px;
}
.section-gallery .row > div{
	padding-left: 3px;
	padding-right: 3px;
}
.section-gallery figure{
	max-height: 330px;
}
.section-gallery figure::before{
	padding-top: 82.25%;
}

@media (max-width: 575px) {
	.section-gallery .container{
		padding-left: 0;
		padding-right: 0;
	}
	.section-gallery .row{
		margin-left: 0;
		margin-right: 0;
	}
	.section-gallery .row > div{
		padding-left: 0;
		padding-right: 0;
	}
	.section-gallery .row > div:last-child{
		display: none;
	}
}
@media (min-width: 768px) {
	.section-gallery{
		padding: 50px 0;
	}
}
/* ---------- /gallery ---------- */


/* ---------- aside-nav ---------- */
.aside-nav{
	list-style: none;
	padding-right: 10px;
	margin-bottom: 30px;
}
.aside-nav li{
	display: flex;
	border-bottom: 1px solid #e3e3e3;
}
.aside-nav a{
	padding: 13px 0 12px;

	color: #676766;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.1;
	/*text-transform: uppercase;*/
}
.aside-nav a:hover{
	text-decoration: underline;
}
.aside-nav a.active{
	color: #143c8a;
}

.accordion-nav li{
	display: block;
	border-bottom: 1px solid #e3e3e3;
}
.accordion-nav li li{
	padding-left: 12px;
}
.accordion-nav li li:first-child{
	border-top: 1px solid #e3e3e3;
}
.accordion-nav li li:last-child{
	border: 0;
}
.accordion-nav li a{
	display: block;
	font-size: 15px;
}
.accordion-nav li li a{
	font-size: 14px;
}

.accordion-nav .title{
	font-size: 17px;
}
.accordion-nav .title a{
	font-size: inherit;
}

.accordion-nav .head{
	display: flex;
	align-items: center;
}
.accordion-nav .head button{
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 0;
	margin-left: auto;
	position: relative;
}
.accordion-nav .head button::before,
.accordion-nav .head button::after{
	content: "";
	width: 10px;
	height: 2px;
	background-color: #676766;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: transform 0.2s ease;
}
.accordion-nav li:not(.is-open) .head button::after{
	transform: translate(-50%,-50%) rotate(90deg);
}

.accordion-nav-toggle-btn{
	display: none;
	width: 100%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #dee2e6;
	padding: 10px 10px 8px;

	color: #272a2c;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
}
.accordion-nav-toggle-btn > *{
	display: block;
}
.accordion-nav-toggle-btn img{
	width: 16px;
	margin: 0 auto;
	transition: transform 0.2s ease;
}
.accordion-nav-toggle-btn.active img{
	transform: rotate(-180deg);
}

@media (min-width: 992px) {
	.accordion-nav{
		display: block !important;
	}
}
@media (max-width: 991px) {
	.accordion-nav-toggle-btn{
		display: block;
	}
	.accordion-nav{
		display: none;
	}
}
/* ---------- /aside-nav ---------- */


/* ---------- section ---------- */
.section{
	padding: 40px 0;
}
.section-title{
	margin-bottom: 30px;
}
/* ---------- /section ---------- */


/* ---------- categories ---------- */
.section-categories{
	padding: 40px 0;
}

.categories-grid:last-child{
	margin-bottom: -30px;
}
.categories-grid > div{
	margin-bottom: 30px;
}
.categories-grid-item{
	display: block;
	position: relative;
}

.categories-grid-item figure::before{
	padding-bottom: 82.97297297297297%;
}
.categories-grid-item figure img{
	transition: all .3s ease;
}

.categories-grid-item figcaption{
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.categories-grid-item figcaption .title {
	/*background-color: rgba(1,1,1,0.65);*/
	padding: 4px 8px 2px;
	color: #343434;
	font-size: 1.3rem;
	font-weight: bold;
}

.categories-grid-item:hover figure img{
	transform: scale3d(1.1,1.1,1.1);
}

@media (max-width: 767px) {
	.categories-grid{
		padding-left: -10px;
		margin-right: -10px;
	}
	.categories-grid > div{
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.categories-grid:last-child{
		margin-bottom: -20px;
	}
}

@media (min-width: 992px) {
	.section-categories{
		padding: 60px 0;
	}
	.categories-grid-item figcaption .title {
		font-size: 1.6rem;
		font-weight: bold;
	}
}
/* ---------- /categories ---------- */


/* ---------- sub categories ---------- */
.sub-categories-grid > div{
	margin-bottom: 8px;
}

.sub-categories-grid-item,
.sub-categories-grid-item > *{
	display: block;
}

.sub-categories-grid-item{
	background-color: #fff;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	position: relative;
}
.sub-categories-grid-item .name{
	color: #474747;
	font-size: 16px;
	line-height: 1.15;
}
.sub-categories-grid-item .embed-responsive{
	max-width: 90%;
	margin: 0 auto;
	transition: transform 0.3s ease;
}
.sub-categories-grid-item .embed-responsive::before{
	padding-top: 100%;
}
.sub-categories-grid-item .embed-responsive-item{
	object-fit: contain;
}

.sub-categories-grid-item:hover .embed-responsive{
	transform: scale(1.1);
}

@media (min-width: 576px) {
	.sub-categories-grid > div{
		margin-bottom: 30px;
	}

	.sub-categories-grid-item,
	.sub-categories-grid-item .name{
		padding-left: 16px;
		padding-right: 16px;
	}
	.sub-categories-grid-item{
		padding-top: 37px;
	}
	.sub-categories-grid-item .name{
		padding-top: 16px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
}
@media (min-width: 1200px) {
	.sub-categories-grid-item .name{
		font-size: 20px;
		font-weight: 500;
	}
}

@media (max-width: 575px) {
	.sub-categories-grid-item{
		display: flex;
		padding: 10px;
	}
	.sub-categories-grid-item .embed-responsive{
		max-width: 80px;
		margin: 0;
	}
	.sub-categories-grid-item .name{
		font-weight: bold;
		padding-left: 20px;
		margin: auto 0;
	}
}
/* ---------- /sub categories ---------- */


/* ---------- products ---------- */
.price-wrap > *{
	color: #1d1d1d;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	/*text-transform: uppercase;*/
}
.price-current{
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}
.price-highlight {
	border-bottom: 4px solid #d20328;
}
.price-current > span{
	font-size: 21px;
	font-weight: bold;
	margin-right: 2px;
}
.price-old{
	display: block;
	background-color: #fff;
	position: relative;
	/*margin-top: -4px;*/

	font-size: 12px;
	text-decoration: line-through;
}

/* grid */
.section-products-grid{
	padding: 60px 0;
}

.products-grid:last-child{
	margin-bottom: -30px;
}
.products-grid > div{
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

.products-grid-item{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	padding: 10px;
}
.products-grid-item > figure::before{
	padding-top: 85.4%;
}
.products-grid-item > figure img{
	object-fit: contain;
}
.products-grid-item .rating-wrap{
	display: flex;
	justify-content: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.products-grid-item .rating-container{
	background: #fff;
	padding: 0 2px;
}

.products-grid-item .info-wrap{
	padding: 10px 3px 0;
}
.products-grid-item .title{
	min-height: 60px;
	margin-bottom: 24px;

	color: #696a69;
	font-size: 16px;
	font-weight: normal;
}

.products-grid-item .price-wrap{
	min-height: 40px;
	margin-bottom: 29px;
}

.products-grid-item .badge-wrap{
	margin-bottom: 22px;
}

.products-grid-item > .btn{
	margin-top: auto;
}

@media (max-width: 1199px) {
	.products-grid:last-child{
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: -20px;
	}
	.products-grid > div{
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
}
@media (max-width: 575px) {
	.products-grid-item{
		align-items: flex-start;
		flex-direction: row-reverse;
		padding-bottom: 50px;
		position: relative;
	}

	.products-grid-item figure{
		flex-shrink: 0;
		width: 44%;
	}
	.products-grid-item figure::before{
		padding-top: 100%;
	}

	.products-grid-item .info-wrap{
		flex-grow: 1;
	}
	.products-grid-item .title{
		margin-bottom: 20px;
		font-size: 14px;
	}
	.products-grid-item .price-wrap{
		min-height: unset;
		margin-bottom: 25px;
	}
	.products-grid-item .price-current{
		font-size: 11px;
	}
	.products-grid-item .price-current > span{
		font-size: 18px;
	}
	.products-grid-item .badge-wrap{
		margin-bottom: 15px;
	}

	.products-grid-item > .btn{
		width: auto;
		position: absolute;
		bottom: 10px;
		left: 28px;
		right: 28px;
	}
}

/*@media (min-width: 992px) {
	.section-products-grid{
		padding: 60px 0;
	}
}*/

/* carousel */
.products-carousel .slick-track{
	display: flex;
	align-items: stretch;
}
.products-carousel .slick-slide{
	height: auto;
}
.products-carousel .products-grid-item{
	min-height: 100%;
}
/* ---------- /products ---------- */


/* ---------- filters ---------- */
.aside-filters{
	padding-right: 10px;
}
.filters-group{
	margin-bottom: 30px;
}
.filters-group .head{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e9ecef;
	padding-bottom: 5px;
}
.filters-group .head .title{
	font-size: 17px;
}
.filters-group .head .chevron-icon{
	flex-shrink: 0;
	display: block;
	width: 12px;
	transition: transform 0.2s ease;
}
.filters-group.is-open .head .chevron-icon{
	transform: rotate(-180deg);
}
.filters-group .body{
	padding-top: 15px;
}
.filters-group ul{
	list-style: none;
}
.filters-group li{
	margin-bottom: 6px;
}
.filters-group li:last-child{
	margin-bottom: 0;
}

.filters-sub-nav li{
	padding-left: 10px;
}
.filters-sub-nav a{
	color: #595959;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-size: 13px;
	/*text-transform: uppercase;*/
}

.filters-group .form-check{
	margin-bottom: 0;
}

.filters-clear-btn{
	cursor: pointer;
	text-decoration: none;
}
.filters-clear-btn:hover{
	text-decoration: underline;
}

.filters-group .body .scrollable-container{
	max-height: 280px;
	overflow: hidden;
}
.filters-group .body .scrollable-container .os-scrollbar-vertical{
	width: 8px !important;
}
.filters-group .body .scrollable-container .os-scrollbar-handle {
	background: #143c8a !important;
}


/* ---------- /filters ---------- */


/* ---------- aside ---------- */
@media (min-width: 992px){
	.aside-container{
		display: block !important;
	}
	.aside-container .aside-head{
		display: none;
	}
}

@media (max-width: 991px){
	.aside-container{
		display: none;
		width: 100%;
		height: 100%;
		background-color: #fff;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}

	.aside-container > div{
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.aside-container .aside-head,
	.aside-container .aside-body,
	.aside-container .aside-foo{
		padding-left: 15px;
		padding-right: 15px;
	}

	.aside-container .aside-head{
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #f8f8f8;
		border-bottom: 1px solid #e9ecef;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
	}
	.aside-container .aside-body{
		height: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.aside-container .aside-filters{
		padding: 0;
	}

	.aside-container .aside-foo{
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		background-color: #f8f8f8;
		border-top: 1px solid #e9ecef;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
/* ---------- /aside ---------- */


/* ---------- info items ---------- */
.info-item{
	display: block;
	max-width: 256px;

	color: #5a5a5a;
	font-size: 13px;
	text-align: center;
}
.info-item img{
	display: block;
	width: 32px;
	margin: 0 auto 8px;
}
.info-item .title{
	color: #2f2f2f;
	font-size: 17px;
}
.info-item p{
	color: inherit;
}
a.info-item:hover{
	color: #5a5a5a;
}

.info-items-row{
	margin-bottom: -20px;
}
.info-items-row > div{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.section-info-items{
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
	padding: 30px 0 26px;
}
.section-info-items .container-sm{
	max-width: 1000px;
}

.section-info-items.bg-dark{
	border: 0;
}
.section-info-items.bg-dark .title{
	color: inherit;
}

@media (min-width: 992px) {
	.info-item{
		font-size: 15px;
	}
	.info-item img{
		width: 36px;
	}
	.info-item .title{
		font-size: 20px;
	}
}
/* ---------- /info items ---------- */


/* ---------- media grid items ---------- */
.section .media-grid:last-child{
	margin-bottom: -40px;
}
.media-grid > div{
	margin-bottom: 40px;
}

.media-grid-item{
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.media-grid-item figure::before{
	padding-top: 39.6825%;
}

.media-grid-item .info-wrap{
	padding-top: 15px;
	margin-bottom: 20px;

	color: #707070;
	font-size: 1rem;
	line-height: 1.25;
}
.media-grid-item .info-wrap:last-child{
	margin-bottom: 0;
}
.media-grid-item .info-wrap .title{
	margin-bottom: 10px;

	font-size: 1.5rem;
	line-height: 1.1;
}

.media-grid-item .btn-wrap{
	margin-top: auto;
}

@media (min-width: 992px) {
	.media-grid-item .info-wrap{
		padding-top: 25px;
		margin-bottom: 30px;

		font-size: 1.25rem;
		line-height: 1.25;
	}
	.media-grid-item .info-wrap .title{
		font-size: 1.625rem;
		line-height: 1.1;
	}
}
/* ---------- /media grid items ---------- */


/* ---------- media list items ---------- */
.media-list{
	padding-bottom: 40px;
}
.section .media-list{
	padding-top: 0;
	padding-bottom: 0;
}
.media-list-item{
	display: flex;
	border: 1px solid #f4f4f4;
	padding: 12px 10px;
	margin-bottom: 20px;
}
.media-list-item:last-child{
	margin-bottom: 0;
}
.media-list-item > figure{
	flex-shrink: 0;
	width: 90px;
	margin-right: 15px;
}
.media-list-item > figure img{
	display: block;
	width: 100%;
}
.media-list-item .info-wrap{
	flex-grow: 1;

	color: #333;
	font-size: 1rem;
}
.media-list-item .info-wrap > * + *{
	margin-top: 10px;
}
.media-list-item .info-wrap a:not(.btn){
	color: inherit;
}
.media-list-item .info-wrap a:not(.btn):hover{
	text-decoration: underline;
}
.media-list-item .title{
	color: inherit;
	font-size: 1.25rem;
}
.media-list-item .btn{
	padding-left: 16px;
	padding-right: 16px;
	margin-top: 18px;
}

@media (min-width: 768px) {
	.media-list-item{
		padding: 17px 15px;
		margin-bottom: 40px;
	}
	.media-list-item > figure{
		width: 154px;
		margin-right: 28px;
	}
}
/* ---------- /media list items ---------- */


/* ---------- media category ---------- */
.section-media-category{
	margin-bottom: 30px;
}
.section-media-category + .section-media-category{
	border-top: 1px solid #e9ecef;
	padding-top: 25px;
}
.section-media-category .section-title{
	margin-bottom: 20px;
	text-align: center;
}
.section-media-category .media-grid{
	margin-left: -8px;
	margin-right: -8px;
}
.section-media-category .media-grid > div{
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 25px;
}
.section-media-category .media-grid-item figure::before {
	padding-top: 65%;
}
.section-media-category .media-grid-item .info-wrap{
	padding-top: 20px;
}
.section-media-category .media-grid-item .title{
	font-size: 17px;
}

.section-media-category .media-grid-item.main-item .title{
	font-size: 20px;
}
.section-media-category .media-grid-item.main-item figure::before {
	padding-top: 40%;
}

@media (max-width: 767px) {
	.section-media-category .media-grid-item .title{
		font-size: 14px;
		font-weight: normal;
	}

	.section-media-category .media-grid-item.main-item .title{
		font-size: 18px;
	}
	.section-media-category .media-grid-item.main-item figure::before {
		padding-top: 72%;
	}
}
/* ---------- media category ---------- */


/* ---------- rating ---------- */
.rating-input{
	position: absolute;
}
.rating-container,
.rating-container .star{
	font-size: 0 !important;
}
.rating-container .rating-stars{
	outline: none !important;
}
.rating-container .star{
	margin: 0 !important;
}
.theme-krajee-svg.rating-md .krajee-icon{
	width: 15px !important;
	height: 15px !important;
}
.theme-krajee-svg.rating-lg .krajee-icon{
	width: 19px !important;
	height: 19px !important;
}
.theme-krajee-svg .empty-stars .krajee-icon-star{
	background-image: url(../images/icons/star.svg) !important;
}
.theme-krajee-svg .filled-stars .krajee-icon-star{
	background-image: url(../images/icons/star_filled.svg) !important;
}
/* ---------- /rating ---------- */


/* ---------- reviews ---------- */
.reviews-main-item{
	background-color: #f8f8f8;
	border: 1px solid #d4dae5;
	padding: 22px;

	color: #5f5f5f;
	font-size: 14px;
}

.review-item{
	border-bottom: 1px solid #e1e1e1;
	padding: 30px 0;
}
.review-item-head,
.review-item-body{
	display: flex;
}
.review-item-head{
	margin-bottom: 16px;
}
.review-item-head .rating-container{
	margin-right: 10px;
}
.review-item-head .date{
	color: #959595;
	font-size: 12px;
}
.review-item-body{
	align-items: flex-start;
}
.review-item-body > div{
	flex-grow: 1;
}
.review-item-body .title{
	font-size: 16px;
	margin-bottom: 5px;
}
.review-item-body .text{
	color: #5f5f5f;
	font-size: 14px;
}
.review-item-body .username{
	flex-shrink: 0;
	width: 23%;
	min-width: 180px;
	border-left: 2px solid #dfe3eb;
	padding: 8px 0 8px 16px;
	margin-top: 6px;
}

@media (max-width: 767px) {
	.reviews-main-item{
		padding: 18px;
		text-align: center;
	}
	.reviews-main-item .rating-text{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 18px 0;
	}

	.review-item{
		padding: 20px 0;
	}
	.review-item-head {
		margin-bottom: 8px;
	}
	.review-item-body{
		flex-direction: column;
	}
	.review-item-body .username{
		border-left-width: 1px;
		padding: 0 0 0 12px;
		margin-top: 12px;
	}
}

@media (min-width: 768px){
	.reviews-main-item .row{
		align-items: center;
	}
	.reviews-main-item .row > div{
		display: flex;
		align-items: center;
	}

	.reviews-main-item .rating-text{
		padding-top: 1px;
		margin-left: 22px;
	}
	.reviews-main-item .rating-text,
	.reviews-main-item .rating-text > *{
		align-items: center;
	}
	.reviews-main-item .rating-text > * + *::before{
		content: "";
		width: 1px;
		height: 18px;
		background-color: #bcbcbc;
		margin: 0 20px;
	}
}
/* ---------- /reviews ---------- */


/* ---------- pagination ---------- */
.pagination{
	display: flex;
	justify-content: center;
	margin: 30px 0;
}
.pagination li{
	margin: 2px;
}
.pagination a{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	background: #fff;
	border: 1px solid #e4e4e4;
	box-shadow: inset 0 -2px 0 #edecec;
	padding: 4px 6px;

	color: #343434;
	font-size: 15px;
	font-weight: 600;
}
.pagination a:hover,
.pagination a.active{
	box-shadow: none;
	color: #1a3682;
}
/* ---------- /pagination ---------- */


/* ---------- modal ---------- */
html:not(.desktop) .modal{
	padding-left: 10px;
	padding-right: 10px;
}

.modal-backdrop{
	border-color: #2f2f2f;
}
.modal-backdrop.show {
	opacity: .3;
}

.modal .modal-dialog{
	margin-left: auto;
	margin-right: auto;
}

.modal .close-popup-btn{
	background-color: #202024;
	border: 0;
	border-radius: 50%;
	padding: 12px;
	margin: 0 0 0 auto;
	opacity: 0.85;
}
.modal .close-popup-btn svg {
	display: block;
	width: 11px;
	height: 11px;
	fill: #fff;
	position: relative;
	z-index: 2;
}
.modal .close-popup-btn::before {
	content: '';
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	z-index: 0;
}
.modal .close-popup-btn:hover {
	opacity: 1;
}

.modal-header,
.modal-body,
.modal-footer{
	padding-left: 10px;
	padding-right: 10px;
}

.modal-content,
.modal-header,
.modal-footer{
	border-radius: 0;
}
.modal-content {
	border: 0;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.51);
}
.modal-header{
	justify-content: flex-start;
	border-bottom-color: #e5e5e5;
	position: relative;
}
.modal-footer{
	border-top-color: #e5e5e5;
}

.modal-title{
	padding-top: 2px;
	color: #2f2f2f;
	line-height: 1;
}

@media (max-width: 767px){
	.modal-header{
		padding-right: 40px;
	}
	.modal .close-popup-btn{
		padding: 8px;
		position: absolute;
		top: 11px;
		right: 8px;
	}

	.modal .close-popup-btn svg{
		width: 9px;
		height: 9px;
	}
}

@media (min-width: 576px){
	.modal-dialog{
		max-width: 600px;
	}
	.modal-lg{
		max-width: 720px;
	}
}
@media (min-width: 768px){
	.modal .close-popup-btn{
		position: absolute;
		top: 0;
		right: 0;
		transform: translate(50%, -50%);
	}
}
@media (min-width: 992px){
	.modal-dialog{
		max-width: 600px;
	}
	.modal-lg{
		max-width: 910px;
	}
	.modal-header,
	.modal-body,
	.modal-footer{
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* ---------- /modal ---------- */


/* ---------- basket-modal ---------- */
.basket-modal{
	width: 100%;
	max-width: 375px;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	top: 133px;
	right: 0;
	z-index: 9999;
}

.basket-modal-box{
	width: 100%;
	background-color: #2a3d55;
	padding: 20px 15px 15px;
	color: #fff;
	transform: translateX(100%);
	transition: all 0.3s;
}

.basket-modal.show{
	visibility: visible;
	z-index: 9999;
}
.basket-modal.show .basket-modal-box{
	transform: translateX(0);
}

.basket-modal-close-btn{
	background-color: transparent;
	border: 0;
	padding: 12px;
	position: absolute;
	top: 0;
	right: 0;
}
.basket-modal-close-btn svg{
	display: block;
	width: 11px;
	height: 11px;
	fill: #fff;
}

.basket-modal-title{
	color: #fff;
	font-size: 17px;
	margin-bottom: 10px;
}

.basket-modal .basket-item{
	display: flex;
	align-items: center;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid #3e5065;
}
.basket-modal .basket-item > div{
	overflow: hidden;
}
.basket-modal .basket-item > div{
	padding-left: 8px;
	padding-right: 8px;
}
.basket-modal .basket-item > div:first-child{
	padding-left: 0;
	padding-right: 0;
}

.basket-modal .basket-item .remove-btn{
	display: flex;
	width: 24px;
	height: 24px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 0;
}
.basket-modal .basket-item .remove-btn::before {
	content: '';
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	z-index: 0;
}
.basket-modal .basket-item .remove-btn svg{
	display: block;
	width: 8px;
	fill: #5c8ba6;
	margin: auto;
	position: relative;
	z-index: 2;
}

.basket-modal .basket-item .product-info-wrap{
	display: flex;
	max-width: 100%;
	overflow: hidden;
}
.basket-modal .basket-item .product-info-wrap figure{
	flex-shrink: 0;
	display: flex;
	width: 34px;
	height: 34px;
	position: relative;
}
.basket-modal .basket-item .product-info-wrap figure img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	margin: auto;
}
.basket-modal .basket-item  .product-info-wrap > div{
	max-width: 100%;
	padding-left: 8px;
	overflow: hidden;
	margin: auto 0;

	color: #8d8f92;
	font-size: 11px;
	line-height: 1.3;
}
.basket-modal .basket-item .product-info-wrap > div > *{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.basket-modal .basket-item .product-info-wrap .name{
	color: #fff;
	font-size: 13px;
}

.basket-modal .basket-item .color-swatch-item-sm {
	width: 15px;
	height: 15px;
}

.basket-modal .basket-item .count-input{
	width: 28px;
	height: 26px;
	border-color: #012f52;
	padding: 0;

	color: #5b5b5b;
	font-size: 15px;
	text-align: center;
}

.basket-modal .basket-item .price{
	display: block;
	min-width: 76px;
	font-size: 13px;
	text-align: right;
}

.basket-modal .details-wrap{
	padding: 10px 0;
	font-size: 16px;
	text-align: right;
}
.basket-modal .details-wrap p{
	margin: 10px 0;
}
.basket-modal .details-wrap .total-price{
	font-size: 18px;
	font-weight: bold;
}
.basket-modal .btn-wrap{
	border-top: 1px solid #3e5065;
	padding-top: 20px;
	text-align: right;
}
.basket-modal .btn-wrap .btn{
	margin-bottom: 16px;
}
/* ---------- /basket-modal ---------- */


/* ---------- success, fails ---------- */
.success-msg-container,
.fail-msg-container{
	max-width: 540px;
	padding: 40px 0 80px;
	margin: 0 auto;

	color: #666;
	font-size: 18px;
	text-align: center;
}
.success-msg-container img,
.fail-msg-container img{
	display: block;
	width: 78px;
	height: 78px;
	margin: 0 auto 40px;
}
/* ---------- /success, fails ---------- */


/* ---------- icon nav ---------- */
.categories-carousel{
	border-bottom: 1px solid #e9ecef;
	border-top: 1px solid #e9ecef;
	padding: 0 20px;
	margin: 30px 0;
}

.categories-carousel .slick-arrow{
	width: 32px;
	height: 32px;
	background-position: 14px center;
	background-size: 8px auto;
	margin-top: -16px;
}
.categories-carousel .slick-prev{
	left: -10px;
}
.categories-carousel .slick-next{
	right: -10px;
}


.categories-carousel .item,
.categories-carousel .item > *{
	display: block;
}
.categories-carousel .item{
	padding: 15px 10px 12px;

	color: #676766;
	font-size: 14px;
	text-align: center;
}
.categories-carousel .item img{
	width: 24px;
	margin: 0 auto 8px;
}
/* ---------- /icon nav ---------- */

/* ---------- status dot ---------- */
.status-dot {
	flex-shrink: 0;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	pointer-events: none;
}
/* ---------- /status dot ---------- */


/* ---------- color swatch ---------- */
.color-swatch {
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 2px;
}

.color-swatch-item {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.color-swatch-item-sm {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #dee2e6;
	border-radius: 50%;
	vertical-align: middle;
}

.color-swatch-item,
.color-swatch-item-sm {
	overflow: hidden;
}

.color-swatch-item img,
.color-swatch-item-sm img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* ---------- /color swatch ---------- */


/* ==================== 5. content by pages ==================== */


/* ---------- home ---------- */

/* main banners */
.section-main-banners{
	padding: 15px 0;
}
.section-main-banners .row{
	margin: 0 -1px -2px;
}
.section-main-banners .row > div{
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 2px;
}
.section-main-banners .embed-responsive::before{
	padding-top: 23.4%;
}
.section-main-banners .row > div:nth-child(1) .embed-responsive{
	max-height: 280px;
}
.section-main-banners .row > div:nth-child(2) .embed-responsive,
.section-main-banners .row > div:nth-child(3) .embed-responsive{
	max-height: 140px;
}

.section-main-banners .row > div img{
	display: block;
	width: 100%;
}


/* brands */
.section-brands{
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
	padding: 30px 0;
}

.brand-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 82px;
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	padding: 10px 20px;
}
.brand-logo img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
/* ---------- /home ---------- */


/* ---------- products ---------- */
.products-content-container .section-products-grid{
	padding: 40px 0;
}
.products-content-container .section-products-grid + .section-products-grid{
	padding-top: 20px;
}
.products-content-container .section-products-grid .section-title{
	border-bottom: 1px solid #ececec;
	padding-bottom: 5px;
}

/* --- categories --- */
.products-content-container{
	padding: 34px 0;
}
.products-content-container .sub-categories-grid{
	margin-top: 30px;
	margin-bottom: 30px;
}
@media (min-width: 576px) {
	.products-content-container .sub-categories-grid{
		margin-top: 40px;
	}
}

/* --- products --- */
.product-item-details{
	padding: 40px 0;
}
.product-item-details + .section{
	margin-top: -40px;
}

.product-item-head{
	margin-bottom: 30px;
}
.product-item-head .title{
	margin-bottom: 5px;
	font-weight:bold;
}
.product-item-head .wrap{
	display: flex;
	align-items: center;
	white-space: nowrap;
	margin-bottom: 20px;

	color: #555;
	font-size: 12px;
}
.product-item-head .wrap > *{
	display: flex;
	align-items: center;
}
.product-item-head .wrap > * + *::before{
	content: "";
	width: 1px;
	height: 15px;
	background-color: #e8e2e0;
	margin: 0 12px;
}

/* slider */
.product-slider-container{
	position: relative;
}

.product-item-details .product-slider-container .discount-badge-wrap{
	width: 64px;
	height: 84px;
	background: url(/Content/Images/icons/sale_badge_bg.svg) top no-repeat;
	background-size: contain;
	position: absolute;
	top: -10px;
	right: 10px;
	z-index: 5;
}
.product-item-details .product-slider-container .discount-badge{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 64px;

	color: #fff;
	font-size: 20px;
	font-weight: bold;
}


.product-slider{
	max-width: 592px;
	margin: 0 auto;
}
.product-slider .slick-dots{
	bottom: 16px;
}

.product-slider-container figure{
	max-height: 500px;
}
.product-slider-container figure::before{
	padding-top: 84.5%;
}
.product-slider-container figure img{
	/*width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	margin: auto;
	right: 0;*/
	object-fit: contain;
}

.product-slider-container figure .i-play{
	width: 64px;
	background: #fff url(../Images/icons/play_circle_primary.svg) center no-repeat;
	background-size: 100% auto;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.product-slider-container figure .i-play::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.product-slider-controls{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 20px;
}
.product-slider-controls .slick-arrow{
	width: 39px;
	height: 39px;
	background: transparent url(../images/icons/arrow_right_gray.svg) 15px center no-repeat;
	background-size: 10px auto;
	border: 1px solid #ced5e1;
	margin: 0;
	position: relative;
	top: 0;
	left: auto;
	right: auto;
}
.product-slider-thumb-wrap{
	width: 50px;
	padding: 6px 4px;
	margin: 0 15px;
	border: 2px solid #143c8a;
	position: relative;
	cursor: pointer;
}
.product-slider-thumb-wrap > span{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	background-color: #143c8a;
	border-radius: 50%;

	position: absolute;
	top: 0;
	right: 0;

	transform: translate(50%,-50%);

	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}

/* card */
.product-item-card{
	background-color: #f8f8f8;
	border-radius: 0;
}
.product-item-card .card-body{
	padding: 32px 28px;
}
.product-item-card hr{
	border-top-color: #d9dee7;
	margin: 28px 0;
}
.product-item-card .product-in-stock{
	display: flex;
	align-items: flex-start;
	margin-bottom: 14px;

	color: #747474;
	font-size: 12px;
}
.product-item-card .product-in-stock + .btn{
	margin-top: 4px;
}
.product-item-card .product-in-stock .icon{
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	background-color: #6bba51;
	margin-right: 10px;
}
.product-item-card .product-in-stock > span{
	color: #454545;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	margin-right: 10px;
	width:70px;
}

.product-item-card .price-wrap{
	margin-bottom: 20px;
}
.product-item-card .price-current > span{
	font-size: 26px;
}
.product-item-card .price-old{
	background-color: #f8f8f8;
	font-size: 14px;
}

.product-item-card .only-store{
	display: flex;
	justify-content: center;
	padding: 4px 8px;
	margin: -10px 0 20px;

	font-family: '63Fonts', 'Open Sans', sans-serif;
	font-size: 12px;
	text-transform: none;
}

.product-item-card .products-count-input{
	flex-shrink: 0;
	width: 50px;
	text-align: center;
}

.product-item-card .controls-wrap{
	color: #454545;
	font-size: 12px;
	text-align: center;
}
.product-item-card .controls-wrap .btn,
.product-item-card .controls-wrap p{
	margin-bottom: 10px;
}

@media (min-width: 992px){
	.product-slider-container{
		padding: 0 30px;
	}
	.product-item-details .product-slider-container .discount-badge-wrap{
		width: 80px;
		height: 105px;
		top: -20px;
		right: 45px;
	}
	.product-item-details .product-slider-container .discount-badge{
		height: 80px;
		font-size: 26px;
	}
}

@media (max-width: 991px) {
	.product-item-details{
		padding-top: 30px;
	}
	.product-item-head{
		margin-bottom: 20px;
	}
}
@media (max-width: 575px) {
	.product-item-details{
		padding-top: 20px;
	}
	.product-item-head{
		margin-bottom: 10px;
	}
	.product-item-head .title{
		font-size: 18px;
	}
	.product-item-head .wrap{
		margin-bottom: 15px;
	}

	.product-item-card{
		margin: 20px -15px;
	}
	.product-item-card .card-body{
		padding: 20px 15px;
	}
	.product-item-card hr{
		margin: 24px 0;
	}

	.product-slider-controls{
		padding-top: 12px;
	}
}


/* info */
.product-info-container{
	padding-top: 52px;
	position: relative;
}
.product-info-container .head{
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 52px;
	background: #091b33 url(../images/pattern_blue.jpg) 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
.product-info-container .head.position-fixed{
	z-index: 300;
}
.product-info-container .head li + li{
	margin-left: 5px;
}
.product-info-container .head li a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	background-color: #143c8a;
	padding: 6px 8px 4px;

	color: #fff;
	font-family:'63Fonts UP', 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.15;
	/*text-transform: uppercase;*/
}
.product-info-container .head li a.active{
	background-color: #fff;
	color: #444344;
	font-weight: normal;
}

.product-info-container section + section{
	margin-top: 35px;
}
.product-info-container .table:last-child{
	margin-bottom: 0;
}
.product-info-container .table td,
.product-info-container .table th{
	border-left: 0;
	border-right: 0;
	font-size: 12px;
}
.product-info-container .table td:first-child{
	width: 35%;
}
@media (min-width: 768px) and (max-width: 991px){
	.product-info-container .table td:first-child{
		width: 40%;
	}
}
@media (min-width: 768px) {
	.product-info-container{
		padding-top: 64px;
	}
	.product-info-container .head{
		height: 64px;
	}
	.product-info-container .head li a{
		height: 44px;
		padding: 6px 24px 4px;
		font-size: 15px;
	}
}
@media (min-width: 992px){
	.product-info-container{
		padding-top: 104px;
	}
	.product-info-container .head{
		height: 104px;
	}
	.product-info-container .head li a{
		height: 52px;
		padding: 6px 24px 4px;
		font-size: 19px;
	}

	.product-info-container .table td,
	.product-info-container .table th{
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.product-info-container .head li{
		flex-grow: 1;
	}
}

/* modal */
.add-to-basket-modal .modal-header{
	justify-content: flex-start;
}
.add-to-basket-modal .tick-icon{
	width: 17px;
	margin: 2px 15px 0 0;
}

.add-to-basket-modal .modal-body{
	padding-top: 0;

	color: #616161;
	font-size: 15px;
}
.add-to-basket-modal .product-item-row{
	flex-wrap: nowrap;
	background-color: #f8f8f8;

	color: #464544;
	font-size: 16px;
}
.add-to-basket-modal .product-item-row > div{
	display: flex;
	align-items: center;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
.add-to-basket-modal .product-item-row:first-child > div{
	margin-top: -1px;
}
.add-to-basket-modal .product-info-wrap{
	display: flex;
	max-width: 100%;
	overflow: hidden;
}
.add-to-basket-modal .product-info-wrap figure{
	flex-shrink: 0;
	display: flex;
	width: 42px;
	height: 42px;
	background-color: #fff;
	border: 1px solid #ececec;
	padding: 5px;
	position: relative;
}
.add-to-basket-modal .product-info-wrap figure img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	margin: auto;
}
.add-to-basket-modal .product-info-wrap > div{
	max-width: 100%;
	padding-left: 10px;
	overflow: hidden;
	margin: auto 0;

	color: #555;
	font-size: 11px;
	line-height: 1.4;
}
.add-to-basket-modal .product-info-wrap > div > *{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.add-to-basket-modal .product-info-wrap .name{
	font-size: 14px;
}

.add-to-basket-modal .total-price-wrap{
	margin: 10px 0;

	color: #464544;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

.add-to-basket-modal .modal-footer{
	justify-content: space-between;
}

@media (max-width: 991px) {
	.add-to-basket-modal .product-item-row{
		margin-left: -10px;
		margin-right: -10px;
	}
	.add-to-basket-modal .product-item-row > div{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 767px) {
	.add-to-basket-modal .product-item-row{
		font-size: 12px;
	}
	.add-to-basket-modal .product-info-wrap figure{
		width: 34px;
		height: 34px;
		padding: 3px;
	}
	.add-to-basket-modal .product-info-wrap > div{
		padding-left: 8px;
	}
	.add-to-basket-modal .product-info-wrap .name{
		font-size: 12px;
	}
	.add-to-basket-modal .modal-body{
		font-size: 13px;
	}
	.add-to-basket-modal .total-price-wrap{
		font-size: 15px;
	}
	.add-to-basket-modal .modal-footer{
		flex-direction: column;
		justify-content: center;
	}
	.add-to-basket-modal .modal-footer .btn{
		width: 100%;
		margin: 6px 0;
	}
}


/* similar products */
.products-modal .modal-dialog{
	width: 100%;
	max-width: 1200px;
	height: 100%;
	margin: 0 !important;

	position: absolute;
	top: 0;
	right: 0;

	transform: translate(0,0) !important;
}
.products-modal .modal-content{
	height: 100%;
}
.products-modal .modal-header{
	background-color: #f2f2f2;
}

.products-modal .modal-header > div{
	margin: auto;
}
.products-modal .modal-header .product-category,
.products-modal .modal-header .product-category-sub{
	display: block;
	color: #333;
	line-height: 1.4;
	text-align: center;
}
.products-modal .modal-header .product-category{
	font-size: 13px;
}
.products-modal .modal-header .product-category-sub{
	font-size: 17px;
	font-weight: bold;
}

.products-modal .modal-body{
	overflow: auto;
}

@media (min-width: 1240px) {
	.products-modal .close-popup-btn{
		top: 50%;
		right: 100%;
		transform: translate(50%, -50%);
	}
}
@media (max-width: 1239px) {
	.products-modal .close-popup-btn{
		top: 50%;
		right: 8px;
		transform: translateY(-50%);
	}
}


/* stock-availability-modal */
.stock-availability-modal .table th{
	border-top: 0;
	font-size: 14px;
	font-weight: normal;
}
.stock-availability-modal .table td{
	font-size: 12px;
}
/* ---------- /products ---------- */


/* ---------- auth ---------- */
.auth-container{
	padding-top: 40px;
	padding-bottom: 60px;
	overflow: hidden;
}
.auth-container + .section-products-grid:not(.bg-dark){
	margin-top: -40px;
}

.auth-info-wrap > .row{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.auth-info-wrap ul{
	list-style: none;
}
.auth-info-wrap li{
	background: url(../images/icons/tick_gray_dark.svg) 0 0 no-repeat;
	background-size: 16px auto;
	padding: 2px 0 0 20px;

	color: #787878;
	font-size: 11px;
}
.auth-info-wrap li + li{
	margin-top: 14px;
}

.auth-info-wrap img{
	display: none;
}

@media (min-width: 768px) {
	.auth-row{
		align-items: flex-start;
		margin-left: -26px;
		margin-right: -26px;
	}
	.auth-row > div{
		padding-left: 26px;
		padding-right: 26px;
	}
	.auth-row > div:last-child::before{
		content: "";
		border-left: 1px solid #e7e7e7;
		position: absolute;
		top: 0;
		bottom: 25px;
		left: 0;
	}
}
@media (min-width: 992px) {
	.auth-row > .row{
		margin-left: -32px;
		margin-right: -32px;
	}
	.auth-row > div{
		padding-left: 32px;
		padding-right: 32px;
	}

	.auth-info-wrap > .row{
		margin-top: 2.25rem;
		margin-bottom: 2.25rem;
	}
	.auth-info-wrap img{
		display: block;
		width: 144px;
		height: 144px;
		border: 4px solid #e7e7e7;
		border-radius: 50%;
		object-fit: cover;
	}
}
/* ---------- /auth ---------- */


/* ---------- shop ---------- */
.page-shop .map-container{
	display: block;
	width: 100%;
	height: 450px;
	border-radius: 8px;
	overflow:hidden;
	margin-bottom: 46px;
	position:relative;
	z-index: 1;
}
.page-shop .map-container .map{
	width: 100%;
	height: 100%;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.shop-item{
	display: flex;
	width: 100%;
	max-width: 600px;
	margin: 0 auto 20px;
}
.shop-item a{
	color: inherit;
}

.shop-item .img-wrap{
	flex-shrink: 0;
	width: 178px;
}
.shop-item .img-wrap .bg-img{
	background-color: #929497;
	border-radius: 6px;
	padding-top: 75%;
	position:relative;
}

.shop-item .info-wrap{
	flex-grow: 1;
	padding-left: 18px;
	margin: auto 0;
}
.shop-item .info-wrap > *{
	margin: 5px 0;
}
.shop-item .info-wrap .address{
	color: #58595b;
	font-size: 17px;
	font-weight: normal;
}
.shop-item .info-wrap .contact-links{
	color: #133c8a;
	font-size: 14px;
}
.shop-item .info-wrap .text{
	color: #929497;
	font-size: 11px;
	margin-bottom: 10px;
}
.shop-item .info-wrap .google-link{
	display: flex;
	color: #133c8a;
	font-size: 11px;
}
.shop-item .info-wrap .google-link img{
	width: 11px;
	margin-right: 5px;
}
.shop-item .info-wrap .google-link span{
	border-bottom: 1px solid #133c8a;
}

@media (max-width: 575px){
	.shop-item .img-wrap{
		width: 100px;
	}
	.shop-item .info-wrap .address{
		font-size: 15px;
	}
}

/* stores info */


.collect-info-hours{
	width: 100%;
	border-collapse: collapse;
}
.collect-info-hours td{
	width: 33%;
	padding-bottom: 10px;
	vertical-align: top;

	color: #333;
	font-size: 14px;
}
.collect-info-hours td:last-child{
	text-align: right;
}

@media (min-width: 992px){
	.stores-info-card{
		background: #f8f8f8;
		padding: 15px;
	}
}
@media (max-width: 991px){
	.stores-info-card{
		padding: 20px 0;
	}
}
@media (min-width: 576px) and (max-width: 991px){
	.collect-info-hours{
		max-width: 500px;
	}
}
/* ---------- /shop ---------- */


/* ---------- contact ---------- */
.page-contact{
	padding-bottom: 80px;
}
.page-contact .map-container{
	display: block;
	width: 100%;
	height: 450px;
	border-radius: 8px;
	overflow:hidden;
	margin-bottom: 46px;
	position:relative;
	z-index: 1;
}
.page-contact .map-container .map{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.page-contact .contact-info-container {
	display: flex;
	justify-content: center;
}

.page-contact .contact-info-item {
	color: #929497;
	font-size: 14px;
	text-align: center;
	margin: 0 50px;
}
.page-contact .contact-info-item a{
	color: inherit;
}
.page-contact .contact-info-item img{
	display: block;
	height: 40px;
	margin: 0 auto 15px;
}
.page-contact .contact-info-item .title{
	font-size: 20px;
	margin-bottom: 8px;
}
/* ---------- /contact ---------- */


/* ---------- account ---------- */
.page-account{
	min-height: 35vh;
	padding-bottom: 80px
}
.account-nav{
	margin-bottom: 30px;
}
.account-nav li{
	margin-bottom: 10px;
}
.account-nav a{
	display:inline-block;
	padding:3px 0;
	color: #58595b;
	font-size: 13px;
}
.account-nav a:not(.active):hover{
	text-decoration: underline;
}
.account-nav a.active{
	color: #143c8a !important;
}

.page-account .submit-btn{
	min-width: 116px;
}

.page-account .table{
	min-width: 420px;
}
.page-account .table.staff-table{
	min-width: 580px;
}
.page-account .table th,
.page-account .table td{
	font-size: 13px;
	font-weight: normal;
}

.page-account .table .username{
	padding: 0 0 0 14px;
	position: relative;
}
.page-account .table .username::before{
	content:"";
	width: 7px;
	height: 7px;
	background-color: #143c8a;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 0;
}
.page-account .table .user-is-active::before{
	background-color: #01c689;
}

.page-account .table .controls{
	display:flex;
	align-items:center;
	justify-content: center;
	margin:0 -10px;
}
.page-account .table .controls > *{
	background: transparent;
	border: 0;
	outline: none !important;
	padding: 0 8px;

	color: #58595b;
}
.page-account .table .controls .edit-btn:hover{
	color: #01c689;
}
.page-account .table .controls .remove-btn:hover{
	color: #143c8a;
}

@media (max-width: 575px){
	.page-account .table th,
	.page-account .table td{
		padding-left: 5px;
		padding-right: 5px;
	}
}
/* ---------- /account ---------- */


/* ---------- guides ---------- */
.guides-grid-item{
	margin-bottom: 40px;
}

.guides-grid-item figure::before{
	padding-top: 89%;
}
.guides-grid-item figure img{
	transition: transform 0.3s ease;
}
.guides-grid-item figure:hover img{
	transform: scale(1.1,1.1);
}

.guides-grid-item .info-wrap{
	padding: 20px 20px 0 0;

	color: #747575;
	font-size: 1rem;
}
.guides-grid-item .info-wrap a{
	color: inherit;
}
.guides-grid-item .info-wrap a:hover{
	text-decoration: underline;
}

.guides-grid-item .info-wrap .title{
	font-size: 1.5rem;
}
.guides-grid-item .info-wrap .title + *{
	margin-top: 10px;
}
/* ---------- /guides ---------- */


/* ---------- cart ---------- */
.page-cart {
	padding: 16px 0 40px;
}

.page-cart .checkout-col .card{
	flex-shrink: 0;
	width: 300px;
}

.page-cart .table{
	border: 0;
}
.page-cart .table .th,
.page-cart .table .td{
	padding-left: 0;
	padding-right: 0;
	position: relative;
}
.page-cart .table .th:first-child,
.page-cart .table .td:first-child{
	width: 45%;
	text-align: left;
}
.page-cart .table .product{
	display: flex;
}
.page-cart .table .product .form-check-input{
	flex-shrink: 0;
	margin: auto 15px auto 5px;
	position: relative;
}
.page-cart .table .product .img-wrap{
	flex-shrink: 0;
	width: 126px;
}
.page-cart .table .product .img-wrap::before{
	padding-top: 85.4%;
}
.page-cart .table .product .img-wrap img{
	object-fit:contain;
}

.page-cart .table .th:nth-child(3),
.page-cart .table .td:nth-child(3){
	width: 160px;
}
.page-cart .table .product-name{
	color: inherit;
	font-size: inherit;
	padding: 0 15px 0 20px;
	margin: auto 0 auto;
}

.page-cart .table .product-count{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	width: 130px;
	height: 50px;
	background: #f6f7f9;
	border-radius: 7px;
	padding: 0 8px;
	margin: 0 auto;
}
.page-cart .table .product-count input{
	width: 50px;
	height: 100%;
	background-color: transparent;
	border: 0;
	outline: none;
	padding: 1px 0 0;

	color: #000;
	font-size: 14px;
	text-align: center;
}
.page-cart .table .product-count.has-error input{
	color: #ed2024;
}
.page-cart .table .product-count button{
	padding: 8px;
	background-color: transparent;
	border: 0;
	outline: none !important;
}
.page-cart .table .product-count button .icon{
	display: block;
	margin: auto;
}

.page-cart .table .product-price{
	display: block;
	color: #808184;
}
.page-cart .table .product-price > span{
	white-space: nowrap;
}
.page-cart .table .product-price .new{
	color: #143c8a;
}
.page-cart .table .product-price .old{
	text-decoration: line-through;
}

.page-cart .table .th:last-child,
.page-cart .table .td:last-child{
	width: 40px;
	text-align: right;
}
.page-cart .table .remove-btn{
	background-color: transparent;
	border: none;
	outline: none;
	padding: 0;
}
.page-cart .table .remove-btn .icon,
.page-cart .table .remove-btn .icon::before,
.page-cart .table .remove-btn .icon::after{
	display: block;
	width: 24px;
	height: 24px;
}
.page-cart .table .remove-btn .icon::before,
.page-cart .table .remove-btn .icon::after{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.page-cart .table .remove-btn .icon::after{
	content: "";
	display: block;
	background-image: url(/Content/Images/icons/trash_danger.svg);
	position: absolute;
	top: 0;
	left: 0;

	opacity: 0;
}
.page-cart .table .remove-btn:hover .icon::before{
	opacity: 0;
}
.page-cart .table .remove-btn:hover .icon::after{
	opacity: 1;
}

.page-cart .table .error-text,
.page-cart .table .info-text {
	position: absolute;
	bottom: 8px;
	right: 6px;
	left: 6px;
	z-index: 5;

	font-size: 11px;
	line-height: 12px;
	padding: 2px 0;
}

.page-cart .table .item-disabled .td > *:not(.always-enabled):not(.product),
.page-cart .table .item-disabled .td > .product *:not(.always-enabled) {
	opacity: 0.5;
	pointer-events: none;
}

.cart-controls-row{
	align-items: center;
	justify-content: space-between;
}
.cart-controls-row > div{
	margin-bottom: 0.5rem;
}
.cart-controls-row .btn{
	width: 100%;
	border-radius: 0.25rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin: 0;
	font-size: 12px;
	white-space: nowrap;
}
.cart-controls-row .btn .form-check-label{
	padding-top: 3px;
	font-size: inherit;
}

@media (min-width: 768px){
	.cart-controls-row .btn{
		padding-left: 1rem;
		padding-right: 1rem;
		font-size: 13px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.page-cart .table .product .form-check-input{
		margin-left: 0;
	}

	.page-cart .table .th:nth-child(3),
	.page-cart .table .td:nth-child(3) {
		width: 128px;
	}

	.page-cart .table .product-count{
		width: 100px;
		padding: 0;
	}
	.page-cart .table .product-count input{
		width: 46px;
		font-size: 13px;
	}
	.page-cart .table .product-count button{
		padding: 10px 5px;
	}
	.page-cart .table .th:last-child,
	.page-cart .table .td:last-child {
		width: 36px;
	}
}

/*@media (max-width: 1070px) {
	.page-cart .table .th:nth-child(3),
	.page-cart .table .td:nth-child(3) {
		width: 150px;
	}
}*/
@media (max-width: 991px){
	.page-cart .checkout-col .card{
		width: 100%;
	}
	.page-cart .table .product-name{
		padding: 0 10px;
	}
}
@media (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
	.page-cart div.table .thead {
		display: none;
	}
	.page-cart div.table,
	.page-cart div.table .tr,
	.page-cart div.table .td{
		display:block;
	}

	.page-cart div.table .tbody{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px;
	}
	.page-cart div.table .tr{
		width: 50%;
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.page-cart .table .td{
		width: 100% !important;
		background-color: #faf9f9;
		border: 0;
		padding: 0 10px 20px;
		text-align: center !important;
	}
	.page-cart .table .td:first-child{
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		padding-top: 10px;
	}
	.page-cart .table .td:last-child{
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		padding-bottom: 15px;
	}
	.page-cart .table .product {
		display: block;
	}
	.page-cart .table .product .form-check-input{
		margin: 10px auto;
	}
	.page-cart .table .product .img-wrap{
		width: 100%;
		margin-bottom: 15px;
	}
	.page-cart .table .product .img-wrap .bg-img{
		border-radius: 6px;
	}
	.page-cart .table .th:nth-child(3),
	.page-cart .table .td:nth-child(3) {
		width: 150px;
	}
	.page-cart .table .product-count{
		background-color: #fff;
		border: 1px solid #e8e9ea;
	}
	.page-cart .table .error-text,
	.page-cart .table .info-text{
		bottom: 2px;
		left: 0;
		right: 0;
	}
	.page-cart .table .remove-btn{
		position: relative;
	}
	.page-cart .table .remove-btn::before{
		content: "";
		position: absolute;
		top: -10px;
		bottom: -10px;
		left: -10px;
		right: -10px;
	}
}
@media (max-width: 374px) {
	.page-cart div.table .tr{
		width: 100%;
	}
	.cart-controls-row > div{
		width: 100%;
	}
}


/* right */
.page-cart .card{
	background-color: #faf9f9;
	border: 0;
	border-radius: 8px;
	padding: 24px 18px;
}
.page-cart .card section{
	margin-bottom: 10px;
}
.page-cart .card section > .title{
	margin-bottom: 10px;
}

.page-cart .card .sale-wrap .group{
	position: relative;
}
.page-cart .card .sale-wrap .group button{
	width: 26px;
	min-height: 28px;
	padding: 0;
	position:absolute;
	top: 6px;
	right: 8px;
}
.page-cart .card .sale-wrap .group button::before{
	content: "";
	top: -6px;
	bottom: -6px;
	left: -8px;
	right: -8px;
}
.page-cart .card .sale-wrap .group button img{
	display: block;
	width: 16px;
	margin: auto;
}

.page-cart .card .order-info{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.page-cart .card .order-info ul{
	list-style: none;
}
.page-cart .card .order-info li{
	display: flex;
	justify-content: space-between;
	padding: 5px 0;

	color: #808184;
	font-size: 16px;
}
.page-cart .card .order-info li b{
	color: #404041;
	font-weight: normal;
}

.page-cart .card .total-price{
	display: flex;
	justify-content: space-between;
	padding: 5px 0 10px;

	color: #404041;
	font-size: 18px;
}
.page-cart .card .total-price *{
	font-weight: bold;
}
/* ---------- /cart ---------- */


/* ---------- receipt ---------- */
.page-receipt{
	--body-color: #1F2937;
	--secondary-color: #6B7280;
	--success-color: #1FA34A;

	background-color: #f5f5f5;
	color: var(--body-color);
	font-size: 1rem;
}
.page-receipt .text-secondary{
	color: var(--secondary-color) !important;
}
.page-receipt .text-success{
	color: var(--success-color) !important;
}

.page-receipt .page-title{
	color: var(--body-color);
	font-family:'63Fonts', 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-transform: none;
}

.page-receipt .card{
	--card-px: 16px;
	--card-py: 16px;
	background-color: #fff;
	border: 1px solid #E5E7EB;
	margin-bottom: 1.25rem;
}
.page-receipt .card-body{
	padding: var(--card-py) var(--card-px);
}

.page-receipt .badge{
	border-radius: 30px;
	padding: 3px 8px 4px;

	font-family:'63Fonts', 'Open Sans', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	text-transform: none;
}
.page-receipt .badge-success{
	color: #1FA34A !important;
	background-color: #E8F5EC !important;
}

.page-receipt .main-card{
	--card-px: 20px;
	--card-py: 32px;
}

.page-receipt .item-with-icon{
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.page-receipt .item-with-icon > img{
	flex-shrink: 0;
	width: 20px;
	margin-top: 1px;
}
.page-receipt .item-with-icon div{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}


/* products */
.page-receipt .products-table{
	margin: 1.5rem 0;
}
.page-receipt .products-table .row{
	align-items: center;
}
.page-receipt .products-table > .row{
	border-bottom: 1px solid #E5E7EB;
	padding: 16px 0;
}
.page-receipt .products-table > .row:last-child{
	border-bottom: none;
}


.page-receipt .products-table .col-info .row > div{
	padding-left: 16px;
	text-align: right;
}
.page-receipt .products-table .col-info .row > div:nth-child(1){
	text-align: left;
}
.page-receipt .products-table .col-info .row > div:nth-child(2){
	text-align: center;
}

.page-receipt .product-item{
	display: flex;
	align-items: center;
	gap: 12px;
}
.page-receipt .product-item .img-wrap{
	flex-shrink: 0;
	width: 56px;
	border-radius: 4px;
}
.page-receipt .product-item .img-wrap::before{
	padding-top: 100%;
}
.page-receipt .product-item .img-wrap img{
	object-fit: cover;
}
.page-receipt .product-item a{
	color: inherit;
	text-decoration: none;
}


.page-receipt .summary-wrap hr{
	border-top-color: #E5E7EB;
	margin: 10px 0;
}

@media (min-width: 576px) {
	.page-receipt .page-title{
		font-size: 22px;
	}
	.page-receipt .summary-wrap{
		max-width: 320px;
		margin-left: auto;
	}
}
@media (min-width: 768px) {
	.page-receipt .products-table{
		font-size: 14px;
	}
	.page-receipt .products-table > .head{
		font-size: 12px;
	}
	.page-receipt .products-table .col-product{
		width: 30%;
	}
	.page-receipt .products-table .col-info .row > div {
		width: 20%;
		padding-left: 20px;
	}

	.page-receipt .product-item{
		font-size: 12px;
	}
}
@media (max-width: 767px) {
	.page-receipt .products-table > .head{
		display: none !important;
	}
	.page-receipt .products-table .col-product{
		margin-bottom: 20px;
	}
	.page-receipt .products-table .col-info .row > div:nth-child(3){
		padding-left: 0;
	}
}
@media (max-width: 575px) {
	.page-receipt .products-table .col-product .col-info{
		padding-left: 56px;
	}
	.page-receipt .products-table .col-info .row > div:nth-child(1){
		margin-bottom: 8px;
	}
	.page-receipt .products-table .col-info .row > div:nth-child(4){
		margin-top: -40px;
	}
	.page-receipt .products-table .col-info .row > div:nth-child(5){
		margin-top: -10px;
	}
}
/* ---------- /receipt ---------- */


/* ---------- cookie ---------- */
.cookie-consent {
	width: 100%;
	flex-wrap: wrap;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	color: #0E0E12;
	background-color: #fff;
	box-shadow: 0px -5px 8px 0px rgba(0,0,0,0.14);
	padding: 9px 1.8em;
	z-index: 9999;
	display: flex;
}

.cookie-consent .cookie-text {
	font-size: 14px;
	line-height: 1.5em;
	flex: 99 1 500px;
	text-align: center;
	margin: 6px 30px 5px 0px;
}

.cookie-consent .consent-btn {
	margin-right: 30px;
	color: #FFF;
	flex: 1 0 130px;
	background-color: #143c8a;
	border-color: transparent;
	padding: .2em .5em;
	font-size: 14px;
	font-weight: bolder;
	border-width: 2px;
	border-style: solid;
	text-align: center;
	white-space: nowrap;
	border-radius: 5px;
	min-height: 30px;
	margin-bottom: 0px;
}

.cookie-consent .cookie-text {
	font-size: 14px;
	line-height: 1.5em;
	flex: 99 1 500px;
	text-align: center;
	margin: 6px 30px 5px 0px;
}

.grecaptcha-badge {
	visibility: hidden;
}
/* ---------- /cookie ---------- */

.pac-container {
	z-index: 10000 !important;
}
