body {
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
			-moz-font-smoothing: antialiased;
	 -webkit-font-smoothing: subpixel-antialiased;
	font-family: "Roboto", "Oxygen", 
    "Ubuntu", "Cantarell", "Fira Sans", 
    "Droid Sans", "Helvetica Neue", sans-serif;
  color:#333;
  padding:0 0 15px;
  position:relative;
}

.btn {
	border-radius:0;
	font-weight:500;
	background:#33303d;
	border:2px solid #33303d;
	color:#fff;
  -webkit-transition:all 200ms ease;
  -o-transition:all 200ms ease;
  -moz-transition:all 200ms ease;
  -ms-transition:all 200ms ease;
  transition:all 200ms ease;
}

.btn.grey {
	border:2px solid #eee;
}

#artworkTitleZone .btn.round.lg {
	padding:13px 15px;
}

#artworkTitleZone .btn.round.lg i {
	width:22px;
	height:22px;
	line-height:20px;
}

.btn:hover {
	background:#fff;
	border:2px solid #33303d;
	color:#33303d;
	box-shadow:none;
}

.btn.white {
	background:#fff;
	border:2px solid #33303d;
	color:#33303d;
}

.btn.black:hover {
	background:#33303d;
	border:2px solid #33303d;
	color:#fff;
}

.btn:before {
	display:none;
}

.form-inline .form-control {
	vertical-align:top;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #555;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #555;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #555;
}

.modal-header {
	padding:5px 10px 15px;
	background:#fff;
	overflow:hidden;
	position:relative;
	border-bottom:0;
}

.modal-header h4 {
	text-shadow:none;
	color:#333;
	font-size:3rem;
	font-weight:500;
}

.modal-content {
	border:none;
	overflow:hidden;
	border-radius:0;
}

.modal-content .modal-body.modal-loading {
	margin:0 auto;
	padding:10px;
	text-align:center;
}

.modal-body {
	padding-top:0;
	padding-bottom:0;
}

.modal-body .progress {
	height: 30px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	margin-top: 10px;
	margin-bottom:10px;
	width: 100%;
	border: 1px solid #fff;
	padding: 1px;
	border-radius: 0px;
}


.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 0px; }
.percent { position:absolute; display:inline-block; top:1px; left:48%;display:none; }


.close {
	font-size:46px;
	font-weight:100;
	opacity:1;
	position:relative;
	z-index:2;
	top:2px;
	right:-5px;
	display:inline-block;
	min-width:46px;
	line-height:0.8;
}

.close:hover,
.close:focus {
	opacity:0.7;
}

@media (max-width: 767px) {
  .offcanvas-stop-scrolling {
    position: fixed; 
    overflow-y:scroll;
		top:0;
		bottom:0;
		left:0;
		right:0;
  }
  .offcanvas-stop-scrolling #offCanvasLayer {
  	position:fixed;
  	top:0;
  	left:0;
  	right:0;
  	bottom:0;
  	display:block;
  	background:#000;
  	opacity:0.5;
  	z-index:9;
  }
  .navbar-default .navbar-offcanvas {
    background-color: #fff; }
  .navbar-offcanvas {
    position: fixed;
    width: 100%;
    max-width: 250px;
    height: 100%;
    left: -250px;
    top: 0;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in; }
    .navbar-offcanvas.in {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
    .navbar-offcanvas.navbar-offcanvas-fade {
      opacity: 0; }
      .navbar-offcanvas.navbar-offcanvas-fade.in {
        opacity: 1; }
    .navbar-offcanvas.offcanvas-transform.in {
      -webkit-transform: translateX(250px);
              transform: translateX(250px); }
    .navbar-offcanvas.offcanvas-position.in {
      left: 0; }
    .navbar-offcanvas.navbar-offcanvas-right {
      left: auto;
      right: -250px; }
      .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
        -webkit-transform: translateX(-250px);
                transform: translateX(-250px); }
      .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
        left: auto;
        right: 0; }
    .navbar-offcanvas .dropdown.active .caret {
      border-top: 0;
      border-bottom: 4px solid; }
    .navbar-offcanvas .dropdown-menu {
      position: relative;
      width: 100%;
      border: inherit;
      box-shadow: none;      
      float:none;
      display:none;
      -webkit-transition: height 0.15s ease-in;
              transition: height 0.15s ease-in; }
      .navbar-offcanvas .dropdown-menu.shown {
        display: block;
        margin-bottom: 10px; } }
      @media (min-width:768px) {

    		.navbar-offcanvas .dropdown-menu {
      	  float:left;
      	}
      }

.offcanvas-toggle .icon-bar {
  background: #000;
  transform-origin: 50% 50%;
  -webkit-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out; }

.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(9px, 4px);
          transform: rotate(45deg) translate(9px, 4px); }

.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
  opacity: 0; }

.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(9px, -4px);
          transform: rotate(-45deg) translate(9px, -4px); }

.offcanvas-toggle.is-open {
	padding-left:3px;
}

.navbar .navbar-toggle {
  border:1px solid transparent;
  background:#fff;
  border-radius:4px;
  margin-bottom:6px;
  margin-top:35px;
  margin-right:9px;
}

.navbar.navbar-fixed-top .navbar-toggle {
  margin-top:5px;
}

.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus,
.navbar .navbar-toggle:active {
	background:none;
	border:none;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 32px;
  height: 2px;
  border-radius: 0px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 7px;
}

.navbar .dropdown-menu {
  font-size:12px;
  min-width:0px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
  padding:5px 1px;
  margin-top:-2px;
  border-radius:0;
  /*white-space:nowrap;*/
}

.dropdown-menu > li > a {
	padding:3px 6px;
}

.navbar .dropdown .dropdown-menu {
  left:4px;
}

#breakMenu {
	display:none;
}

.form-control,
.form-control:active,
.form-control:focus {
    box-shadow: none;
    border: 2px solid #33303B;
    height: 36px;
    color:#33303d;
}

