/**
 * @package Image Verte Custom Canvas
 * @version 1.0.0
 */
/*
Plugin Name: Image Verte Custom Canvas
Plugin URI: 
Description: Users can upload, crop and buy custom canvas.
Author: Loïc Haas
Version: 1.0.0
Author URI: http://www.haas-info.com/
*/

@import url('https://fonts.googleapis.com/css?family=Raleway%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C200italic%2C300italic%2C400italic%2C500italic%2C600italic%2C700italic%2C800italic%2C900italic%7CCabin%20Sketch%3A400%2C700%7CRaleway%3A800%2C500%2C400%7CRoboto%3A400&subset=latin&display=swap');.float-right {
	float: right;
}

.float-right {
	float: right !important;
}

.float-left {
	float: left !important;
}

#iv-canvas {
	color: #454548;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	margin-bottom: 120px;
	display: none;
}

.iv-h1 {
	font-weight: 700;
	font-size: 30px;
	line-height: 33px;
	margin-bottom: 0;
	color: #454548;
	font-family: Raleway, Arial, Helvetica, sans-serif;
}

.iv-h3 {
	font-weight: 300;
	font-size: 30px;
	line-height: 33px;
	margin-bottom: 0;
	color: #5cac22;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

.iv-p {
	font-size: 14px;
	font-weight: 400;
	font-family: Raleway, Arial, Helvetica, sans-serif;
}

.iv-option {
	font-size: 22px;
	font-weight: 700;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	color: #454545;
	text-transform: uppercase;
}

.iv-option2 {
	font-size: 22px;
	font-weight: 700;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	color: #454545;
}

.iv-option2 .iv-option-link {
	margin-top: 8px;
	float: inherit;
}

.iv-calculator {
	background-color: #5cac22;
	color: #FFFFFF;
	padding: 40px 25px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
}

.iv-calculator .iv-label-container {
	text-align: center;
}

.iv-calculator .iv-label-container:nth-child(odd) {
	margin-bottom: 40px;
}

.iv-calculator .iv-label-container span {
	font-size: 25px;
}

.iv-calculator label {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.iv-calculator input {
	width: 60%;
	border: none;
    font-size: 25px;
    background: rgba(255, 255, 255, 0.1);
    font-weight: 800;
    text-align: center;
    padding: 0;
    height: 40px;
    margin: 0 auto;
}

#iv-steps {
	margin-top: 40px;
	position: relative;
}

#iv-steps .current-info {
	display: none;
}

#iv-steps .steps ul li {
	float: left;
	width: 50%;
	/*width: calc(100% / 3);*/
	text-align: center;
	margin-bottom: 20px;
}

#iv-steps .steps ul li a {
	text-transform: uppercase;
	font-weight: 400;
}

#iv-steps .steps ul li.current a {
	text-transform: uppercase;
	font-weight: 700;
	color: #5cac22;
}

#iv-steps .steps ul li.done a {
	text-transform: uppercase;
	font-weight: 700;
	color: rgba(92, 172, 34, 0.4);
}

#iv-steps .steps ul li a:hover {
	text-decoration: none;
}

#iv-steps .steps ul li .number {
	background-color: #f7f7f7;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #ECECEC;
	display: block;
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	font-weight: 700;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

#iv-steps .steps ul li.current .number {
	background-color: #5cac22;
	border-color: #5cac22;
	color: #FFFFFF;
	border-radius: 0px;
}

#iv-steps .steps ul li.done .number {
	background-color: rgba(92, 172, 34, 0.4);
	border-color: #e9E9E9;
	color: #FFFFFF;
	border-radius: 0px;
}

#iv-steps .actions {
	/*margin-top: 32px;*/
	margin-top: 8px;
}

#iv-steps .actions ul li {
	float: right;
}

#iv-steps .actions ul li:first-child {
	float: left;
}

#iv-steps .actions ul li a {
	padding: 15px 30px;
	background-color: #5cac22;
	border: 1px solid #5cac22;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 18px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
}

#iv-steps .actions ul li:first-child a {
	font-weight: 400;
}

#iv-steps .actions ul li.disabled {
	display: none;
}

#iv-steps .actions ul li a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #5cac22;
}

#iv-steps .content .title {
	display: none;
}

#iv-steps .content .body {
	width: 100%;
	/*background-color: #f7f7f7;*/
	background-color: #ffffff;
	padding: 10px 15px 15px 15px;
	min-height: 500px;
}

