@font-face {
	/*font-family: GothamNarrow;*/
	/*src: url(../fonts/gotham_narrow/GothamNarrow-Black.otf);*/
	/*src: url(../fonts/gotham_narrow/GothamNarrow-Book.otf);*/
	/*src: url(../fonts/gotham_narrow/GothamNarrow-Light.otf);*/
	font-family: Larsseit;src:url(../fonts/larsseit/Larsseit-Thin.otf);
}

@font-face {
	font-family: fs-siena;src:url(../fonts/fs-siena/fs-siena-extra-light.woff2);
}

html{scroll-behavior:smooth}

body {
	font-family: Larsseit,Helvetica Neue,Helvetica,Arial,Sans-Serif;
	font-size: 12px;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-family: fs-siena,Helvetica Neue,Helvetica,Arial,Sans-Serif;
}
hr {
	border-color: #ccc;
}
a.a-black {
	color: black;
}
a.a-black:hover {
	color: black;
	text-decoration: underline;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.portlet.light > .portlet-title > .caption {
    color: #000;
}
.portlet.light.bordered {
    border: 1px solid #aaa !important;
}
.mt-checkbox, .mt-radio {
	font-size: 12px;
}

.alert-metronics {
    background-color: #ccc;
    border-color: #ccc;
    color: black;
}

#codeigniter_profiler {
	display: none;
}


body.modal-open-no-scroll {
	overflow: hidden !important;
}

/******
 * Page Top Bar
 */
.page-wrapper .page-wrapper-top-bar {
    width: 100%;
    display: table-cell;
}
.page-wrapper-top-bar {
    background-color: #000;
	color: #fff;
}
.page-top-bar .container, .page-top-bar .container-fluid {
	position: relative;
	text-align: center;
	padding: 5px 0;
	font-weight: 600;
}

/******
 * Page Header Top
*/
.page-header {
	height: auto;
}

.page-header .site-header {
	border-top: 0;
	border-bottom: 1px solid #e8e8e1;
	position: relative;
	background: #fff;
}

.page-header .site-header-scroll {
	border-top: 0;
	border-bottom: 1px solid #e8e8e1;
	position: fixed;
	z-index: 10000;
	left: 0;
	right: 0;
	background: #fff;
}

/******
 * page ticker at bottom of header
 */
.page-header .announcement-bar {
	font-size: 13.6px;
	position: relative;
    text-align: center;
    background-color: #f8f3f0;
    color: #000;
    padding: 10px 0;
	display: block;
	z-index: 28;
}

.page-header .announcement-bar .announcement-slider {
	position: relative;
    display: block;
    box-sizing: border-box;
	user-select: none;
	touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    direction: ltr;
}

.page-header .announcement-bar .announcement-slider .slick-list {
	transform: translate3d(0,0,0);
	position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.page-header .announcement-bar .announcement-slider .slick-list .slick-track {
	opacity: 1;
	/* width: 1398px;*/
	height: 40px;
	transform: translate3d(0px, 0px, 0px);
	cursor: -webkit-grab;
	position: relative;
    left: 0;
    top: 0;
    display: block;
}

.page-header .announcement-bar .announcement-slider .slick-list .slick-track .slick-slide {
	position: relative;
    overflow: hidden;
    padding: 0 5px;
    cursor: default;
	float: left;
    height: 100%;
    min-height: 1px;
	width: 50%;
}

.page-header .announcement-bar .announcement-slider .slick-list .slick-track .slick-slide .announcement-link {
	display: block;
    color: #000;
	text-decoration: none;
    background: 0 0;
}

.page-header .announcement-bar .announcement-slider .slick-list .slick-track .slick-slide .announcement-link .announcement-text {
	font-weight: 600;
    display: block;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: .85em;
}

.page-header .announcement-bar .announcement-slider .slick-list .slick-track .slick-slide .announcement-link .announcement-link-text {
	text-decoration: none;
	display: block;
    font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
}

.page-header .announcement-bar .announcement-slider.top-ticker .top-ticker-wrapper .announcement-link .announcement-text {
	font-weight: 600;
    display: block;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: .85em;
}

.page-header .announcement-bar .announcement-slider.top-ticker .top-ticker-wrapper .announcement-link {
	display: block;
    color: #000;
	text-decoration: none;
    background: 0 0;
}


.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
    color: black;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator,
.list-inline > li .separator {
    border-left: 1px solid #ccc;
}
.page-header .page-header-top {
    /* height: 100px; */
}
.page-header .page-header-top .container, .page-headerv .page-header-top .container-fluid {
    padding-top: 12px;
}

.svg-icon {
  width: 3em;
  height: 3em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #4691f6;
}

.svg-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}

.page-header .page-header-top .site-nav .site-nave-icons {
	float:right;
	padding: 20px 30px;
	white-space: nowrap;
}

.page-header .page-header-top .country-selector {
	float: left;
	padding: 20px 30px;
}

.page-header .page-header-top .country-selector span {
	font-size: 13.6px;
	font-family: Larsseit, sans-serif;
	letter-spacing:.025em;
}

.page-header .page-header-top .country-selector button {
	background: 0 0;
	border: none;
	display: inline-block;
}

.page-header .page-header-top .page-logo .logo-default {
	margin: 15px 0 0;
}