select.form-control {
	position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background:  url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>") no-repeat;
  background-position: right 5px top 50%;
}

.form-control.hasError, 
.form-control.hasError:focus {
	border:2px solid #d00;
}

textarea.form-control,
textarea.form-control:active,
textarea.form-control:focus {
	height:auto;
}

input[type="file"],
input[type="file"]:focus {
	border:none;
}

.form-error {
	color:#a94442;
	position:relative;
  top:1px;
  padding:0 5px;
  display:inline;
}
/**********/
/* HEADER */
/**********/
#header {
	z-index:10;
	padding:0;
	position:relative;
}

#headerLogo {
  height:110px;
  background-image:url(../img/logo.png);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100%;
  width:80px;
  padding:0;
  margin:0 auto;
  display:block;
	text-indent:-99999px;
}

@media (min-width:768px) {
	#headerLogo {
  	margin-left:0px;
  	float:left;
	}
}

#headerLogo h1 {
	margin:0;
	padding:0;
}

#nav-social ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
}

#nav-social ul + ul {
	margin:10px auto 0;
	display:block;
	text-align:center;
}

@media (min-width:768px) {
	#nav-social {
		text-align:right;
		margin-right:15px;
	}

	#nav-social ul + ul {
		margin:0 -15px 0 0;
		display:inline-block;
	}

}

#nav-social ul li {
	display:inline-block;
}

#nav-social ul li a {
	margin-right:0;
}

#nav-social ul li.lang {
	text-transform:uppercase;
}

#nav-social ul li.lang a:hover {
	text-decoration:none;
}

@media (min-width:768px) {
	#nav-social ul li + li.lang {
		margin-left:20px;
	}

	#nav-social ul li.lang + li {
		margin-left:0;
	}
}

#mainMenu {
	background:#fff;
	margin:0;
	border:none;
	border-radius:0;
	min-height:0;
	padding:5px 0;
	clear:both;
}

#mainMenu.navbar-fixed-top {
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

#header.navbar-fixed-top #mainMenu {
	padding:5px 0;
}

#mainMenu .navbar-toggle .icon-bar {
	background:#000;
}

#mainApplicationMenu {
	border:none;
}

@media (min-width:768px) {
	#mainMenu {
		padding:15px 0;
	}
	
	#mainApplicationMenu > ul {
	  margin:25px 0px 25px 0;
	}

	.nav > li,
	.navbar-form {
		display:inline-block;
	}
}


#breakMenuMobile {
	display:block;
}

@media (min-width:768px) {
	#breakMenuMobile {
		display:none;
	}
}
@media (min-width:768px) and (max-width:991px) {
	#breakMenu {
		display:block;
	}
	#mainApplicationMenu > ul {
	  margin:25px -15px 0px 0;
	}
}

#mainMenu.navbar-fixed-top  #mainApplicationMenu > ul {
  margin:10px 0;
}

#mainMenu.navbar-fixed-top #mainApplicationMenu {
	padding-top:0;
}

#mainMenu.navbar-fixed-top #nav-social {
	display:none;
}

#mainMenu.navbar-fixed-top #headerLogo {
  height:55px;
  width:40px;
}

#mainApplicationMenu ul a {
  color:#000;
  background:#fff;
  border:none;
  padding:5px 0px;
  margin:0 15px;
  font-size:1.8rem;
  font-weight:500;
	position:relative;
	font-variant:small-caps;
}

#mainApplicationMenu ul a::after {
	display: block;
	position:absolute;
	content:"";
	bottom:0px;
	left:50%;
	height:3px;
	background:#000;
	width:0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

@media (min-width:768px) {
	#mainApplicationMenu #nav-social ul a {
		font-size:1.4rem !important;
	}

	#mainApplicationMenu ul li.active a::after,
	#mainApplicationMenu ul a:hover::after,
	#mainApplicationMenu ul a:focus::after {
		width:100%;
		left:0;
	}
}

#mainApplicationMenu > ul li:last-child a {
	margin-right:0;
}

#mainApplicationMenu ul ul {
	background:#fff;
	padding:2px 5px;
}

#mainApplicationMenu ul ul a {
	display:inline-block;
}

#mainApplicationMenu .navbar-nav > .open > a, 
#mainApplicationMenu .navbar-nav > .open > a:focus, 
#mainApplicationMenu .navbar-nav > .open > a:hover {
	background:#fff;
	color:#333;
}

#mainApplicationMenu .dropdown-menu {
	border:none;
	right:auto;
	border-radius:0;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > a > i {
	margin-left:5px;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -3px;
  margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

#mainApplicationMenu ul a:hover {
	color:#333;
	background:#fff;
}

@media (max-width:767px) {
	#mainApplicationMenu {
		padding:15px;
	}

  .dropdown-menu{
      display: block;
      position: static;
      background-color:transparent;
      border:0 none;
      box-shadow:none;
      margin-top:0;
      position:relative;
      width:100%;
  }

  .navbar-nav .dropdown-menu > li > a, 
  .navbar-nav .dropdown-menu .dropdown-header {
      padding:5px 15px 5px 5px;
  }

  .navbar-nav .dropdown-menu > li > a{
      line-height:20px;
  }

  .dropdown-submenu > .dropdown-menu {
  	left:15px;
  }

  #centerNavBar {
  	padding:0 10px;
  }
}

#searchBlock {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1039;
	background:rgba(255,255,255,0.3);
}

#searchBlock input {
	position:absolute;
	width:500px;
	height:100px;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-250px;
	font-size:3em;
	font-weight:300;
	color:#000;
	border:3px solid #000;
	box-shadow:none;
	border-radius:0px;
	background:rgba(255,255,255,0.8);
}

@media (max-width:767px) {
	#searchBlock input {
		width:80%;
		height:100px;
		left:10%;
		margin-left:0;
	}
}