#iv-steps .dropzone {
	border: 2px dashed #5cac22;
	border-radius: 12px;
	/*margin-bottom: 40px;*/
}

#iv-steps input[type="radio"] {
	float: left;
	height: 34px;
	margin-right: 10px;
}

#iv-steps #iv-step1-url.ok {
	border: 3px solid #5cac22;
}

#iv-steps #iv-step1-url.nok {
	border: 3px solid darkred;
}

#iv-step1-search-results {
	float: left;
	width: 100%;
}

#iv-step1-search-results li {
/*	position: relative;
  width: calc(100% / 4);
  display: table;
  float: left;*/
}

#iv-step1-search-results .basel-buttons {
	z-index: 0;
}

.iv-steps-loader {
	display: none;
	float: right;
	height: 50px;
  margin-right: 40px;
  margin-top: 10px;
}

/*.iv-search-item {
	width: calc(100% / 4);
	margin-bottom: 5px;
	float: left;
	height: 158px;
	-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  cursor: pointer;
}

.iv-search-item:nth-child(4n+1),
.iv-search-item:nth-child(4n+2),
.iv-search-item:nth-child(4n+3) {

	width: calc(100% - 5px);
	margin-right: 5px;
}*/

.iv-search-item.checked {
	border: 4px solid #5cac22;
	/*box-shadow: rgba(255, 0, 0, 0.5) 0px 0px 0px 3px inset;*/
}

#iv-steps #iv-step1-url {
	margin-bottom: 40px;
}

#iv-step1-url-preview {
	display: none;
	margin-top: -25px;
	width: 180px;
	height: 118px;
	margin-bottom: 15px;
	-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.iv-search-loader {
	display: none;
	margin: 0 auto;
	height: 40px;
}

.iv-error {
	display: none;
	width: 100%;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  position: relative;
  padding: 10px 15px;
  margin-bottom: 10px;
  margin-top: 5px;
  float: left;
}

.iv-app .iv-app-dimension input {
	padding-left: 30px;
	padding-right: 20px;
	font-weight: 700;
	text-align: center;
	font-size: 12px;
}

.iv-app .iv-app-dimension .fa {
	position: absolute;
	margin: 10px 6px;
	color: #9b9b9b;
	font-size: 20px;
	width: 20px;
	text-align: center;
}

.iv-app .iv-app-dimension .cm {
	position: absolute;
	top: 0px;
  margin: 9px 6px;
  color: #9b9b9b;
  font-size: 14px;
  text-align: center;
  right: 15px;
  font-weight: 700;
  font-family: Raleway, Arial, Helvetica, sans-serif;
}

.cr-slider::-webkit-slider-thumb,
.cr-slider::-moz-range-thumb,
.cr-slider::-ms-thumb {
	background: #5cac22 !important;
}

.iv-zoom {
	font-size: 14px;
  font-weight: 700;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  position: absolute;
  bottom: 14px;
}

#iv-crop {
	visibility: hidden;
	border: 1px solid rgba(129,129,129,.25);
}

.cr-boundary {
	border-bottom: 1px solid rgba(129,129,129,.25);
	margin-left: 1px;
}

.iv-app-loader {
	display: none;
	position: absolute;
  top: 2px;
  left: calc(50% - 20px);
	height: 40px;
  margin-top: -6px;
}

.iv-app-dimension input.error {
	border: 3px solid darkred;
}

.iv-app-size-info {
	text-align: center;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.iv-app-error {
	display: none;
}

.iv-zoom-btn {
	position: absolute;
	bottom: 1px;
	left: 16px;
	display: none;
}

.iv-mirror-btn {
	position: absolute;
	bottom: 1px;
	right: 16px;
	display: none;
}

.croppie-container .cr-slider-wrap {
	margin: 10px 10px 11px auto;
	width: 60%;
}

#iv-app-fullsize,
#iv-app-margin,
#iv-app-tenant,
#iv-app-les {
	float: left;
	height: 22px;
	/*width: 22px;*/
}

.iv-app-les span,
.iv-app-tenant span {
  font-weight: 400;
  font-size: 13px;
  margin-left: 18px;
	float: left;
	width: 100%;
}

#iv-steps-p-1 .col-md-4 {
	/*border-left: 2px solid #FFFFFF;*/
	border-left: 2px solid #ececec;
}

#iv-steps-p-1 .col-md-4:first-child {
	border: none;
}