.page-header .page-header-top .page-logo {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
}
.page-header .page-header-top .page-logo img {
	width: 100%;
	height: auto;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a.header-cart-button-cart-details:hover {
    background: none;
}
/******
 * Page Header Search
 */
.page-header .desktop-search_by_style {
	position: absolute;
	bottom: -47px;
	z-index: 500;
	width: 100%;
}
.page-header .desktop-search_by_style .input-group {
	margin-bottom: 0px;
}
.page-header .desktop-search_by_style .form-control {
	border: none;
	background-color: black; /*#f9f7f7;*/
	color: white;
}
.page-header .desktop-search_by_style .input-group-addon, .input-group-btn {
	width: 6%;
	background-color: black; /*#f9f7f7;*/
}
.page-header .desktop-search_by_style .btn.dark:not(.btn-outline) {
	color: white; /*black;*/
	background-color: black; /*#f9f7f7;*/
	border: none;
}
.btn-group-lg > .btn, .btn-lg.svg-close {
  padding: 4px 0;
  font-size: 18px;
  line-height: 1.33333;
}
.page-header .desktop-search_by_style .tt-hint, .tt-input {
	height: 46px;
}

/******
 * Page Header Menu
 */

.page-header .page-header-menu {
    background: white;
	height: auto;
}

.page-header .page-header-menu .hor-menu {
	text-align: center!important;
	margin: 0 auto;
}

.page-header .page-header-menu .hor-menu .navbar-nav {
	margin: 0 auto;
	padding: 0;
	text-rendering: optimizeLegibility;
	display: block;
	list-style-type: disc;
	/* margin-block-start: 1em; */
	/* margin-block-end: 1em; */
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	/* padding-inline-start: 40px; */
}
.page-header .page-header-menu-mobile .drawer__inner .navbar-nav {
	margin: 0 auto;
	padding: 0;
	text-rendering: optimizeLegibility;
	display: block;
	list-style-type: none;
	/* margin-block-start: 1em; */
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	/* padding-inline-start: 40px; */
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list a.sub-menu-item,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
	background:transparent!important;
	text-decoration: none;
	display: block;
	position: relative;
	padding: 0.2em 0;
	overflow: hidden;
}
.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list a.sub-menu-item {
	padding: 8px 0px;
	margin: 0 15px;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list a.sub-menu-item:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
	background:transparent!important;
	text-decoration-color: rgba(0, 0, 0, 1);
	transition: text-decoration-color 500ms;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list a.sub-menu-item::after,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	border-bottom:2px solid #000;
	transition: opacity 500ms, transform 500ms;
	opacity 1;
  	transform: translate3d(-100%, 0, 0);
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list a.sub-menu-item:hover::after,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover::after {
	transform:translate3d(0,0,0);
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus {
	display:block;
	visibility:visible;
	transform:translate3d(0,0,0);
	transition:all 300ms cubic-bezier(.2, .06, .05, .95);
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu,
.page-header .page-header-menu-mobile .drawer__inner .navbar-nav .main-menu {
	position: relative;
	display: inline-block;
	margin: 0;
	text-align: -webkit-match-parent;
	padding: 7.5px 15px;
}
.page-header .page-header-menu-mobile .drawer__inner .navbar-nav .main-menu {
	width: 100%;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu-dropdown {
	z-index: 27;
	position: relative;
	display: inline-block;
	margin: 0;
	text-align: -webkit-match-parent;
	padding: 7.5px 15px;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .first-item {
	/*color: #e7255f!important;*/
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 14px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
	font-family: fs-siena, serif;
	font-weight: 400;
	line-height: 1.2;
	background: 0 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .menu-item,
.page-header .page-header-menu-mobile .drawer__inner .navbar-nav .main-menu .menu-item {
	position: relative;
	z-index: 27;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	font-family: fs-siena, serif;
	font-weight: 400;
	line-height: 1.2;
	background: 0 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list {
	position: absolute;
	left: 0;
	margin: 0;
	z-index: 9999;
	display: block;
	visibility: hidden;
	background-color: #fff;
	min-width: 100%;
	padding: 10px 0 5px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 9%);
	transform: translate3d(0,-12px,0);
	text-align: left!important;
	text-rendering: optimizeLegibility;
}
.page-header .page-header-menu-mobile .drawer__inner .navbar-nav .main-menu .sub-menu-list {
	list-style-type: none;
	padding-left: 0px;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list .sub-menu {
	position: relative;
	margin: 0;
	display: block;
	text-align: -webkit-match-parent;
	z-index: 9999;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu:hover .sub-menu-list {
	display:block;
	visibility:visible;
	transform:translate3d(0,0,0);
	transition:all .3s
	cubic-bezier(.2, .06, .05, .95)
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list > li:hover > a {
	color: #929292;
}

.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list .sub-menu-item,
.page-header .page-header-menu-mobile .drawer__inner .navbar-nav .main-menu .sub-menu-list .sub-menu-item {
	font-size: 14px;
	position: relative;
	z-index: 27;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: #fff;
	display: block;
	padding: 8px 0px;
	white-space: nowrap;
	font-family: fs-siena;
	font-weight: 400;
	line-height: 1.2;
	color: #000;
	text-decoration: none;
	background: 0 0;
	text-align: left!important;
	margin: 0 15px;
}
.page-header .page-header-menu-mobile .drawer__inner .navbar-nav .main-menu .sub-menu-list .sub-menu-item {
	font-size: 12px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a {
	color: black;
	background: transparent !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list .sub-menu.active a.sub-menu-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	border-bottom:2px solid #000;
	transition: none;
  	transform: none;
}


/******
 * mobile navigation
 */
.drawer--left-filter.drawer--is-open,
.drawer--left.drawer--is-open {
    display: block;
    transform: translateX(300px);
    transition-duration: .45s;
}
.drawer--left-filter,
.drawer--left {
    width: 300px;
    left: -300px;
}
.drawer-filter,
.drawer {
    /* display: none; */
    position: fixed;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    padding: 0 15px 15px;
    max-width: 95%;
    z-index: 30;
    color: #000;
    background-color: #fff;
    box-shadow: 0 0 150px rgba(0,0,0,.1);
    transition: transform .25s cubic-bezier(.165, .84, .44, 1);
}
.drawer.drawer--is-open {
	box-shadow: 0 0 150px rgba(0,0,0,.5);
}
.drawer__fixed-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    overflow: visible;
}
.drawer__inner {
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 15px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.js-drawer-open .appear-animation {
	display: block;
    opacity: 1;
    transform: translateY(0);
}
.appear-delay-1 {
    transition: transform .85s cubic-bezier(.165, .84, .44, 1) 75ms,opacity .85s cubic-bezier(.165, .84, .44, 1) .15s;
}
.appear-animation {
    /* opacity: 0; */
    transform: translateY(60px);
}
.drawer__header {
    display: table;
    height: 70px;
    width: 100%;
    padding: 11.53846px 0;
    margin-bottom: 0;
}
.drawer__title {
    padding-left: 15px;
}
.drawer__title {
    width: 100%;
}
.drawer__close, .drawer__title {
    display: table-cell;
    vertical-align: middle;
}
.drawer__close {
    width: 1%;
    text-align: center;
}
.drawer__close-button {
    position: relative;
    height: 100%;
    padding: 0 15px;
    color: inherit;
}

/******
 * Page Middle Content
 */
	/******
	 * home page portfolio-3
	 */

.page-content {
	padding: 0 !important;
    min-height: 300px !important;
    margin: 0 !important;
}

.page-content .container {
	/* padding: 0 !important; */
}

.page-content-inner {
	min-height: 700px;
	display: block;
	max-width: 1920px;
    margin: 0 auto;
}

.promo-grid {
	padding-bottom: 30px;
	padding-top: 30px;
}

.promo-grid .flex-grid {
	margin-top: -20px;
    margin-left: -20px;
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 100%;
	justify-content: center;
}

.promo-grid .flex-grid .flex-grid-item {
	padding-top: 20px;
    padding-left: 20px;
	min-height: 80px;
	flex: 0 1 100%;
	display: flex;
	align-items: stretch;
	height: 252px;
}

.promo-grid .flex-grid .flex-grid-item a {
	justify-content: center;
    text-align: center;
	display: flex;
	align-items: flex-start;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
	flex: 1 1 100%;
	color: #000;
    text-decoration: none;
    background: 0 0;
}

.promo-grid .flex-grid .flex-grid-item .promo-grid-bg {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: left;
}

.promo-grid .flex-grid .flex-grid-item .promo-grid-content {
	/* padding: 30px; */
	align-self: center;
	flex: 0 1 auto;
	position: relative;
    min-width: 200px;
    z-index: 3;
}

.promo-grid .flex-grid .flex-grid-item .promo-grid-content .promo-grid-text {
	position: relative;
    z-index: 2;
	text-align: center!important;
}

.promo-grid .flex-grid .flex-grid-item .promo-grid-content .promo-grid-text p {
	font-style: normal;
    color: #000;
}

.promo-grid .flex-grid .flex-grid-item .promo-grid-content .promo-grid-text h2 {
	font-size: 2.0425em;
    letter-spacing: 6px;
	font-family: fs-siena,serif;
    font-weight: 400;
	line-height: 1.2;
    text-transform: uppercase;
	margin: 0 0 15px;
	display: block;
}

.promo-grid .flex-grid .flex-grid-item .promo-grid-content .promo-grid-text h5 {
	text-transform: uppercase;
    letter-spacing: .4em;
    font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: .90em;
    margin-bottom: 10px;
	font-weight: 600;
	line-height: 1.7;
}

.uniform-grid {
	margin-bottom: -22px;
    overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.uniform-grid.row {
	margin-left: -15px;
	margin-right: -15px;
}

.uniform-grid .grid-item {
	margin-bottom: 22px;
	text-align: center!important;
	float: left;
	min-height: 1px;
}

.uniform-grid .grid-item .grid-item-details a {
	color: #000;
    text-decoration: none;
    background: 0 0;
    cursor: pointer;
}

.uniform-grid .grid-item .image-wrap {
	background: #fff;
    overflow: hidden;
    transition: transform .3s ease;
	margin-bottom: 15px;
}

/* .uniform-grid .grid-item .image-wrap .lazyloaded {
	width: 100%;
	opacity: 1;
	transition: opacity .4s ease;
	max-width: 100%;
	border: 0 none;
} */

.uniform-grid .grid-item h3 {
	font-size: 1.6625em;
    letter-spacing: 5px;
	font-family: fs-siena,serif;
    font-weight: 400;
	line-height: 1.2;
    text-transform: uppercase;
	margin: 0 0 15px;
	display: block;
}

.uniform-grid .grid-item p {
	margin-bottom: 0;
	margin: 0 0 15px 0;
    font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-size: 14px;
}

.uniform-grid .grid-item a {
	position: relative;
	overflow: hidden;
	transition: background .2s ease 0s;
	text-decoration: none;
	/* padding: 8px 14px; */
    background-position: 150% 45%;
    min-width: 90px;
    font-size: 12px;
	line-height: 1.42;
	text-align: center;
    white-space: normal;
	font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .3em;
    font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    display: inline-block;
	margin: 0;
    width: auto;
	vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
	user-select: none;
    -webkit-appearance: none;
	border-radius: 0;
    color: #fff;
    background: #111;
}

.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-counter,
.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: #2f353B;
    border-color: #2f353B;
    color: #fff;
}
	/******
	 * home page layout-3
	 */
.section-2 .image-wrap {
	overflow: hidden;
	margin-left: -100px;
	margin-right: -100px;
}
.section-2 .image-wrap img {
	width: 100%;
}
.sec2-media-text {
	position: absolute;
	text-align: left;
	font-size: 1.1em;
	background: #fff;
	padding: 30px;
	width: 380px;
	top: 60px;
	right: 60px;
}
.sec2-media-text p.h3 {
	font-family: fs-siena;src:url(<?php echo base_url(); ?>assets/custom/fonts/fs-siena/fs-siena-extra-light.woff2);
}


	/******
	 * product thumbs breadcrumb
	 */
.breadcrumb-thumbs {
	color: black;
	padding: 0px;
}
.breadcrumb-thumbs a,
.breadcrumb-thumbs span {
	text-decoration: none;
	font-size: 12px;
	color: black;
}
.breadcrumb-thumbs a:hover,
.breadcrumb-thumbs a:focus,
.breadcrumb-thumbs a:active {
	text-decoration: none;
	font-weight: bold;
}
	/******
	 * product thumbs utilities bar (sort and pagination)
	 */
.thumbs-utilities {
	margin-bottom: 10px;
}
.thumbs-utilities .tools {
	float: right;
	position: relative;
	top: 6px;
}
.thumbs-utilities .tools .thumbs-utilities-info {
	position: relative;
}
.thumbs-utilities .tools .thumbs-pagintaion-ci,
.thumbs-utilities .tools .thumbs-pagintaion-ci li a {
	color: black;
}
.thumbs-utilities .tools .thumbs-pagintaion-ci li.active a,
.thumbs-utilities .tools .thumbs-pagintaion-ci li.active a:hover {
	color: #23527c;
	text-decoration: underline;
}
.select-sort_by option.font-size-12,
.thumbs-utilities .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.thumbs-utilities .bootstrap-select.btn-group .dropdown-menu > li {
	font-size: 12px;
}
/******
 * Pagination
 */
.pagination-sm.thumbs-pagination-mobile > li > a,
.pagination-sm.thumbs-pagination-mobile > li > span {
    padding: 12px 10px;
    margin-left: 5px;
	color: black;
	border: none;
}
.pagination-sm.thumbs-pagination-mobile > li.next-page > a,
.pagination-sm.thumbs-pagination-mobile > li.next-page > span,
.pagination-sm.thumbs-pagination-mobile > li.last-page > a,
.pagination-sm.thumbs-pagination-mobile > li.last-page > span {
	color: black;
	font-weight: bold;
}
.pagination-sm.thumbs-pagination-mobile > li.active > a,
.pagination-sm.thumbs-pagination-mobile > li.active > span {
	color: white;
	background-color: #999;
}
	/******
	 * product thumbs
	 */
.browse_thumbs {
	/*display: table;*/
}
.wrapper_thumbs {
	/*display: table-cell;*/
}
.container-thumbs .caption > p > a {
	color: black;
}
.container-thumbs .caption > p > a:hover {
	text-decoration: none;
	font-weight: bold;
}

	/******
	 * product details
	 */
.other-main-views {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    visibility: hidden;
	width: 100%;
}
.product-details-info h1.prod-title,
.product-details-info h2.prod-title,
.product-details-info h3.prod-title,
.product-details-info h4.prod-title,
.product-details-info h5.prod-title,
.product-details-info h6.prod-title {
	margin: 0px;
}
.product-details-info h5.prod-title.prod-name {
	margin: 10px 0;
}
a.pdp--color-name {
	color: black;
}
/* available size box */
.details.unavailable {
	display: none;
	position: absolute;
	left: 0px;
	bottom: 30px; /* 30px */
	padding: 5px 3px 5px 3px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Times New Roman",Times,serif;
	font-style: normal;
	text-align: center;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 2001;
	white-space: nowrap;
	opcaity: 0.75;
}
.list-inline > li span.diagonal-line,
.diagonal-line {
	width: 112%; /*133%;*/
	/*height: 123%; /*133%;*/
	border-bottom: 1px solid #ccc;
	-webkit-transform: rotate(-28deg);
	position: absolute;
	top: 15px;
	left: -3px; /*-19px;*/
	opacity: .5;
}
.list-inline > li.product-form__list-item,
.product-form__list-item {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	height: auto;
	position: relative;
	padding: 0;
	/* overflow: hidden; */
}
.list-inline > li.product-form__list-item.overflow-unset,
.product-form__list-item.overflow-unset {
	overflow: unset;
}
.product-form__product-size {
    display: block;
    padding-right: 18px;
    padding-left: 18px;
    height: 30px;
    min-width: 55px;
    color: black;
    line-height: 30px;
    text-align: center;
    border: 1px solid #666;
    overflow: hidden;
}
.product-form__product-size.unavailable.a-bg-color {
	color: black;
}
.product-form__product-size.unavailable {
	color: #ccc;
	border-color: #ccc;
}
.product-form__product-size.unavailable:hover {
	color: black;
	border-color: black;
}
/* description accordion */
.description-accordion.panel-group {
    /* margin-bottom: 105px; */
}
.description-accordion .panel-title {
    font-size: 12px;
}
/* mobile swiper */
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide img {
	width: 100%;
}
.description-accordion.panel-group .panel + .panel {
    margin-top: -1px;
}
.description-accordion.panel-group .panel-default > .panel-heading {
    background-color: #fff;
}
.description-accordion.panel-group .panel .panel-title {
	text-align: center;
}
.description-accordion.panel-group .panel .panel-title .accordion-toggle {
    padding: 20px 15px;
}
.description-accordion.panel-group .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
    background-position: right 20px;
}
.description-accordion.panel-group .panel .panel-title .accordion-toggle.accordion-toggle-styled {
	background-position: right -13px;
}

	/******
	 * Shopping Cart
	 */
.cart_basket_wrapper .cart_basket .shop-cart-item-details > h4 > a,
.cart_basket_wrapper .cart_basket .shop-cart-item-details > h4 > a:hover,
.cart_basket_wrapper .cart_basket .table.table-light > thead > tr > th,
.cart_basket_wrapper .cart_basket .table.table-light > tbody > tr > td {
    color: black;
}
.cart_basket_wrapper .cart_basket .table td, .table th {
    font-size: 12px;
}
.cart_basket_wrapper .cart_basket .table.table-light > tbody > tr > td {
	vertical-align: top;
}
.cart_basket_wrapper div.box {
	display: inline-block;
	height: 27px;
	width: 27px;
	border: 1px solid #ccc;
	padding-top: 4px;
	text-align: center;
	float: left;
}
.cart_basket_wrapper div.box-tools {
	margin-left: 40px;
}
.cart_basket_wrapper div.box-tools a,
.cart_basket_wrapper button {
	color: black;
}
.cart_basket_wrapper .table.cart-summary > tbody > tr > td {
	border-top: none;
	font-size: 12px;
}
.rte a:not(.rte__image), .rte-setting a:not(.rte__image) {
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,.15);
    position: relative;
    display: inline-block;
}
.rte a:not(.rte__image)::after, .rte-setting a:not(.rte__image)::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    border-bottom: 2px solid currentColor;
    transition: width .5s ease;
}
.rte a:not(.rte__image):hover::after, .rte-setting a:not(.rte__image):hover::after {
	width: 100%;
}
.cart_basket_wrapper .cart_basket .table.table-light > thead > tr > td {
	font-weight: normal;
	font-size: 14px;
}
.cart_basket_wrapper .cart_basket .table .shop-cart-item-thumb {
	width: 120px;
}
.cart_basket_wrapper .cart_basket .table .shop-cart-item-details {
	margin-left: 150px;
}
#addressValidatorBox {
    border: 2px solid #000;
    border-radius: 10px !important;
    color: #000;
    margin-top: 20px;
    text-align: center;
}

	/******
	 * Checkout Process
	 */
.portlet.light.order-summary .portlet-body {
    padding-top: 0px;
}
.portlet.order-summary > .portlet-title {
	margin-bottom: 0px;
}
.portlet.light.order-summary .portlet-body > .mt-element-list .list-news.ext-1 .list-thumb {
    height: auto;
}
.portlet.light.order-summary .portlet-body > .mt-element-list .list-news.ext-1 .list-item-price {
	position: absolute;
	top: 15px;
	right: 15px;
	font-weight: 700;
}
.account-link__bubble,
.cart-link__bubble {
    display: block;
    position: absolute;
    top: -6px;
    right: 2px;
    width: 15px;
    height: 15px;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 50% !important;
}
.checkout-wrapper .mt-element-step .step-line .mt-step-number {
    font-size: 20px;
    height: 50px;
    width: 50px;
}
.checkout-wrapper .mt-element-step .step-line .mt-step-title::after, .mt-element-step .step-line .mt-step-title::before {
    top: -29px;
}
.checkout-wrapper .mt-element-step .step-line .active .mt-step-content, .mt-element-step .step-line .active .mt-step-title {
    color: black !important;
	font-size: bold;
}
.checkout-wrapper .mt-element-step .step-line .active .mt-step-number {
    color: white !important;
    border-color: #e5e5e5 !important;
}
.checkout-wrapper .mt-element-step .step-line .active .mt-step-title::after, .mt-element-step .step-line .active .mt-step-title::before {
    background-color: #e5e5e5;
}
.checkout-wrapper .mt-element-step .step-line .mt-step-title::after, .mt-element-step .step-line .mt-step-title::before {
    content: '';
}
.checkout-wrapper .mt-element-step .step-line .first .mt-step-title::before, .mt-element-step .step-line .last .mt-step-title::after {
    content: none;
}
.checkout-wrapper .input-lg {
    width: 100% !important;
}
.checkout-wrapper .form-group-select-checkout-address > .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.checkout-wrapper .form-group-select-checkout-address > .bootstrap-select > .dropdown-toggle:focus,
.checkout-wrapper .form-control:focus {
    outline: none;
    border-color: #111111;
    -webkit-box-shadow: 0 0 0 1px #111111;
    box-shadow: 0 0 0 1px #111111;
}
.checkout-wrapper .form-group-select-checkout-address > .bootstrap-select > .dropdown-toggle,
.checkout-wrapper .form-control {
	transition: all 0.2s ease-out;
}
.checkout-wrapper .form-group-select-checkout-address > .bootstrap-select > .dropdown-toggle.bs-placeholder,
.checkout-wrapper .form-group-select-checkout-address > .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.checkout-wrapper .form-group-select-checkout-address > .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.checkout-wrapper .form-group-select-checkout-address > .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	color: #999;
	height: 46px;
}
.checkout-wrapper .form-group-select-checkout-address > .bootstrap-select > .dropdown-toggle {
	width: 100%;
	padding-right: 25px;
	z-index: 1;
	height: 46px;
}

/******
 * Sidebar Nested Navigation
 */
.nested-nav > li > a.collapse {
    background-image: url(../../metronic/assets/global/img/portlet-collapse-icon.png);
    width: 14px;
    visibility: visible;
}
.nested-nav > li > a.expand {
    background-image: url(../../metronic/assets/global/img/portlet-expand-icon.png);
    width: 14px;
    visibility: visible;
}
.nested-nav > li > a.collapse-marker {
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
	float: right;
}
.nested-nav li a {
	text-decoration: none;
	font-size: 12px;
	color: black;
	line-height: 26px;
}
.nested-nav li a:hover {
	text-decoration: none;
	font-weight: bold;
}
.product_thumbs_sidebar .list-unstyled li > .list-unstyled {
    margin-left: 0px;
}
.product_thumbs_sidebar .list-unstyled li > .list-unstyled.ul-first-level {
    margin-left: 0px;
}

/**********
 * Filter Drop Downs
 */
.produc-thumbs-filter .produc-thumbs-filter-facets .nav-tabs li a {
	padding: 0px 15px 5px;
	font-size: 12px;
	color: black;
}
.produc-thumbs-filter .produc-thumbs-filter-facets .nav-tabs > li:first-child a {
	padding-left: 0px;
}
.produc-thumbs-filter .produc-thumbs-filter-facets > .nav-tabs > li {
    border-bottom: 3px solid transparent;
	padding-left: 0;
	padding-right: 0;
}
.produc-thumbs-filter .produc-thumbs-filter-facets > .nav-tabs > li.open,
.produc-thumbs-filter .produc-thumbs-filter-facets > .nav-tabs > li.active,
.produc-thumbs-filter .produc-thumbs-filter-facets > .nav-tabs > li:hover {
    border-bottom: 3px solid #888;
}
.produc-thumbs-filter .produc-thumbs-filter-facets > .tab-content {
	border-bottom: 1px solid #dae2ea;
	padding: 0;
}
.produc-thumbs-filter .produc-thumbs-filter-facets > .tab-content > .tab-pane {
	padding-bottom: 2px;
}
.produc-thumbs-filter .produc-thumbs-filter-facets > .tab-content > .tab-pane p.action {
	margin: 2px 0;
    background-color: #f6f6f6;
    padding: 10px 20px 10px 0;
}
.produc-thumbs-filter .produc-thumbs-filter-facets > .tab-content > .tab-pane label {
	font-size: 12px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
.produc-thumbs-filter .product-thumbs-filter-tagsinput .bootstrap-tagsinput {
	display: inline;
	border: none;
}
.produc-thumbs-filter .product-thumbs-filter-tagsinput .bootstrap-tagsinput .tag {
	padding: 6px;
}
.produc-thumbs-filter .product-thumbs-filter-tagsinput .bootstrap-tagsinput input {
	display: none;
}
.produc-thumbs-filter .product-thumbs-filter-tagsinput .label-info {
    background-color: #181c1f;
}
.produc-thumbs-filter .product-thumbs-filter-tagsinput .label {
	font-size: 12px;
}

/******
 * Pagintaion
 */
.page-wrapper .page-wrapper-middle {
    background: white; /*#eff3f8;*/
}
.pagination.thumbs-pagintaion-ci > .active > a,
.pagination.thumbs-pagintaion-ci > .active > a:focus,
.pagination.thumbs-pagintaion-ci > .active > a:hover,
.pagination.thumbs-pagintaion-ci > .active > span,
.pagination.thumbs-pagintaion-ci > .active > span:focus,
.pagination.thumbs-pagintaion-ci > .active > span:hover {
    z-index: 3;
	color: #23527c;
    background-color: transparent;
    border-color: transparent;
    cursor: default;
	text-decoration: underline;
}
.pagination.thumbs-pagintaion-ci > li > a,
.pagination.thumbs-pagintaion-ci > li > span {
    text-decoration: none;
    color: black;
    background-color: #fff;
    border: none;
    margin-left: -1px;
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
}
.pagination.thumbs-pagintaion-ci > li > a:focus,
.pagination.thumbs-pagintaion-ci > li > a:hover,
.pagination.thumbs-pagintaion-ci > li > span:focus,
.pagination.thumbs-pagintaion-ci > li > span:hover {
    z-index: 2;
    color: #ccc; /*#23527c;*/
    background-color: transparent;
    border-color: transparent;
	text-decoration: underline;
}

/******
 * Checkout Multi Steps Nav/Breadcrumb
 */
.cu-multi-steps {
	height: 40px;
	overflow: hidden;
	font: inherit;
	margin-bottom: 0px;
	list-style: none;
	padding: 0px;
}
.cu-multi-steps li {
	float: left;
	position: relative;
	height: 40px;
	background: url(white-bg-li.jpg) repeat-x;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
.cu-multi-steps li.current {
	background: url(black-bg-li.jpg) repeat-x;
	color: white;
}
.cu-multi-steps li.current a {
	color: white;
}
.cu-multi-steps li > .start-bg {
	background: url(white-bg-li-start.jpg) no-repeat left top;
	display: block;
	height: 40px;
	width: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.cu-multi-steps li > .last-bg {
	background: url(white-bg-li-last.jpg) no-repeat right top;
	display: block;
	height: 40px;
	width: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.cu-multi-steps li > .last-bg.current {
	background: url(black-bg-li-last.jpg) no-repeat right top;
}
.cu-multi-steps li > .end-bg {
	background: url(arrow-default.jpg) no-repeat right top;
	display: block;
	height: 40px;
	width: 31px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.cu-multi-steps li > .end-bg.end {
	background: url(arrow-right-active.jpg) no-repeat right top;
}
.cu-multi-steps li > .end-bg.current {
	background: url(arrow-left-active.jpg) no-repeat right top;
}
.cu-multi-steps li a {
	color: black;
	height: 40px;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -30px;
}
.cu-multi-steps li a:hover {
	text-decoration: none;
}
.cu-multi-steps li > a .icon {
	font-size: 1.5em;
	position: relative;
	top: 5px;
	left: 5px;
}
.cu-multi-steps li > a .badge {
    position: absolute;
    top: 5px;
    right: 31px;
    font-weight: 300;
    padding: 3px 8px;
}

/******
 * Footer items
 */

.footer-promotions {
	display: block;
	text-align: center;
	background-color: #f8f3f0;
}

.footer-promotions .index-section {
	margin-top: 0;
	margin: 0 0;
}

.footer-promotions .index-section .section-divider {
	border-top: none;
	padding-bottom: 0;
	padding-top: 30px;

}

.footer-promotions .index-section .section-divider .grid-flush-bottom {
	margin-left: 12px;
	margin-bottom: -22px;
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-promotions .index-section .section-divider .grid-flush-bottom .grid-item {
	margin-bottom: 55px;
	background-color: #fff;
	min-height: 450px;
	margin-top: 45px;
	padding-left: 0;
	width: 31.33%;
	padding-bottom: 26px;
	margin-left: 1.3%;
	float: left;
}

.footer-promotions .index-section .section-divider .grid-flush-bottom .grid-item h3 {
	font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 1.1em;
    padding: 0 20px;
	letter-spacing: 5px;
	line-height: 1.2;
    text-transform: uppercase;
}

.footer-promotions .index-section .section-divider .grid-flush-bottom .grid-item p {
	padding: 10px 20px;
	text-align: center!important;
	line-height: 1.7em;
	letter-spacing: 0.08em;
	margin: 0 0 15px 0;
    font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
	color: #000;
    font-size: 14px;

}

 .footer-promotions .index-section .section-divider .grid-flush-bottom .article-grid-image .image-wrap {
	 background: #fff;
	 overflow: hidden;
	 transition: transform .3s ease;
 }

 .footer-promotions .index-section .section-divider .grid-flush-bottom > a > img {
	 opacity: 1;
	 transition: opacity .4s ease;
	 max-width: 100%;
	 border: 0 none;
 }

 .footer-promotions .index-section .section-divider .grid-flush-bottom a {
 	 margin-bottom: 30px;
 	 display: block;
 	 text-align: center;
 	 color: #000;
 	 text-decoration: none;
 	 background: 0 0;
 }

 .footer-promotions .index-section .section-divider .grid-flush-bottom .grid-item a.btn {
	 font-weight: bold;
	 padding: 8px 14px;
	 font-size: 12px;
	 color: #000;
	 border: 1px solid #e8e8e1;
	 background-color: transparent;
	 text-transform: uppercase;
	 letter-spacing: .3em;
	 font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
	 display: inline-block;
	 margin: 0;
	 width: auto;
	 -webkit-appearance: none;
	 border-radius: 0;
 }

.site-footer {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #dfdad7;
	color: #000;
	display: block;
	/*height: 500px;*/
 }

 .site-footer p {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.site-footer .grid {
	list-style: none;
	/*margin: 0;*/
	padding: 0;
	/*margin-left: -22px;*/
	/*height: 270px;*/
 }

.page-width {
    /* padding: 0 40px; */
	max-width: 1920px;
	margin: 0 auto;
}

.page-content-footer .page-width,
.site-footer .page-width {
	/* padding: 0 25px; */
}

.site-footer .grid .grid-item-1 {
	/*width: 25%;*/
	/*float: left;*/
    /*padding-left: 22px;*/
	min-height: 1px;
    display: block;
}

.site-footer .grid .grid-item-2 {
	/*width: 50%;*/
	text-align: center;
	/*float: left;*/
    /*padding-left: 22px;*/
	min-height: 1px;
}

.site-footer .grid .grid-item-3 {
	width: 15%;
	float: left;
	padding-left: 22px;
}

.site-footer .grid .grid-item-2 .footer-title {
	display:block;
}

.site-footer .grid .grid-item-2 .footer-title p,
.site-footer .grid .grid-item-2 .description-accordion .panel-heading .panel-title {
	font-weight: 1000;
	text-transform: uppercase;
    letter-spacing: .3em;
    font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    font-size: 1em;
	line-height: 1.7em;
}
.site-footer .grid .grid-item-2 .description-accordion.panel-group .panel .panel-title .accordion-toggle {
    padding: 15px 15px;
}
.site-footer .grid .grid-item-2 .description-accordion.panel-group .panel-default > .panel-heading {
    background-color: inherit;
}

.site-footer .grid .grid-item-2 .footer-content p,
.site-footer .grid .grid-item-2 .description-accordion .panel-body {
    letter-spacing: 0.08em;
	font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    font-weight: 300;
    text-transform: none;
	color: #000;
    font-size: 14px;
}

.site-footer .grid .grid-item-2 .footer-content input::placeholder {
  color: #000;
  font-weight: 600;
}

.site-footer .grid .grid-item-2 .footer-content .footer-newsletter-input {
    padding: 10px 45px 10px 0;
    background-color: #dfdad7;
    max-width: 300px;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #000;
    font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    letter-spacing: 0;
	font-size: 15px;
	line-height: 20px;
}

.site-footer .grid .grid-item-2 .footer-content input:focus{
    outline: none;
}

.site-footer .grid .grid-item-2 .footer-content .footer_newsletter {
	position: relative;
	display: inline-block;
	max-width: 300px;
	width: 100%;
}

.site-footer .grid .grid-item-2 .footer-content .footer-newsletter-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	color: #000;
	padding: 0;
	cursor: pointer;
	background: 0 0;
    border: none;
    display: inline-block;
	overflow: visible;
}

.site-footer .grid .grid-item-2 .footer-content .footer-newsletter-icon-email {
	width: 26px;
    height: 24px;
    overflow: hidden;
	display: inline-block;
	vertical-align: middle;
    /* fill: currentColor; */
	fill:none!important;
	stroke-width:2px;
	stroke:currentColor!important;
	stroke-linecap:miter;
	stroke-linejoin:miter
}

.site-footer .grid .grid-item-2 .footer-content .footer-social {
	margin-top: 30px;
	margin: 0;
	list-style: none outside;
	padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	text-rendering: optimizeLegibility;
}

.site-footer .grid .grid-item-2 .footer-content .footer-social li {
	display: inline-block;
    margin: 0 8px 15px 8px;
}

.site-footer .grid .grid-item-2 .footer-content .footer-social a {
	display: block;
	color: black;
	text-decoration: none;
    background: transparent;
}

.site-footer .grid .grid-item-2 .footer-content .footer-newsletter-icon-social {
	width: 24px;
    height: 24px;
    overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
/* .site-footer .grid .grid-item-1 .footer-content {
	display: block;
} */

.site-footer .grid .grid-item-1 .menulist {
	margin: 0;
    font-family: Larsseit;
    letter-spacing: 0;
    font-weight: 200;
	list-style: none outside;
	padding: 0;
    text-rendering: optimizeLegibility;
	display: block;
}

.site-footer .grid .grid-item-1 .menulist li {
	margin-bottom: .25em;
	display: list-item;
	text-align: -webkit-match-parent;
}

.site-footer .grid .grid-item-1 .menulist > li > a {
	display: inline-block;
    padding: 4px 0;
	color: #000;
	text-decoration: none;
    background: 0 0;
	font-size: 13.8px;
	font-weight: 200;
}

.site-footer .payment-icons {
	margin-top: 30px;
    margin-bottom: 0;
	mix-blend-mode: luminosity;
    text-align: center;
	user-select: none;
    cursor: default;
	padding: 0;
}

.site-footer .payment-icons li {
	cursor: default;
    margin: 0 4px 0;
	vertical-align: middle;
}

.site-footer .payment-icons .icon-payment .footer-newsletter-icon-payment {
	width: 40px;
    height: 40px;
    overflow: hidden;
	fill: initial;
	display: inline-block;
	vertical-align: middle;
}

.site-footer .footer-small-text {
	padding-top: 15px;
	font-size: 12px;
    padding: 7.5px 0;
	line-height: 1.7em;
    letter-spacing: 0.08em;
	font-family: Larsseit,helvetica neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
	color: #8E8A89;
}

.page-prefooter {
    background: #fff;
    color: black;
	padding: 10px 0;
}
.page-prefooter a, .page-prefooter h2 {
    color: black;
}
.social-icons li {
	float: none;
    display: inline-block;
}
.page-prefooter .subscribe-form .btn {
    height: 36px;
}
.page-footer {
    background: #fff;
    color: black;
}


/******
 * Modal centering vertically

 */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal.fade .modal-dialog.vertical-align-center {
    -webkit-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
    transform: translate(0,-100%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.modal.in .modal-dialog.vertical-align-center {
    -webkit-transform: translate(0,-2%);
    -ms-transform: translate(0,-2%);
    -o-transform: translate(0,-2%);
    transform: translate(0,-2%);
}.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 400px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	    -ms-transform: translate3d(0%, 0, 0);
	     -o-transform: translate3d(0%, 0, 0);
	        transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 0px;
}

/*Left*/
.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
	        transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
	left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
	        transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}


/******
 * Media prints
 	width: 1300px; _noelb
 */
@media (min-width: 1200px) {
 	.container {
 		width: 100%;
 	}
}

@media (min-width: 1300px) {
 	.container {
		width: 1280px;
 	}
}

@media (max-width:1100px) {
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
		margin: 0 26px;
	}
}
/******
 * Media prints
 */
@media (min-width:990px) {
	/*a fix for calculated hor-menu items to span the entire nav bar*/
	.page-header .page-header-menu .hor-menu { /* nav */
		display: table;
		table-layout: auto;
		width: 100%;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav { /* ul */
		/* overflow: hidden; */
		display: table-row;
		width: 100%;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav > li {
		display: table-cell;
		text-align: center;
		min-width: 2%;
		float: none;
	}
	/*end fix*
	 * we need to put this line on the <head> so as to be able to
	 * incorporate computation for number of nav items to get
	 * actual width % for non-calc() browsers as well as the
	 * divisor for the calc() formula
	.page-header .page-header-menu .hor-menu .navbar-nav > li {
		width: 16.6667%; /* fallback for non-calc() browsers *
		width: calc(100% / 6);
	}
	/*end fix*/
	.page-header .page-header-menu .hor-menu .navbar-nav > li:first-child a {
		margin-left: 0px;
		text-align: left;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child a {
		margin-right: 0px;
		text-align: right;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav .menu-dropdown .mega-menu-content .womens_apparel_main {
		width: 20%;
	}
	/*product details page*/
}
@media (max-width:991px) {
	.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list .sub-menu-item,
	.page-header .page-header-menu-mobile .drawer__inner .navbar-nav .main-menu .sub-menu-list .sub-menu-item {
		padding: 8px 0px;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover,
	.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
		color: black !important;
		background: transparent !important;
	}
	.page-header .page-header-top .page-logo img {
		margin-right: 0px;
		margin-left: 0px;
		height: 20px;
	}
	.slick-dots li button::before {
		font-family: FontAwesome;
		font-size: 14px;
		content: '\f10c';
	}
	.slick-dots li.slick-active button::before {
		content: '\f111';
	}
	/*shop cart icon for mobile phones*/
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox.mobile {
		margin-right: -2px;
		padding-right: 0px;
	}
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox.mobile > .dropdown-toggle {
		padding-right: 0px;
	}
	/**/
	.page-width {
	    padding: 0 15px;
	}
	.page-width.check-out-page-wdith {
	    margin-top: -50px;
	}
	.cart_basket_wrapper .cart_basket .table .shop-cart-item-thumb {
		width: 110px;
	}
	.cart_basket_wrapper .cart_basket .table .shop-cart-item-details {
		margin-left: 130px;
	}
	.checkout_summary_product-accordion {
		position: relative;
		z-index: 250;
	}
	.checkout_summary_product-accordion > .panel {
		border-bottom: none;
	}
	.checkout_summary_product-accordion > .panel > .panel-heading {
		height: 50px;
		border-bottom: 1px solid #ddd;
	}
	.checkout_summary_product-accordion.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
		background-position: right -16px;
	}
	.checkout_summary_product-accordion.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
    	background-position: right 15px;
	}
	.checkout_summary_product-accordion .mt-element-list .list-news.mt-list-container {
		border-top: 1px solid #e7ecf1;
	}
	.checkout_summary_product-accordion .table {
		margin-bottom: 0px;
	}
	.checkout_summary_product-accordion .portlet {
	    margin-bottom: 0px;
	}
	/******
	 * Header Logo
	 */
	.page-header .page-header-top .page-logo {
		height: 50px;
		width: 200px !important;
		margin: 0 auto;
		position: relative;
		top: 10px;
	}
	.page-header .page-header-top .page-logo.mobile img {
		width: 200px;
		height: auto;
		margin-top: 8px;
	}
	/******
	 * Page Header Search
	 */
	.page-header .desktop-search_by_style {
		position: absolute;
		bottom: -46px;
		z-index: 500;
		width: 100%;
	}
	.page-header .desktop-search_by_style .input-group {
		margin-bottom: 0px;
	}
	.page-header .desktop-search_by_style .search-form .input-group .form-control {
		border: none;
		background-color: black !important;
		width: 100% !important;
	}
	.page-header .desktop-search_by_style .search-form .input-group-addon, .input-group-btn {
		width: 6%;
		background-color: black;
	}
	.page-header .desktop-search_by_style .search-form .btn.dark:not(.btn-outline) {
		color: black;
		background-color: #f9f7f7;
		border: none;
	}
	.page-header .desktop-search_by_style .search-form .input-group .input-group-btn .btn.submit i {
	  color: #000 !important;
	}
	.btn-group-lg > .btn, .btn-lg.svg-close {
	  padding: 4px 0;
	  font-size: 18px;
	  line-height: 1.33333;
	}
	.page-header .desktop-search_by_style .search-form .tt-hint, .tt-input {
		height: 46px;
	}
	/******
	 * Footer menu items
	 */
	.site-footer .grid .grid-item-1 {
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}
}
@media (min-width:768px) {
	.page-breadcrumb.breadcrumb.breadcrumb-thumbs {
		margin-left: 20px;
	}
}
@media (max-width:767px) {
	.menu-toggler-2 {
		top: 16px;
	}
	.page-header .page-header-top .page-logo {
		margin-right: 0px;
		margin-left: 0px;
		height: 50px;
	}
	.page-breadcrumb.breadcrumb.breadcrumb-thumbs {
		margin-left: 2px;
	}
	.thumbs-utilities.mobile {
		margin-left: -17px;
		margin-right: -17px;
	}
	.form-group.mobile-thumbs-filter {
		margin-bottom: 5px;
	}
	/******
	 * Header Logo
	 */
	.page-header .page-header-top .page-logo {
		height: 50px;
		width: 200px !important;
		margin: 0 auto;
		position: relative;
		top: 0px;
	}
}
@media (max-width:480px) {
	.menu-toggler-2 {
		top: 3px;
	}
	.page-header .page-header-top .top-menu {
		clear: none;
		top: 11px;
		position: relative;
	}
	.page-header .page-header-top {
		height: auto; /* 110px; */
	}
	.page-header .page-header-top .page-logo .logo-default {
		margin: 15px 0 0;
	}
	.page-header .page-header-top .menu-toggler {
		margin: 8px 0 0 0;
		background: none;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-toggle {
		width: 30px;
	}
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge-default.badge-cart-top-nav {
		top: -28px;
		right: 0px;
	}
	.page-header .page-header-top .top-menu {
		clear: none;
		top: 11px;
		position: relative;
	}
	/******
	 * home page layout-3
	 */
	.section-2 .image-wrap {
		height: 450px;
		position: relative;
	}
	.section-2 .image-wrap img {
		height: 100%;
		width: auto;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	.sec2-media-text {
		position: absolute;
		text-align: center;
		font-size: 1.1em;
		background: #fff;
		padding: 10px 20px;
		bottom: 10px;
		width: 100%;
		right: unset;
		top: unset;
		left: 50%;
		transform: translateX(-50%);
	}
	.section-3 .bottom-information {
		text-align: center;
	}
}
@media (max-width:320px) {
	.dropdown-user-mobile {
		display: none !important;
	}
}

/******
 * mobile navigation
*/
.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .menu-item.mobile {
	width: 300px;
    margin: 0px;
    text-align: left;
}
.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list.mobile {
	visibility: visible;
	position: relative;
	top: 10px;
	left: 10px;
	box-shadow: none;
}
.page-header .page-header-menu .hor-menu .navbar-nav .main-menu .sub-menu-list.mobile a {
	font-size: 12px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down::before {
    content: "\f107";
}

@media (max-width:1240px) {
	.page-header .page-header-menu {
		display: none;
	}
	.page-header .page-header-top .menu-toggler {
		display: block;
		background: none;
		margin-left: -10px;
	}
	.page-header .page-header-top .site-nav .site-nave-icons {
		padding: 20px 30px;
	}
	.page-header .page-header-top .country-selector {
		padding-left: 0px;
	}
}

@media (max-width:800px) {
	.page-header .page-header-top .site-nav .site-nave-icons {
		padding: 0px;
		margin-top: 8px;
	}
}