#searchBttn {
	display:none;
}

.closeFullScreenBttn {
	display:block;
  position: absolute;
  right: 32px;
  top: 32px;
  width: 64px;
  height: 64px;
  opacity: 0.7;
  z-index:1040;
}

.closeFullScreenBttn:hover {
  opacity: 1;
}

.closeFullScreenBttn:before, .closeFullScreenBttn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 66px;
  width: 3px;
  background-color: #000;
}

.closeFullScreenBttn:before {
  transform: rotate(45deg);
}
.closeFullScreenBttn:after {
  transform: rotate(-45deg);
}


#mainContent > h1 {
	margin-top:0;
}

body.searchOpened #header,
body.searchOpened #body > .container,
body.searchOpened footer {
	-webkit-filter:blur(60px);
	filter:blur(60px);
}

body.searchOpened {
	overflow:hidden;
	padding-right:15px;
}
/************ BREADCRUMB *********/
.content-nav {
	margin: 5px 0;
}

.content-nav:after {
	clear:both;
	content:" ";
	display:table;
}

.content-nav .breadcrumb {
	display:inline;
	float:left;
}

.content-nav .pagination-holder {
	text-align:right;
}

.content-nav .pagination-holder .pagination {
	margin:0;
}

.pagination>li + li {
	margin-left:5px;
	display:inline-block;
}

.pagination>li>a, 
.pagination>li>span {
	color:#33303d;
	background:#fff;
	font-size:2rem;
	padding:5px 13px;
	border-radius:0;
	border:2px solid #fff;
}

.pagination>li:last-child>a, 
.pagination>li:last-child>span,
.pagination>li:first-child>a,
 .pagination>li:first-child>span {
	border-radius:0;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	background-color:#33303d;
	border-color:#33303d;
	color:#fff;
}

.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
	color:#33303d;
	background:#fff;
	border-color:#33303d;
}

.breadcrumb {
	border-radius:0;
	padding:5px 0;
	background:none;
	font-size:1.4rem;
	margin-bottom:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.breadcrumb li {
	display:inline;
	overflow:hidden;
	text-overflow:ellipsis;
}

.breadcrumb span {
	color:#888;
	font-weight:bold;
}

.breadcrumb a span {
	color:#000;
	font-weight:bold;
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
	text-decoration:none;
	border-bottom:3px solid #000;
}

.breadcrumb > li + li::before {
	content:"\f105";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;
	color:#000;
	top:1px;
	position:relative;
}

.centeredWidget {
	margin:0 auto;
	float:none;
}


/***********************/
/*******   TABS   ******/
/************************/
.nav-tabs {
	border:none;
	overflow:hidden;
}

.nav.nav-tabs > li > a {
	padding:10px 5px;
	border-radius:0;
	border:none;
	margin:0;
	color:#000;
	display:block;  
	margin-right: 0;
}

.nav.nav-tabs > li > a > span {
	position:relative;
}

.nav-tabs > li {
	margin-bottom:0;
}

.nav-tabs > li > a > i {
	width:1.5em;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color:#000;
	border:none;
}

.tab-content {
	padding:15px;
	background:#fff;
	border:none;
	border-top:none;
}

.tab-content ul {
	list-style:none;
	padding:0;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background:#000;
	color:#fff;
	border:none;
}


@media (max-width:768px) {
	.tabs-left {
		white-space:nowrap;
		overflow-y:hidden;
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
	}
	.tabs-left::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
	}

	.tabs-left > li {
	  float:none;
	  display:inline-block;
	  border:1px solid #ccc;
	}
	.nav.nav-tabs.tabs-left > li > a{
	  padding:5px 15px;
	}
}

@media (min-width:768px) {
	.tabs-left {
	  border-right:1px solid #000;
	}

	.tabs-left > li {
	  float: none;
	  margin-right: -1px;
	  display:block;
	}

	.tabs-left > li > a {
	  margin-right: 0;
	  display:block;
	}
}


/********************/
/**** WIDGET BOX ****/
/********************/

.likeWidgetCanvas a {
	font-size:1.8rem;
	display:inline-block;
	text-align:center;
	width:40px;
	height:40px;
	line-height:36px;
	border-radius:50%;
	transition:all 200ms ease;
}

.likeWidgetCanvas a:hover {
	border-color:#33303d;
}

.likeWidgetCanvas a + a {
	margin-left:10px;
}

.likeWidgetFacebook {
	color:#3b5998;
	border:2px solid #3b5998;
}

.likeWidgetTwitter {
	color:#00aced;
	border:2px solid #00aced;
}

.likeWidgetPinterest {
	color:#cb2027;
	border:2px solid #cb2027;
}

/**********************/
/*** ARTISTS LIST   ***/
/**********************/
#artistsIndexThumbs {
	display:none;
	margin-top:10px;
}

#artistsIndexThumbs .indexListItem {
	text-align:center;
	font-size:2rem;
	font-weight:400;
	margin:0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

#artistsIndexThumbs .indexListItem:hover {
	opacity:0.7;
	text-decoration:none;
}

#artistsIndexThumbs .indexListItem img {
	margin-bottom:15px;
	width:100%;
	height:auto;
}

#artistsIndexList ul {
	width:100%;
	padding:30px 0;
}

#artistsIndexList ul:after {
	clear:both;
	display:table;
	content:"";
}

#artistsIndexList li {
  float:left;
  display:block;
  width:50%;
}

#artistsListImgHolder {
	min-height:300px;
	padding-top:30px;
}

#artistsListImgHolder img {
	display:none;
	max-width:100%;
	height:auto;
}

.actionsBttns {
	font-size:1.4rem;
	padding:5px 0 15px;
}