#iv-steps-p-1 #iv-app-margin-option1,
#iv-steps-p-1 #iv-app-margin-option2 {
	float: left;
	height: 22px;
	/*width: 22px;*/
	margin-left: 25px;
}

#iv-steps-p-1 input[type="radio"] {
    height: 21px !important;
    margin-right: 5px !important;
}

.iv-app-margin-option1 {
	margin-bottom: 25px;
}

#iv-app-margin-option1,
.iv-app-margin-option1 {
	display: none;
}

label.iv-app-fullsize,
label.iv-app-les,
label.iv-app-tenant,
label.iv-app-margin-option1,
label.iv-app-margin-option2,
label.iv-app-margin {
	font-size: 14px;
  font-weight: 700;
  font-family: Raleway, Arial, Helvetica, sans-serif;
}

.iv-app .croppie-container .cr-viewport {
	border: 2px solid #5cac22;
}

.iv-les {
	width: 100%;
	float: left;
}

.iv-les-item.vertical {
	border-right: 1px dotted black;
	float: left;
}

.iv-les-item.horizontal {
	border-bottom: 1px dotted black;
	float: left;
}

#iv-app-comment {
	resize: vertical;
	max-height: 200px;
}

.iv-step1-photo-gallery {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

#iv-step1-photo-gallery-categories,
#iv-step1-photo-gallery-items {
	display: none;
	float: left;
	width: 100%;
/*	max-height: 556px;
  overflow: auto;*/
}

#iv-step1-photo-gallery-categories li,
#iv-step1-photo-gallery-items li {
	width: calc(100% / 4);
	margin-bottom: 5px;
	float: left;
  cursor: pointer;
}

#iv-step1-photo-gallery-categories li .iv-item,
#iv-step1-photo-gallery-items li .iv-item {
	width: 100%;
	height: 158px;
	-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

#iv-step1-photo-gallery-categories li:nth-child(4n+1),
#iv-step1-photo-gallery-categories li:nth-child(4n+2),
#iv-step1-photo-gallery-categories li:nth-child(4n+3),
#iv-step1-photo-gallery-items li:nth-child(4n+1),
#iv-step1-photo-gallery-items li:nth-child(4n+2),
#iv-step1-photo-gallery-items li:nth-child(4n+3) {
	width: calc(100% / 4 - 5px);
	margin-right: 5px;
}

#iv-step1-photo-gallery-categories span,
#iv-step1-photo-gallery-items span {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 14px;
  font-weight: 700;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  overflow: hidden;
  white-space: nowrap;
}

#iv-step1-photo-gallery-items .checked {
	border: 4px solid #5cac22;
}

.iv-step1-photo-gallery-back {
	display: none;
	margin-top: 20px;
	float: left;
	width: 100%;
}

.iv-pagination {
	margin-top: 10px;
	float: right;
}

.iv-pagination li {
	float: left;
  color: #454545;
  font-weight: 500;
  font-size: 24px;
  font-family: Raleway, Arial, Helvetica, sans-serif;
}

.iv-pagination li.prev,
.iv-pagination li.next {
	padding: 3px 6px;
  /*background-color: #5cac22;*/
  /*border: 1px solid #5cac22;*/
}

.iv-pagination li.prev:hover,
.iv-pagination li.next:hover {
	/*background-color: rgba(92, 172, 34, 0.4);*/
	/*border-color: rgba(92, 172, 34, 0.4);*/
}

.iv-pagination li.prev:hover a,
.iv-pagination li.next:hover a {
	color: #5cac22;
}

.iv-pagination li a {
	color: #454545;
}

.iv-pagination li a:hover {
	text-decoration: none;
}

.iv-pagination li.page {
	padding: 1px 6px;
  /*border-top: 1px solid rgba(129,129,129,.25);*/
  /*border-bottom: 1px solid rgba(129,129,129,.25);*/
}

.iv-pagination li.page a {
	color: rgb(69, 69, 72);
}
.iv-pagination li.page a:hover {
	cursor: default;
}

.iv-pagination li.disabled {
  /*background-color: #ececec;*/
  /*border: 1px solid #ececec;*/
}

.iv-pagination li.disabled:hover {
  /*background-color: #ececec;*/
	/*border-color: #ececec;*/
}

.iv-pagination li.disabled a {
  color: #ffffff;
}

.iv-pagination li.disabled a:hover {
  cursor: default;
  color: #ffffff !important;
}