.actionsBttns a {
	color:#888;
	font-weight:bold;

}
.actionsBttns a.active,
.actionsBttns a:hover,
.actionsBttns a:focus,
.actionsBttns a:active {
	border-bottom:3px solid #000;
	text-decoration:none;
	color:#000;
}
/*********************/
/*** GENERAL LAYOUT **/
/*********************/
.large-title {
	font-family:"Arial";
	font-weight:600;
	margin-top:0;
}

h5.widget-title {
	font-family:"Arial";
	font-weight:600;
	font-size:2rem;
	margin-top:10px;
}
/***********************/
/*** ARTIST PAGE       */
/***********************/
#artistPageTitle {
	font-weight:600;
	margin-top:0;
	margin-bottom:20px;
}

#artistTabs a {
	font-weight:bold;
	font-size:1.6rem;
	text-shadow:none;
}

@media (max-width:767px) {
	#artistPageTitle {
		padding-left:15px;
		text-align:center;
		margin-top:15px;
	}
}

@media (min-width:768px) {
	#artistTabs a {
		padding-left:15px;
	}
}

.artworks-carousel {
	margin:-15px;
}

.artworks-carousel .carousel-cell {
	width:50%;
}

@media (min-width:768px) {
	.artworks-carousel .carousel-cell {
		width:25%;
	}
}

.artworks-carousel .carousel-cell > figure {
	height:0;
	padding-bottom:100%;
	position:relative;
}

.artworks-carousel .carousel-cell > figure > span.shop {
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	height:20px;
	width:20px;
	border-radius:50%;
	background:#fff;
	text-align:center;
	z-index:1;
	border:1px solid rgba(0,0,0,0.2);
	font-size:10px;
	line-height:20px;
}

@keyframes placeHolderShimmer{
  0%{
      background-position: -200px 0
  }
  100%{
      background-position: 200px 0
  }
}

.artworks-carousel .carousel-cell > figure > a {
	position:absolute;
	top:15px;
	left:15px;
	right:15px;
	bottom:15px;
	overflow:hidden;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
}

.artworks-carousel .carousel-cell > figure > a.flickity-bg-lazyloaded {
  background-color: #dddddd;
	animation: none !important;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.artworks-carousel .carousel-cell > figure .newStar {
  background: #d00;  
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  position:absolute;
  top:15px;
  left:15px;
  z-index:3;
}

.artworks-carousel .carousel-cell > figure .newStar,
.artworks-carousel .carousel-cell > figure .newStar span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.artworks-carousel .carousel-cell > figure .newStar span {
  width: 100%;
  height: 100%;
  background: inherit;
  transform: rotate(45deg);
}

.artworks-carousel .carousel-cell > figure .newStar:before,
.artworks-carousel .carousel-cell > figure .newStar:after ,
.artworks-carousel .carousel-cell > figure .newStar span:before,
.artworks-carousel .carousel-cell > figure .newStar span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
  transform: rotate(30deg);
}

.artworks-carousel .carousel-cell > figure .newStar:after {
  transform: rotate(-30deg);
}

.artworks-carousel .carousel-cell > figure .newStar span:after {
  transform: rotate(30deg);
}
.artworks-carousel .carousel-cell > figure .newStar span:before {
  transform: rotate(-30deg);
}


.artworks-carousel .carousel-cell > figure .newStar {
  transform: rotate(-45deg);
}


.artistInnerList li {
	clear:both;
	margin-bottom:5px;
}

.listThumbnail {
	display:block;
	max-height:40px;
	float:left;
	margin-right:10px;
}

.videoListThumbnail {
	display:block;
	height:40px;
	width:40px;
	float:left;
	margin-right:10px;
	position:relative;
	overflow:hidden;
}

.videoListThumbnail img {
	position:absolute;
	top:0;
	left:0;
	height:40px;
	width:auto;
}

#artworks-grid .artwork:last-child {
	margin-bottom:0;
}

#artistDetails .tab-pane > h3 {
	font-weight:700;
	text-transform:uppercase;
	margin-top:0;
	padding-bottom:8px;
	margin-bottom:15px;
	margin-top:15px;
	border-bottom:1px solid #000;
}

@media (min-width:768px) {
	#artistDetails .tab-pane > h3 {
		display:none;
	}
}

#artistDetails {
	padding:0;
}

/***********************/
/*** EVENTS LIST    ****/
/***********************/
.events-sections {
	text-align:center;
}

.events-sections ol {
	list-style:none;
	margin:0 0 15px;
	padding:0;
}

.events-sections ol li {
	display:inline-block;
	position:relative;
}

.events-sections ol li + li:before {
	content:"-";
	display:inline;
	position:absolute;
	left:-5px;
	top:5px;
}

.events-sections ol li a {
	font-family:"Arial Black";
	display:block;
	padding:5px;
}

@media (min-width:768px) {
	.events-sections ol li a {
		padding:5px 10px;
	}
}

body.event span.time {
	display:block;
	margin-top:5px;
	font-size:1.6rem;
}

body.event .event-date {
	font-size:2rem;
}

#event-carousel {
	height:500px;
}

#event-carousel .carousel-cell {
  width: 100%;
  height: 100%;
  background: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow:hidden;
}

#event-carousel .carousel-cell img {
  display: block;
  max-height: 100%;
}

#event-carousel .carousel-nav {
	margin:30px 0;
}

#event-carousel .carousel-nav .carousel-cell {
  height: 80px;
  width: 80px;
  border:2px solid #fff;
  margin:0 5px;
}

#event-carousel .carousel-nav .carousel-cell:before {
  font-size: 50px;
  line-height: 80px;
}

#event-carousel .carousel-nav .carousel-cell.is-nav-selected {
  background: #ED2;
  border:2px solid #000;
}

body.event #event-images-list img {
	margin-bottom:15px;
	max-width:100%;
	width:100%;
	display:block;

}
/**********************/
/*    INDEX TITLES    */
/**********************/

.indexListItem time {
	display:inline-block;
}

.indexListItem h2 {
	margin:5px 0;
	font-size:1.6rem;
}

.indexListItem h2.txt-m {
	font-size:1.6em;
}

.indexListItem .l {
  word-wrap: break-word;
  overflow: hidden;
  min-height : 8rem;
  max-height : 8rem;
  line-height: 1.3em;
}

.indexListItem .l.l2 {
  max-height: 2.6em;
}

.indexListItem .l.l2m {
  min-height: 2.6em;
  font-size:1.6rem;
}

.indexListItem .l.l3 {
  max-height: 3.9em;
}

.indexListItem .l.l3m {
  min-height: 3.9em;
}

.indexListItem .l.l4 {
  max-height: 5.2em;
}

.indexListItem .l.l4m {
  min-height: 5.2em;
}

.indexListItem p.footer {
	margin-bottom:30px;
}

.indexListItem p.footer .btn {
	float:right;
}

/********************/
/*** ARTWORK PAGE ***/
/********************/
@media (max-width:767px) {
	#breadcrumb.artist ol li:nth-child(3):before {
		display:none;
	}
}

.btn.round.i i {
	width:1.4rem;
	height:1.4rem;
	display:inline-block;
}

#artworkViewZone {
	max-height:700px;
	margin:0 auto;
	display:inline-block;
	text-align:center;
	position:relative;
}

#artworkViewZone img {
	max-height:700px;
	display:block;
}

#artworksRightPanel {
	position:relative;
	padding-bottom:50px;
}

#artworkTitle {
	text-align:center;
	font-weight:200;
}

#artworkTitleZone {
	font-size:1em;
	line-height:1.2em;
}

#getModalArtworkForm {
	margin-top:20px;
}

#artworkMagnify {position: relative;margin-bottom:20px;}

#artworkMagnifyTool {
  width: 300px; height: 300px;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
  0 0 7px 7px rgba(0, 0, 0, 0.25), 
  inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  background-repeat:no-repeat;
  background-color:#fff;
  display: none;
  cursor: none;
  z-index:10000;
}

#scaledArtworkDisplayWrapper {
  position:fixed;
  background:#000;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:10500;
  display:none;
}

#scaledArtworkInfoBox {
	position:absolute;
	top:30px;
	left:30px;
	z-index:102;
	color:#fff;
  padding:5px;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.2);
}

#scaledArtworkDisplayWrapperLoader {
  position:absolute;
  top:50%;
  left:50%;
  width:32px;
  height:32px;
  margin-top:-16px;
  margin-left:-16px;
  background:url(../img/blackload.gif) no-repeat;
}

#scaledArtworkDisplayBackgroundImage {
  left:50%;
  top:50%;
  z-index:101;
  position:absolute;
  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
  -o-user-select: none; 
}

#scaledArtworkImage {
  position:absolute;
  left:50%;
  top:50%;
  z-index:102;
  box-shadow:0 10px 15px rgba(0,0,0,0.4);
  cursor:pointer;
  transition:box-shadow 200ms ease-in-out;
  display:none;
}

#scaledArtworkImage:hover {
  box-shadow:0 10px 20px rgba(0,0,0,0.5);
}

.applicationCloseBttn {
  position: fixed;
  right: 10px;
  top: 10px;
  width:4em;
  height:4em;
  z-index: 1000;
  text-align:center;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	border:1px solid transparent;
	border-radius:50%;
}

.applicationCloseBttn:hover {
	text-decoration:none;
	border:1px solid #000;
	background:rgba(255,255,255,0.1);
}

.applicationCloseBttn span {
  display:block;
  color:#fff;
  text-shadow:-1px 0 0 #000,1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;
  font-size:3em;
  transition:all 200ms ease-in-out;
  padding:5px;
  border-radius:100%;
  cursor:pointer;
  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
  -o-user-select: none; 
}

#scaledArtworkDisplayBackgroundImage {
  left:50%;
  top:50%;
  z-index:101;
  position:absolute;
  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
  -o-user-select: none; 
}

#scaledArtworkImage {
  position:absolute;
  left:50%;
  top:50%;
  z-index:102;
  box-shadow:0 10px 15px rgba(0,0,0,0.4);
  cursor:pointer;
  transition:box-shadow 200ms ease-in-out;
  display:none;
}

#scaledArtworkImage:hover {
  box-shadow:0 10px 20px rgba(0,0,0,0.5);
}

#scaledArtworkImage.png,
#scaledArtworkImage.png:hover {
	box-shadow:none;
}

#artworkShareLinksHolder {
	margin-top:50px;
}

#artworkShareLinksHolder h4 {
	font-size:1.6rem;
}

#artworkShareLinks a {
	font-size:28px;
	color:#666;
	opacity:0.9;
}

#artworkShareLinks a:hover {
	opacity:1;
}

#artworkShareLinks a + a {
	margin-left:10px;
}

#artworkShareLinks a.facebook i {
	color:#3b5998;
}

#artworkShareLinks a.twitter i {
	color:#55acee;
}

#artworkShareLinks a.pinterest i {
	color:#cb2027;
}

#artworkViews {
	margin-top:15px;
}

#artworkViews a {
	float:left;
	width:100px;
	height:100px;
	padding:10px;
	overflow:hidden;
	position:relative;
	display: flex;
	background:#fff;
}

#artworkViews a.active,
#artworkViews a:hover {
	padding:8px;
	border:2px solid #000;
}

#artworkViews .carousel-cell {
  width: 100px;
  height: 100px;
  margin-right: 10px;
}


#artworkViews .carousel-cell-image {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  object-fit: contain;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

#artworkViews .carousel-cell-image.flickity-lazyloaded,
#artworkViews .carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

#artworkViews .flickity-prev-next-button {
	border:1px solid #000;
}

#artworkViews .flickity-prev-next-button.previous {
	left:-20px;
}

#artworkViews .flickity-prev-next-button.next {
	right:-20px;
}

#artworkViews.is-dragging {
	pointer-events:none;
}