.iv-option-desc {
	text-align: justify;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.iv-option-desc strong span {
	color: #5cac22;
}

.iv-option-add {
	margin-bottom: 10px;
}

.iv-option-add input {
	float: left;
	height: 22px;
	/*width: 22px;*/
	margin-right: 5px;
}

.iv-option-add label {
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #5cac22;
}

.iv-option-add label .iv-option-link {
	float: none;
	margin-left: 5px;
  padding: 5px;
}

.iv-section {
	border-top: 30px solid #e9e9e9;
	padding-top: 10px;
}

/* CUSTOM RADIO BUTTON */
.iv-option {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.iv-option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ddd;
  margin-top: 4px;
}

.iv-option:hover input ~ .checkmark {
  background-color: #ccc;
}

.iv-option input:checked ~ .checkmark {
  background-color: #5cac22;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.iv-option input:checked ~ .checkmark:after {
  display: block;
}

.iv-option .checkmark:after {
  left: 10px;
  top: 6px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* END CUSTOM RADIO BUTTON */

.iv-option-link {
	float: right;
	background-color: #5cac22;
	color: #ffffff;
  padding: 0px 5px;
	font-size: 12px;
	margin-top: 3px;
}

.iv-option-link:hover {
	background-color: rgba(92, 172, 34, 0.4);
	color: #ffffff;
	text-decoration: none;
}

.iv-shadow {
	width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999999999;
  display: none;
}

.iv-shadow img {
	position: absolute;
	height: 50px;
	width: 50px;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}

.iv-shadow .iv-shadow-txt {
  position: absolute;
  font-weight: 500;
  width: 100%;
  top: calc(50% + 30px);
  left: 0px;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #5cac22;
  text-align: center;
}

.iv-shadow .iv-shadow-back {
	text-transform: inherit;
  position: absolute;
  left: calc(50% - 100px);
  top: calc(50% + 82px);
  display: none;
}

.iv-shadow .iv-shadow-back:hover {
	text-decoration: none;
}

#iv-search-color label {
	float: left;
	margin-right: 5px;
}

#iv-search-color li {
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	border: 2px solid #ffffff;
}

#iv-search-color li.selected {
	border-color: #5cac22;
}

.iv-search-selector {
	float: left;
	margin-bottom: 14px;
}

#iv-search-type {
	margin-right: 20px;
}

.iv-search-selector label {
	float: left;
	margin-right: 10px;
}

.iv-search-selector li {
	float: left;
	margin-right: 5px;
}

.iv-search-selector li input {
	float: left;
	margin-right: 5px !important;
	height: 22px !important;
}

.iv-search-selector li label {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}

#iv-search-color li.iv-search-color-none {
	border: none;
}

.iv-search-color-none i {
	color: #5cac22;
	font-size: 19px;
}

.iv-form input {
	margin-bottom: 15px;
}

.iv-form input.error {
  border: 3px solid darkred;
}

.iv-form .error-message {
	color: darkred;
	margin: -16px 0px 0px 0px;
  font-weight: 700;
}

.iv-form textarea {
	resize: vertical;
	min-height: 95px;
}

.iv-form-upload {
	background-color: #f7f7f7;
  padding: 10px 15px;
  margin-bottom: 25px;
}

.iv-form-upload .iv-option,
.iv-api .iv-option {
	padding-left: 0px;
}

.iv-search-block {
	width: 50%;
	margin: 0 auto;
	margin-top: calc(430px / 2 - 25px);
}

.iv-search-block p {
	color: #FFFFFF;
	text-align: center;
	font-weight: 300;
	font-size: 30px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	padding-top: 150px;
}

.iv-api-search {
	height: 430px;
	background: url('../img/api-bg.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  display: table;
}

.iv-api-search h4 {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 24px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: calc(430px - 40px);
	height: 80px; 
	width: 100%;
	line-height: 80px;
	text-align: center;
	margin-bottom: 0px;
}

.iv-api-search h4 strong {
	color: #5cac22;
}

.iv-search-keyword {
	margin: 0 auto;
	text-align: center;
	-webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.4);
	display: table;
	width: 100%;
}

.iv-search-keyword button,
.iv-search-keyword input {
	height: 50px;
	font-size: 18px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

#iv-steps #iv-step1-keyword {
	width: calc(100% - 70px);
	float: left;
}

.iv-api #iv-step1-keyword {
	border-color: #FFFFFF;
}

#iv-steps #iv-step1-search {
	width: 70px;
	float: left;
}

.iv-search-keyword button {
	background-color: #5cac22;
	border-color: #5cac22;
	color: #FFFFFF;
	text-transform: capitalize;
}

.iv-search-keyword button:hover {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #5cac22;
}

#iv-api-send,
#iv-api-form {
	display: none;
}

.iv-api-container {
	/*background-color: #f7f7f7;*/
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
	display: none;
	min-height: 606px;
}

#iv-api-send {
	margin: 15px;
}

#iv-search-color {
  float: left;
  margin-right: 20px;
  margin-bottom: 14px;
}

.iv-api-filters {
	display: table;
	margin: 0;
}

.iv-api .iv-api-filters  {
	margin: 0 auto;
}

.primary-button {
	padding: 15px 30px;
	background-color: #5cac22;
	border: 1px solid #5cac22;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 18px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	text-transform: inherit;
}

.primary-button:hover {
	background-color: #ffffff;
	color: #5cac22;
	border: 1px solid #5cac22;
}

#preview {
  position: absolute;
  top: -50px;
  /*border: 5px solid #fff;*/
  background: #5cac22;
  padding: 5px;
  display: none;
  /*border-radius:5px;*/
  color: #fff
}

.iv-recadrage #iv-steps .actions li:first-child {
	display: none;
}

.iv-recadrage .steps ul {
	display: none;
}

.iv-perso .iv-section {
	display: none !important;
}

#iv-canvas {
	/*background-color: #e9e9e9;*/
	background-color: #ffffff;
	padding-bottom: 31px !important;
}

.iv-api {
	/*background-color: #e9e9e9;*/
	background-color: #ffffff;
	display: grid;
}

.iv-api-container {
	margin-top: 30px;
	margin-bottom: 30px !important;
}

.iv-form .iv-section {
	border-color: #FFFFFF !important;
}

.iv-api-tunnel {
	padding-right: 15px;
	margin-top: 30px;
	margin-bottom: 0px;
	display: none;
}

#iv-steps-p-0 {
	min-height: auto !important;
}

.iv-api-tunnel-title {
	display: none;
}

.iv-page-recadrage .steps {
	display: none;
}

.iv-page-recadrage #iv-steps {
	margin-top: 0px !important;
}

.iv-wall-warning {
	display: none;
  font-size: 12px;
  font-weight: bold;
}

.grid {
	padding-left: 5px;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-sizer,
.grid-item {
  width: calc(20% - 10px);
}

.grid-item {
  float: left;
  /*border: 1px solid rgba(0, 0, 0, 0.1);*/
  border: 1px solid #FFFFFF;
  margin-bottom: 5px;
}

.grid-item img {
  display: block;
  width: 100%;
}

.grid-item .iv-search-item:hover:after {
  opacity: 1;
}
.grid-item .iv-search-item:after {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  box-shadow: inset 0px 0px 150px black;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.grid-item .iv-search-item .desc {
	opacity: 0;
	position: absolute;
	bottom: 0;
	color: #FFFFFF;
	transition: opacity 0.3s ease-in-out;
	z-index: 999;
	padding: 10px;
	line-height: 16px;
	text-align: justify;
}

.grid-item .iv-search-item:hover .desc {
	opacity: 1;
}

.iv-search-item {
	display: block;
}

.iv-search-paginate-container {
	padding-top: 30px;
	clear: both;
  display: block;
  margin-bottom: 120px;
}

.iv-search-paginate-container button {
	position: absolute;
  left: calc(50% - 64px);
  margin-top: 0px !important;

  margin: 30px auto 0px auto;
  padding: 15px 30px;
  background-color: #5cac22;
  border: 1px solid #5cac22;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase !important;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  text-transform: inherit;
  border-color: #5cac22 !important;
}

.iv-search-paginate-container button:hover {
    background-color: #ffffff;
    color: #5cac22;
}

.iv-canvas-steps {
	color: #ffffff;
	background-color: #5cac22;
	font-size: 36px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 48px;
	height: 48px;
	text-align: center;
	display: block;
	float: left;
	margin-right: 10px;
	font-weight: 400;
	line-height: 48px;
}

.iv-option2 {
	line-height: 48px;
  border-bottom: 2px solid #5cac23;
}

#iv-canvas .reseau:before {
	z-index: 998;
	left: -80px;
}

#iv-canvas .reseau {
	height: 86px;
	padding: 15px 0px;
}

#iv-canvas-title {
	/*display: none;*/
	padding: 0px 15px;
}

#iv-steps-p-1 .col-md-4 {
	border: none;
}