.flickity-button:focus {
	box-shadow:none;
}

.scaledModePinBttn {
  position:absolute;
  display:none;
  background:#f00;
  width:32px;
  height:32px;
  bottom:70px;
  left:43%;
  border-radius:100%;
  z-index:102;
  cursor:pointer;
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
}

#scaledModePinEndBttn {
  left:55%;
}

.owl-carousel h2 {
	display:block;
	line-height:1.5;
	font-size:1.8rem;
	font-weight:600;
	font-variant:small-caps;
	background:#fff;
	color:#000;
	padding:5px 0;
	margin:0;
}

@media (min-width:768px) {
	.owl-carousel h2 {
		line-height:1.5;
		font-size:3rem;
		text-align:center;
	}
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	display:block;
	position:absolute;
	top:100%;
	font-size:2rem;
	width:30px;
	height:30px;
	background:#fff;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:0 3px 5px rgba(0,0,0,0.1);
	border-radius:2px;
	text-align:center;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
  transition:all 200ms ease-in-out;
}

.owl-carousel.owl-with-dots .owl-nav .owl-next,
.owl-carousel.owl-with-dots .owl-nav .owl-prev {
	margin-top:-25px;
}

.owl-carousel .owl-nav .owl-next {
	right:0;
	left:auto;
}

.owl-carousel.gallery-widget .owl-nav .owl-prev {
	left:0px;
}
.owl-carousel.gallery-widget .owl-nav .owl-next {
	right:0px;
}

@media (min-width:768px) {
	.owl-carousel.gallery-widget .owl-nav .owl-prev {
		left:-30px;
	}
	.owl-carousel.gallery-widget .owl-nav .owl-next {
		right:-30px;
	}

	.owl-carousel .owl-nav .owl-next,
	.owl-carousel .owl-nav .owl-prev {
		top:50%;
		margin-top:-30px;
		font-size:4.1rem;
		width:60px;
		height:60px;
	}

	.owl-carousel.owl-with-dots .owl-nav .owl-next,
	.owl-carousel.owl-with-dots .owl-nav .owl-prev {
		margin-top:-47.5px;
	}
}

.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:hover {
	background:#f8f8f8;
	border:1px solid rgba(0,0,0,0.3);
	box-shadow:0 4px 15px rgba(0,0,0,0.2);
}

.owl-carousel .owl-item > div.item {
	position:relative;	
}

.owl-carousel .owl-item > div.item div {
  display:flex;
  align-items: center;
  overflow:hidden;
}

.owl-carousel .owl-item > div.item div.top {
	align-items:flex-start;
}

.owl-carousel .owl-item > div.item div.bottom {
	align-items:flex-end;
}

.owl-carousel .owl-item > div.item div > img {
	display:block;
  height: auto;
  width: 100%;
}

.owl-carousel .owl-item a:hover {
	text-decoration:none;
}

.owl-carousel .owl-dots {
	text-align:center;
	margin-top:10px;
}

.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #aaa;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background: #333;
}

#artworksNavigation {
	margin:0 0 15px 0;
}

#artworkMainDetailsZoneTitleArtist h1 {
	font-size:1.4rem;
	font-family:"Arial";
	font-weight:600;
	margin-top:0;
}

#artworkMainDetailsZoneTitleArtist h2 {
	font-size:1.6rem;
}

#relatedArtworkCarousel {
	overflow:hidden;
}

#artworkFormFullImg {
	max-height:300px;
	margin:0 auto;
}

body.lightBoxOpened {
	overflow:hidden;
}


#artworkLightBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1039;
  background: #000;
}

#artworkLightBoxHolder {
	position:relative;
	width:100%;
	height:100%;
	padding:10px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center;
}

#artworkLightBoxHolder img {
	max-width:100%;
	max-height:100%;
}

#artworkLightBox .closeFullScreenBttn:before, #artworkLightBox .closeFullScreenBttn:after {
  background-color: #fff;
}

/***************/
/**** EVENTS  **/
/***************/
.blockContainer img.eventImage {
	float:right;
	width:auto;
	height:auto;
	min-height:auto;
	max-height:100px;
	max-width:200px;
}
/***********************/
/** NEWSLETTER WIDGET **/
/***********************/
.newsletter-form input {
	display:inline-block;
	width:auto;
	vertical-align:top;
}

.newsletter-form {
	text-align:center;
	margin-bottom:30px;
}

.newsletter-title {
	text-align:center;
}

@media (min-width:768px) {
	.newsletter-form,
	.newsletter-title {
		text-align:left;
	}
}	
/************/
/* FOOTER   */
/************/
footer {
	padding:0 0 20px;
	margin-top:15px;
}

footer .upper-footer {
	border-top:1px solid #000;
	padding-top:15px;
	text-align:center;
}

footer .company-address {
	text-align:center;
}

@media (min-width:768px) {
	footer .upper-footer {
		text-align:left;
	}

	footer .company-address {
		text-align:right;
	}	
}

footer ul {
	list-style:none;
	padding:0;
}

footer ul li {
	display:block;
	margin:0 0 5px;
}


#footerLogo {
	text-align:center;
}

@media (min-width:768px) {
	footer ul li {
		display:inline-block;
		margin-right:15px;
	}	
	#footerLogo {
		text-align:right;
	}
}

#videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0; 
}

#videoWrapper iframe,
#videoWrapper object,
#videoWrapper embed,
#videoWrapper #video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:none;
}

/****************/
/******* SHOP ***/
/**************/
#categoriesMenuHolder {text-align: center;margin-bottom: 10px}



@media (min-width: 768px) {
	#categoriesMenu {
		display: flex;
	  flex-direction: row;
	  justify-content: center;
	}
}

@media (max-width: 767px) { 
	#categoriesMenu .dropdown-menu {
		display: none;
		position: absolute;
		background: #fff;
		width: auto;
	}

	#categoriesMenu li.dropdown.open .dropdown-menu {
		display: block;
	}
}