.iv-coupes,
.iv-poses {
  margin-top: 15px;
  margin-bottom: 5px;
}

.iv-coupe {
	display: table;
	margin-bottom: 10px;
}

.iv-pose {
	margin-bottom: 10px;
}

label.iv-app-les,
label.iv-app-pose {
	font-size: 15px;
}

.iv-option-link {
  background-color: #5cac22;
  color: #ffffff;
  padding: 3px 5px;
  font-size: 11px;
  margin-top: 5px;
  margin-left: 5px;
  font-weight: bold;
	position: absolute;
	right: 15px;
	top: 10px;
}

.iv-pose strong {
 	text-transform: uppercase;
}

#iv-app-comment {
	margin-top: 12px;
}


#iv-canvas .container-fluid {
	padding: 0px 55px;
}

.iv-app-dimension {
	margin-top: 15px;
}

.iv-app-dimension .col-xs-6 {
	padding: 0px 75px;
}

#iv-steps .actions ul li {
	float: left;
}

.iv-wall-warning {
	margin-bottom: 0px;
}

.iv-coupe {
	width: 100%;
}

.iv-coupes .iv-option-link {
  font-size: 24px;
  padding: 5px 15px;
  margin: 10px 0px 0px 0px;
}

.iv-coupes .iv-option-link:focus {
	color: #ffffff;
}

.iv-app-fullsize {
	font-size: 15px;
	float: left;
}

.iv-app-fullsize-block {
	margin: 0 auto 10px auto;
	display: table;
}



/* RESPONSIVE */

@media screen and (max-width: 1200px)
{
	.grid-sizer,
	.grid-item {
	  width: calc(25% - 10px);
	}



}

@media screen and (max-width: 1200px)
{
	.grid-sizer,
	.grid-item {
	  width: calc(25% - 10px);
	}

	.iv-app-dimension .col-xs-6 {
		padding: 0px 15px;
	}
}

@media screen and (max-width: 991px)
{
	.iv-api-filters {
		padding: 0px 5px;
	}

	#iv-canvas .container-fluid {
		padding: 0px 15px;
	}

	#iv-steps .actions {
		margin-left: 15px;
	}

	.iv-mirror-btn,
	.iv-zoom-btn {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}
}


@media screen and (max-width: 768px)
{
	.grid-sizer,
	.grid-item {
	  width: calc(33.3333333333% - 10px);
	}

	.iv-app-dimension .col-xs-6 {
		padding: 0px 15px;
	}

	label.iv-app-les,
	label.iv-app-pose {
    font-size: 13px;
	}
}

@media screen and (max-width: 414px)
{
  #iv-step1-search-results li {
    /*width: calc(100% / 2) !important;*/
  }

	.grid-sizer,
	.grid-item {
	  width: calc(50% - 10px);
	}
}

@media screen and (max-width: 781px)
{
	#iv-step1-photo-gallery-categories li,
	#iv-step1-photo-gallery-items li {
		width: calc(100% / 2);
	}

	#iv-step1-photo-gallery-categories li:nth-child(4n+1),
	#iv-step1-photo-gallery-categories li:nth-child(4n+2),
	#iv-step1-photo-gallery-categories li:nth-child(4n+3),
	#iv-step1-photo-gallery-items li:nth-child(4n+1),
	#iv-step1-photo-gallery-items li:nth-child(4n+2),
	#iv-step1-photo-gallery-items li:nth-child(4n+3) {
		width: calc(100% / 2);
		margin-right: 5px;
	}

	#iv-step1-photo-gallery-categories li:nth-child(4n+1),
	#iv-step1-photo-gallery-categories li:nth-child(4n+3),
	#iv-step1-photo-gallery-items li:nth-child(4n+1),
	#iv-step1-photo-gallery-items li:nth-child(4n+3) {
		width: calc(100% / 2 - 5px) !important;
	}

	#iv-step1-photo-gallery-categories li:nth-child(4n+2),
	#iv-step1-photo-gallery-items li:nth-child(4n+2) {
		margin-right: 0px !important;
	}


/*	.iv-search-item {
		width: calc(100% / 2);
	}

	.iv-search-item:nth-child(4n+1),
	.iv-search-item:nth-child(4n+2),
	.iv-search-item:nth-child(4n+3) {
		width: calc(100% / 2 - 5px);
	}*/

}

@media screen and (max-width: 1666px)
{
	.iv-app-dimension .col-xs-6 {
		padding: 0px 15px !important;
	}
}