@media (min-width: 768px) { 
#categoriesMenu li.dropdown:hover ul.dropdown-menu {display: block;}
}

#categoriesMenu > li > a {
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0;
	margin: 0 10px;
	border-bottom: 3px solid transparent;
	border-radius: 0;
}

#categoriesMenu > li > a:hover {
	background: none;
	border-bottom: 3px solid #000;
}

#categoriesMenu .dropdown-menu {
	border: none;
	margin-top: 0;
}

#categoriesMenu .dropdown-menu li > a {
	color: #000;
	font-size: 1.4rem;
}

@media (min-width: 768px) {
	#categoriesMenu > li > a {
		font-family: "Arial Black";
	}

	#categoriesMenu .dropdown-menu li > a {
		font-family: "Arial Black";
	}
}

#categoriesMenu .dropdown-menu li > a:hover {
	background: #000;
	color: #fff;
}

#itemsListing > li .itemThumbnail {
	display: block;
	padding-top: 75%;
	position: relative;
	background-size: auto 100%;	
}

#itemsListing > li img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
#productsListing > li > div {
	padding:15px;
	background:#fafafa;
  min-height:550px;
}

#productsListing > li > div p.text-center span.btn,
#productsListing > li > div p.text-center a {
  margin-top:10px;
}

#productsListing > li div.itemThumbnail {
	min-height:150px;
  position:relative;
}

#productsListing.v2021 > li div.itemThumbnail {
	margin-bottom: 30px;
	min-height:300px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#productsListing > li img {
	margin:0 auto;
	max-height:150px;
	width:auto;
	display:block;
}


#productsListing.v2021 > li img {
  position:absolute;
  top:0;
  left:0;
	width: 100%;
	height: 100%;
	max-height: 300px;
	margin: 0 auto;
	object-fit: contain;
  transition:all 500ms ease;
}

#productsListing.v2021 > li img.image-rollover {
  opacity:0;
}

#productsListing.v2021 > li:hover img {
  opacity:0;
} 

#productsListing.v2021 > li:hover img.image-rollover {
  opacity:1;
}



#productsListing.v2021 {
  display:grid;
  grid-template-columns: repeat(1, 1fr);
  gap:30px;
}

@media (min-width:768px) {
  #productsListing.v2021 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width:992px) {
  #productsListing.v2021 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width:1200px) {
  #productsListing.v2021 {
    grid-template-columns: repeat(4, 1fr);
  }
}

#productsListing.v2021 h2.v2021 {
	/*font-size: 1.4rem;
	font-weight: bold;*/
  min-height:40px;
}

.product-title {
	font-size: 20px;
}

#productsListing > li {
	margin-bottom:30px;
}

.alert-expo {
	background:#000;
	color:#fff;
	margin-bottom:10px;
}

/*******************/
/**   NPROGRESS  ***/
/** AJAX LOAD BAR **/
/*******************/
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #000;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 5px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #000, 0 0 5px #000;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #000;
  border-left-color: #000;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


div.blockContainer img {
	max-width: 100%;
	height: auto;
}
/**********************/
/**** NEWS ***/
/*********************/
a.list-group-item:after {
	display:table;
	content:" ";
	clear:both;
	zoom:1;
}

a.list-group-item img {
	margin:0 10px 10px 0;
}


canvas.highlight {
  position: absolute;
  z-index:99999;
  display: block;
  top: 0;
  left: 0;
  opacity: 0.8;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
  -webkit-animation: canvasFade 250ms ease;
  animation: canvasFade 250ms ease;
}
@-webkit-keyframes canvasFade {
  from { opacity: 0; }
  to { opacity: 0.5; }
}
@keyframes canvasFade {
  from { opacity: 0; }
  to { opacity: 0.5; }
}


/*****************/
/**   CART      **/
/*****************/

@media (max-width: 480px) {
	.form-buttons.cart-modal {
		text-align: center;
	}

	.form-buttons.cart-modal button {
		float: none !important;
		margin-bottom: 15px;
	}
}

.cart-thumbnail {
	max-width:50px;
	height:auto;
	float:left;
	margin-right:10px;
}

@media (min-width:992px) {
	.cart-thumbnail {
		max-width:100px;
		height:auto;
		float:left;
		margin-right:10px;
	}
}

.cartItemDetails div {
	clear:both;
}

th.cartPriceColumn {
	min-width:70px;
}

@media (min-width:768px) {
	.cartItemDetails div {
		clear:none;
	}
}

.spinner {
  width: 50px;
  margin-top:-5px;
}

.spinner input {
  text-align: right;
  padding:5px;
  height:30px;
  border:2px solid #33303B;
}

.spinner input:focus {
  text-align: right;
  padding:5px;
  height:30px;
  border:2px solid #33303B;
}

.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding:6px 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}

#cartGrandTotalLine {
	font-weight:700;
	padding-top:15px;
}
#cartGrandTotalLineWithDiscount {
  font-weight:700;
}

#shoppingCartTable {
	margin-bottom:0;
}

#shoppingCartTable td,
#shoppingCartTable th {
	padding:5px 5px;
}

#shoppingCartTable tbody > tr:first-child td {
	padding-top:15px;
}

#shoppingCartTable td {
	border-bottom:none;
	border-top:none;
}

#shoppingCartTable .detailsItemTr td {
 border:none;
}

#shoppingCartTable .detailsItemTr td.cartItemDetails {
	max-width:110px;
}

#shoppingCartTable tbody.cartItem.unavailable {
	background:#f2dede;
}

#shoppingCartTable .deliveryPriceLine,
#shoppingCartTable .relatedPriceLine {
  vertical-align:middle;
  text-align:right;
}

@media (max-width:768px) {
	.personalizationItemTr .btn,
	.relatedItemTr .btn {
		font-size:1rem;
		white-space:normal;
	}

  #shoppingCartTable .personalizationItemTr small,
  #shoppingCartTable .relatedItemTr small {
    display:block;
    margin-top:3px;
  }

  #shoppingCartTable .deliveryPriceLine,
  #shoppingCartTable .relatedPriceLine {
    vertical-align:top;
  }
}

#shoppingCartTable .deliveryPriceLine {
	vertical-align:top;
	padding-top:40px;
}

#shoppingCartTable .item-price {
	text-align:right;
}

#shoppingCartTable .spacer td {
	border:none;
}

#orderCheckoutPage .paymentMethodsList a {
	text-align:left;	
	display:block;
	min-height:64px;
	padding-left:6px;
}

#orderCheckoutPage .paymentMethodsList a p {
	margin:0;
	font-size:1.8rem;
}

#orderCheckoutPage .paymentMethodsList a small {
	text-transform:none;
	display:block;
	font-size:1rem;
	white-space:normal;
}

#orderCheckoutPage .paymentMethodsList a input {
	display:none;
}

#orderCheckoutPage .paymentMethodsList .paymentMethodLogo {
	max-width:48px;
	max-height:48px;
	margin-right:10px;
	float:left;
}

#orderCheckoutPage .paymentMethodsList img {
	max-width:48px;
	max-height:48px;
}

#responsePaymentZone {
	display:block;
	margin-left:auto;
	text-align:right;
	max-width:360px;
}

#responsePaymentZone i.fa-spin {
	color:#2E7D32;
	position:relative;
	top:1px;
	right:3px;
}


#pageContentContainer img {
	max-width:100% !important;
	height:auto !important;
}


.dl-horizontal.shop dt {
	width:auto;
}

.dl-horizontal.shop dd {
	margin-left:0;
}

.dl-horizontal.shop dt + dd {
	margin-left:150px;
}

#newHome {
	padding-bottom:30px;
}

#newHome .col-sm-12,
#newHome .col-sm-8,
#newHome .col-sm-4 {
	padding:0;
}

#newHome .bloc {
	padding-top:100%;
	height:0;
	position:relative;
}

#newHome .bloc > .flex {
	display: flex;
}

#newGrid > div {
	padding:0;
}

#newHome .flex .bottom {
  align-self: flex-end;
}

#newGrid h2,
#newGrid h3 {
	text-transform:uppercase;
	font-size:2.4rem;
	padding:6px 12px;
	margin:15px;
	background:#fff;
	display:inline-block;
}

@media (min-width:768px) {
	#newGrid h2,
	#newGrid h3 {
		font-size:2.8rem;
	}
}

#newGrid h4 {
	font-size:2rem;
	padding:6px 12px;
	margin:0;
	background:#fff;
	display:inline-block;
	position:absolute;
	bottom:15px;
	right:15px;
}

#newGrid > div .inner {
	position:relative;
	overflow:hidden;
}

#newGrid > div .inner a:not(.btn) {
	display:block;
	width:100%;
	height:100%;
}

#newGrid > div .inner.image {
	background-size:cover;
}

#newGrid > div .inner.image > img {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:-1;
  -webkit-transition:all 400ms ease;
  -o-transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  transition:all 400ms ease;
}

#newGrid > div .inner.image:hover > img {
	transform:scale(1.05);
	opacity:0.8;
}

#newGrid > div .inner.right {
	text-align:right;
}

#newGrid > div .innerContent {
	position:absolute;
	right:15px;
	bottom:15px;
}

@media (min-width:768px) {
	#newGrid > div .innerContent {
		max-width:30%;
	}
}

#newHome .bloc  > div {
	border:1px solid #000;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:15px;
}

#newHome .bloc-12 {
	padding-top:50%;
}

#newHome .bloc-13 {
	padding-top:33%;
}

/*
@media (min-width:768px) {
	#newHome .bloc-12 {
		padding-top:50%;
	}

	#newHome .bloc-13 {
		padding-top:33%;
	}
}
*/

footer.new {
	padding-top:50px;
	padding-bottom:50px;
}

footer.new,
footer.new a {
	color:#fff;
	line-height:1.8;
}

footer.new h5 {
	text-transform:uppercase;
	font-size:2rem;
}

@media (max-width:767px) {
	#vision,
	#newsletterhome {
		margin-top:45px !important;
	}

	#newsletterhome {
		margin-top:75px !important;
	}

}

#sideResponse {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:10;
}

#sideResponseInner {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:300px;
  background:#fff;
  transform:translateX(100%);
  transition:all 300ms ease;
  border-left:1px solid #000;
}

#sideResponse.in #sideResponseInner {
  transform:translateX(0);
}

#sideResponseTitle {
  position:relative;
  height:50px;
  width:100%;
  background:#000;
  display:flex;
  text-align:center;
  align-items: center;
  justify-content: center;
}

#sideResponseTitle button {
  position: absolute;
  right: 15px;
  top: 2px;
  width: 32px;
  height: 32px;
  opacity: 1;
  text-indent:-99999px;
  background:none;
  border:none;
  -webkit-appearance:none;
}

#sideResponseTitle button:before,
#sideResponseTitle button:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #fff;
  transform: rotate(45deg);
}

#sideResponseTitle button:after {
  transform: rotate(-45deg);
}
#sideResponseTitle h2 {
  color:#fff;
  font-size:2rem;
  text-align:center;
  padding:15px;
  margin:0;
}

#sideResponseContent {
  background:#fff;
  padding:15px;
  display:flex;
  flex-direction: column;
  height:calc(100% - 150px);
  width:100%;
  overflow-y:scroll;
  z-index:0;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

#sideResponseContent .btn {
  white-space:break-spaces;
  width:100%;
}

#sideResponseFooter {
  height:100px;
  width:100%;
  display:flex;
  text-align:center;
  align-items: center;
  justify-content: center;
}