/* * Galeries */ .gallery-category-ctn{ display:flex; align-items:stretch; } .gallery-category-ctn > aside{ flex-shrink: 0; flex-grow: 0; flex-basis: 280px;margin-top: 27px; } .gallery-category-ctn > aside .category-menu{ background: #fff !important;} .gallery-category-ctn > .sep{ width: 10px; flex: 0 0 10px;} .gallery-category-ctn > aside .toggle-menu-idcreas span{ display: none; } .gallery-category-ctn > article{ flex: auto; margin-bottom:20px; } .gallery-category-ctn > article .creation-list{ background: none; } .gallery-category-ctn header{ background: none ;} .gallery-category-ctn header .menu-categories-gallery{ display:none; margin: 20px 0; } .gallery-category-ctn h1{ margin-left: 10px; margin-right: 10px; } .gallery-category-ctn header{ background:none; padding: 0; margin-left: 10px; margin-right: 10px; max-width: none; } .gallery-category-ctn header h1{ margin:20px 0 20px; } .gallery header .tools { margin-top: 5px;} .gallery .search-container { margin-bottom: 10px; margin-top:0px; } .gallery .search-container form{float:left; width: calc(100% - 300px);} .gallery .search-container .query{ display:block; position:relative; } .gallery .search-container input{ display:block; width:100%; height:44px; border:2px solid #ea5b64; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing:border-box; font-size:24px; outline:0; padding:0 20px 0 20px; } .gallery .search-container button{ position:absolute; z-index:2; right:0; background:url(../img/pictos.png) #ea5b64 no-repeat 30px -1043px; width: 80px; height:40px; border:none; top:2px; } .gallery .search-container .tags{ margin:10px; } .gallery .search-container .tag { display:inline-block; font-weight: bold; font-size:14px; margin-right:10px; padding:5px 10px; background: #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .gallery .search-container .tag .remove{ float:right; margin-left: 10px; cursor: pointer; } .creation-sort{ line-height: 30px; padding: 0; margin: 20px 0 10px 0; text-align: center; } .creation-sort form{ float: right; line-height: 40px; } .creation-sort .nb-results{ float: left; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 40px; } .creation-sort select { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #b7b7b7; padding: 5px 15px; } /*.gallery .search-container .query{ line-height:24px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; background: #eee; margin-bottom: 10px; }*/ .gallery .search-container .menu-categories-gallery{ float:right; position:relative; cursor:pointer; } .gallery .search-container .menu-categories-gallery.on nav{position:absolute; top: 44px; display: block; border: 1px solid #ea5b64;} .gallery .search-container .menu-categories-gallery.on{ } .gallery .search-container .menu-categories-gallery.on a.toggle-menu-gallery{ color:#FFFFFF; background:#ea5b64; box-sizing:border-box; -webkit-border-top-right-radius: 5px;-moz-border-radius-top-left: 5px;border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;-moz-border-radius-top-left: 5px;border-top-left-radius: 5px; } .gallery .search-container .menu-categories-gallery a.toggle-menu-gallery{display:block; height:44px; float:right; width:270px; padding:10px 10px 0px 10px; box-sizing:border-box;} .menu-categories-gallery { margin-top:0; margin-bottom: 20px; } .menu-categories-gallery .filter-title{ float:left; padding:16px 10px 0 0; } .menu-categories-gallery .toggle-menu-gallery{ } header .menu-categories-gallery nav{ display:none; padding: 10px; background: #fff; } .menu-categories-gallery nav ul{ float:left; width: calc(33% - 20px); margin: 0 10px; vertical-align:top; } .menu-categories-gallery nav ul:last-child{ width: calc(34% - 20px); } .menu-categories-gallery ul li{ padding: 3px 0; } .menu-categories-gallery ul a{ text-decoration: none; } .menu-categories-gallery .toggle-menu-gallery{ display:block; color:#fff; background: rgba(247,98,76,1); line-height:24px; font-weight:bold; font-size:16px; padding: 5px 10px; border-radius:5px; } .menu-categories-gallery .toggle-menu-gallery span { float:right; margin-left: 20px; /*background: url(../img/mobile.png) no-repeat 0 0;*/ transition: 0.1s;} .menu-categories-gallery .toggle-menu-gallery span svg{ vertical-align: middle; height: auto; width: 20px; } .menu-categories-gallery.on .toggle-menu-gallery{ border-radius: 5px 5px 0 0; } .menu-categories-gallery.on nav{ display:block !important; } .menu-categories-gallery.on .toggle-menu-gallery span{ /*background: url(../img/mobile.png) no-repeat 0 -1765px;*/ transform: rotate(180deg); } .on nav{ display:block; } .gallery-container{ margin:auto; max-width: none; } #galleryCreationPopup li::marker { color: #F39620; } /*.creation-list .creation{ float:left; width:270px; margin: 10px; padding: 10px; background:#fff; font-size: 14px; -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.16); box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.16); } .creation-list .creation .img{ margin-bottom: 10px; } .creation-list .creation .img img{ display: block; width: 100%; height: auto; cursor: pointer; } .creation-list .creation .title{ color:#f86f5b; font-size:17px; margin-bottom:0; line-height: 20px; overflow: hidden; text-align: center; font-weight: normal; } .creation-list .creation .title a{ text-decoration: none; color: inherit;} .creation-list .creation .nb-view{ float:left; width:50%; text-align:right; margin:20px 0 0 0; top: 20px; display: none; } .creation-list .creation .date{ float:left; margin-top:20px; width:50%; text-align:right; display:none; } .creation-list .creation .nb-comments{ float:right; width:50%; text-align:left; margin: 15px 0; clear: both; display: none; text-align: right; line-height: 17px;} .creation-list .creation .user{ float:left; margin-top:20px; width:50%; text-align:left; display:none; } .creation-list .creation .cid{ float:left; margin-top:20px; width:50%; text-align:left; display:none; } .creation-list .creation .notation{ display: none; float:left; width: 50%; margin-top: 15px; } .creation-list .creation .notation span{ width:15px; height:17px; margin-right: 2px; } .creation-list .creation .notation .on{ } .creation-list .tam-content .logo{ display: none; padding: 0 30px; } .creation-list .no-shadow{ -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .creation-list .creation-over{ max-height: none; background:#fff; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; z-index: 10;} .creation-list .creation-over .nb-comments{ display: block; } .creation-list .creation-over .nb-view{ display: block; } .creation-list .creation-over .notation{ display: block; } .creation-list .creation-over .user{ display: block; } .creation-list .creation-over .date{ display: block; } .creation-list .creation-over .cid{ display: block; } .creation-list .creation-over.tam-content .logo{ display: block; } .creation-list .stamp{ padding-top:10px; } .creation-list .stamp .button{ display: block; width: auto; } .creation-list .block-publish{display: block; margin: 0 10px 10px 10px; padding: 20px 20px 20px 20px; border:1px solid #f00;} .creation-list .creation > div{ position: relative; z-index: 5; } .creation-list .creation .creation-halo{ padding-top: 5px; padding-bottom: 5px; margin-top: 8px; background:#fff; position:absolute; -webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.16);-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.16);box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.16); z-index: 1; width: calc(100% - 20px); height: auto; padding: 10px; top: -8px; left:0; z-index: 10; } .creation-list .creation-over .buttons{ display: block; } .creation-list .creation-over img.over{ display: block; } .creation-list .creation-over > p, .creation-list .creation-over > a, .creation-list .creation-over > h2{ position: relative; z-index: 501; }*/ .instagram_creation #inCategory, .gallery_creation #inCategory{ text-align: center; margin-top: 20px; padding-bottom: 40px; overflow: hidden; } .gallery_creation #reviews .review .comment p, .instagram_creation #reviews .review .comment p{ line-height: 24px; } .instagram_creation #inCategory h2, .instagram_creation #reviews h2, .gallery_creation #inCategory h2, .gallery_creation #reviews h2{text-align: center; color: #ea5b64; margin-bottom: 20px; font-size: 22px; font-weight: 700; } .gallery_creation .addReviewText { text-align: center; color: #6c5e9e; font-size: 18px; font-family: Roboto; } .gallery_creation #reviews .review-list { text-align: left; } .gallery_creation .typewriterBlock { width: 100%; max-width:fit-content; margin: 0 auto; } .gallery_creation .typewriter { max-width: 100%; margin: 0 auto; } .gallery_creation .typewriter .addReviewText { overflow: hidden; /* Ensures the content is not revealed until the animation */ border-right: .25em solid #6c5e9e; /* The typwriter cursor */ white-space: nowrap; /* Keeps the content on a single line */ margin: 0 auto; /* Gives that scrolling effect as the typing happens */ letter-spacing: 0; /* Adjust as needed */ animation: typing 4s steps(40, end), blink-caret .75s step-end infinite; } /* The typing effect */ @keyframes typing { from { width: 0 } to { width: 100% } } /* The typewriter cursor effect */ @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: #6c5e9e; } } @media screen and (max-width: 520px) { .gallery_creation .typewriter .addReviewText { font-size: 16px; } } @media screen and (max-width: 470px) { .gallery_creation .typewriter .addReviewText { font-size: 14px; } } @media screen and (max-width: 400px) { .gallery_creation .typewriter .addReviewText { font-size: 12px; } } body.instagram_creation .main .container, body.gallery_creation .main .container{ max-width: 1432px; margin-left: auto; margin-right: auto; } .gallery-creation, .gallery-creation{ margin-bottom:60px; background: #fff; padding: 20px; } .instagram_creation .left-container, .gallery-creation .left-container{ width:450px; float:left; margin-right: 50px;} .instagram_creation .right-container, .gallery-creation .right-container{ width:calc(100% - 500px); float: left;} .instagram_creation .right-container h1 , .gallery-creation .right-container h1{ padding: 20px 0 10px 0; font-size: 22px; margin-right: 75px; } .instagram_creation .right-container .description, .gallery-creation .right-container .description { line-height: 18px; } .gallery-creation h1 span{ display: block; font-weight: bold; } .gallery-creation h1 span.title{ font-weight: bold !important; font-family: 'Raleway','Roboto',Arial,sans-serif; } .gallery-creation h1 span.author{color:#000; font-size: 15px; font-weight: bold; font-family: 'Raleway','Roboto',Arial,sans-serif; margin: 6px 0 17px 0; } .publish h1{ font-size: 18px; font-weight: normal; margin-bottom: 20px; } .publish .intro{color:#8c8e91;} .publish .messages{ margin-top:20px; } .publish .form-step-content p{ margin-bottom:20px; } .publish .navigation{ padding: 40px 1%; } .publish .navigation .prev{ float:left; } .publish .navigation .next,.publish .navigation button{ float:right; } .publish-steps{ margin: 40px auto; padding: 0 5%; max-width: 800px;} .publish-steps .step{ float: left; text-align: center; width: 34%;} .publish-steps .step span { display:block; height:30px; line-height:30px; font-size:22px; font-weight:bold; color: #fff; background:url(../img/steps.png) no-repeat center center; margin-bottom: 15px; } .publish-steps .step.first,.publish-steps .step.last{width: 33%} .publish-steps .step.first span { background-position: center 0;} .publish-steps .step.first.on span { background-position: center -30px;} .publish-steps .step span { background-position: center -60px;} .publish-steps .step.current span { background-position: center -90px;} .publish-steps .step.on span { background-position: center -120px;} .publish-steps .step.last span { background-position: center -150px;} .publish-steps .step.last.current span { background-position: center -182px;} .publish-steps .step a{ color: inherit; text-decoration: none; font-size: 18px; display: block; } .publish #step1{text-align: center;} .publish #step1 .next,.publish #step2 .next,.publish #step3 #appbundle_gallerycreation_submit{ display:none; } .publish #step1 p{ text-align:left; margin-bottom:20px; } .publish #step1 .form-step-content{ text-align: left; display: inline-block;} .publish #step1 .sep{display: block; width:1px; background: #e1e0e4; height: 225px; float: left; margin:0 90px; position: relative;} .publish #step1 .sep span{ display: block; text-align:center; line-height: 30px; background: #fefbf6; width:100px; margin-left: -50px; top: 50%; margin-top: -15px; font-size: 18px; position: absolute; } .publish #step1 .file{ float: left; } .publish #step1 .file-drop p{ text-align: center;} .publish #dropfile{ float: left; height:230px; width: 310px; background:#fff; text-align: center; position:relative; } .publish #dropfile .picto{ background:url(../img/upload.png) no-repeat center center; width: 66px; height:66px; margin:60px auto 20px auto; } .publish #dropfile .thumbnail{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/loading-orange.gif) no-repeat center center #fff; } .publish #dropfile .thumbnail img{ width:100%; height:100%; } label.file input[type="file"] {position: fixed; top: -1000px;} label.file {display: inline-block; margin-top:100px; padding-left: 120px;} label.file .button{ padding-left:60px; padding-right: 60px; text-align: center; } .publish #step2 .text{ margin-bottom: 30px; } .publish #step2 .textarea{ margin-bottom: 0; } .publish #step2 label{ display: block; margin-bottom: 10px;} .publish #step2 input[type="text"]{ width: calc(100% - 22px); } .publish #step2 textarea{ width: calc(100% - 22px); height: 200px;} .publish #step3 ul{ float:left; margin:0 20px; width: calc(25% - 40px); } .publish #step3 ul li{ margin-bottom: 20px; } .publish #step3 ul li .checker{margin-right: 5px;} .gallery_customer .header-gallery{ background:transparent; } .gallery_customer h1{ padding:0 !important; margin:0 !important; } .gallery_customer .description{ padding:10px 0 10px 20px; } .idcrea-infos .categories-list li{ display: inline-block; } #stepper-step-1 .artists-row{ margin-bottom: 20px; } #stepper-step-1 .artists{ width: 100%; } #stepper-step-1 .artists .artist { display: flex; width: 100%; align-items: center; justify-content: center; margin-bottom: 10px; } #stepper-step-1 .artists .artist > div { display: flex; width: 100%; align-items: center; justify-content: center;} #stepper-step-1 .artists .artist > div > div{ flex: auto; display: flex; align-items: center; margin-right: 20px; margin-bottom: 0; } #stepper-step-1 .artists .artist > div > div label{ flex-grow: 0; flex-shrink: 0; margin-right: 5px; margin-bottom: 0; } #stepper-step-1 .artists .artist > div > div input, #stepper-step-1 .artists .artist > div > div select{ flex-grow: 1; flex-shrink: 1; } #stepper-step-1 .add-artist{ cursor: pointer; border: 1px solid #b7b7b7; color: #b7b7b7; padding: 5px 20px; font-size: 17px; line-height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #stepper-step-1 .remove-artist{ cursor: pointer; border: 1px solid #f00; color: #f00; padding: 5px 20px; font-size: 17px; line-height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .instagram_creation .product-assets{ text-align: center; } .instagram_creation .product-assets video{ max-height: 400px; margin: auto; } @media screen and (min-width: 1730px) { /* .creation-list .creation { width: calc((100% / 5) - 40px); } .creation-list .stamp{ width: calc((100% / 5)); }*/ body.gallery_publish .main .container{ max-width: 1432px; margin: auto;} } @media screen and (min-width: 1432px) and (max-width: 1730px) { /* .creation-list .creation { width: calc((100% / 4) - 40px); } .creation-list .stamp{ width: calc((100% / 4)); }*/ } @media screen and (min-width: 1170px) and (max-width: 1432px) { /* .creation-list .creation { width: calc((100% / 3) - 40px); } .creation-list .stamp{ width: calc((100% / 3)); }*/ } @media screen and (max-width: 1170px){ .gallery-category-ctn > aside{ display:none; } .gallery-category-ctn > .sep{ display:none; } .gallery-category-ctn header .menu-categories-gallery{ display:block; } /* .creation-list .creation { width: calc((100% / 3) - 40px); } .creation-list .stamp{ width: calc((100% / 3)); }*/ } @media screen and (min-width: 620px) and (max-width: 1170px) { } @media screen and (max-width: 900px) { /* .creation-list .creation { width: calc((100% / 2) - 40px); } .creation-list .stamp{ width: calc((100% / 2)); }*/ } @media screen and (max-width: 900px){ .gallery .search-container form { float: none; width:auto; } .publish #step3 ul { width: calc(50% - 40px); } #stepper-step-1 .artists .artist{ display: block; background:#fff; padding: 10px; width: auto; position: relative; } #stepper-step-1 .artists .artist .remove-artist{ position: absolute; z-index: 10; right: 0; top: 0; background:#f00; padding: 7px; line-height: 10px; color: #fff; text-align: center; display: block;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #stepper-step-1 .artists .artist > div { flex-flow: row wrap; } #stepper-step-1 .artists .artist > div > div { display: block; margin: 0 20px 10px 0; width: calc(50% - 10px); } #stepper-step-1 .artists .artist > div > .choice { width: calc(45% - 10px); } #stepper-step-1 .artists .artist > div > .text { width: calc(55% - 10px); } #stepper-step-1 .artists .artist > div > div { width: calc(50% - 10px); } #stepper-step-1 .artists .artist > div > div:nth-child(2n){ margin-right: 0; } #stepper-step-1 .artists .artist > div > div label{ display: block; } #stepper-step-1 .artists .artist > div > div input, #stepper-step-1 .artists .artist > div > div select{ display: block; } } @media screen and (max-width: 750px){ .publish #step1 .form-step-content{ text-align: center;} .publish #step1 .file{ float:none; } .publish #dropfile{ float: none; } .publish #step1 .sep{ display: none; } .publish .form-step-content .file-drop{ display: block; } .publish .form-step-content .file-drop p{ display: none; } .publish #dropfile .picto { margin: 60px 0 20px 120px; position: absolute; } .gallery .menu-categories-gallery nav{ padding: 0 10px;} .gallery .menu-categories-gallery nav ul { float:none; width: auto !important; } .gallery .menu-categories-gallery ul li{ border-bottom: 1px solid #e6e6e6; margin: 0; padding-bottom: 0; padding-left: 6px; margin-right: 0px;line-height: 30px; } .gallery .menu-categories-gallery ul li a{ display: block; } } @media screen and (max-width: 620px){ .gallery .menu-categories-gallery nav ul{ display: block; } } @media screen and (max-width: 480px){ .gallery div.module-text-item.module-text-item h1{ margin-bottom: 20px } .gallery .search-container .menu-categories-gallery{ float:none; } .menu-categories-gallery .toggle-menu-gallery{ position: relative; } .publish #step3 ul { width: auto; float: none; } .publish #step3 ul li { margin-bottom: 7px; } .gallery-container{ margin-left:10px; margin-right: 10px; } /* .creation-list .stamp { width: auto; max-width: none; margin: auto;} .creation-list .creation { width: auto; margin-left: auto; margin-right: auto; float: none; max-width: none; } .creation-list .block-publish{ margin: 0; padding: 0; border: none; }*/ .creation-sort{ padding: 0; } .creation-sort .nb-results{ line-height: 33px; } .creation-sort .button{ margin-bottom: 10px; display: block; } .creation-sort form { line-height: normal; } .gallery .modules{ display: flex; flex-direction: column-reverse; } } /***********************************************New*******************************************************/ .container_publish_galery{ margin: 0 auto; display: block; max-width: calc(100% - 40px); } .steps_header.four_steps .publish-steps .step.first, .publish-steps .step.last, .steps_header.four_steps .step{ width: 25% !important; } .steps_content.four_steps{ display: block; max-width: 1350px; /*max-width: 1150px;*/ margin: 40px auto; position: relative; box-sizing: border-box; } .container_publish_galery .grid{ display: block; position: relative; width: auto; height: 100%; } .container_publish_galery .grid .row{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: auto; height: 100%; } .container_publish_galery .grid .col{ position: relative; width: auto; } .publish_header_blc{ background-color: #fff; } .publish_header{ max-width: calc(100% - 40px); display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; max-width: auto; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 90px; padding: 5px; padding-top: 10px; } .publish_header .logo{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 200px; } .publish_header .logo img{ height: auto; width: 103px; } .publish_header .title{ text-align: center; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .publish_header .title h4{ color: #888; font-size: 18px; line-height: 20px; font-family: 'Roboto'; } .publish_header .title h4 span{ font-weight: 700; color: #333333; } .publish_header .title h6{ color: #aaaa; font-size: 12px; line-height: 16px; font-family: 'Roboto'; } .publish_header .blc_back_btn{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .publish_header .blc_back_btn .back_btn{ padding: 5px 20px; min-width: 194px; background-color: #ffffff; color: #ea5b64; text-decoration: none; font-size: 17px; line-height: 19px; font-family: 'Roboto'; border-radius: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .publish_header .blc_back_btn .back_btn:hover{ background-color: #ea5b64; color: #ffffff; } .publish_header .blc_back_btn .back_btn.outline_btn{ border: 1px solid #ea5b64; } .steps_content.four_steps .blc_content_step.stepper-step{ display: none; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.stepper-step.current{ display: block; margin-bottom: 20px; margin-top: 0px; animation: fadeIn ease 1.3s; -webkit-animation: fadeIn ease 1.3s; -moz-animation: fadeIn ease 1.3s; -o-animation: fadeIn ease 1.3s; -ms-animation: fadeIn ease 1.3s; } @keyframes fadeIn{ 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-ms-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } .gal_load-wrapp { width: 100%; height: 100%; position: absolute; z-index: 3000; margin: 0; padding: 20px 20px 20px; border-radius: 5px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; bottom: 0; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgb(255 255 255 / 81%); } .gal_load-wrapp.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .gal_load-wrapp p { padding: 0 0 20px; } .gal_load-wrapp:last-child { margin-right: 0; } .gal_spinner { position: relative; width: 45px; height: 45px; margin: 0 auto; } .gal_bubble-1, .gal_bubble-2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: #ea5b64; } .gal_bubble-2 { top: auto; bottom: 0; } .gal_load .gal_spinner { -webkit-animation: loadingI 2s linear infinite; animation: loadingI 2s linear infinite; } .gal_load .gal_bubble-1, .gal_load .gal_bubble-2 { -webkit-animation: bounce 2s ease-in-out infinite; animation: bounce 2s ease-in-out infinite; } .gal_load .gal_bubble-2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes loadingI { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loadingI { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul{ width: fit-content; position: relative; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul ._infos_bull{ display: inline-block; position: relative; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul ._infos_bull.mobl{ display: none; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .icon_infos_bull{ width: 21px; height: 21px; position: absolute; z-index: 1000; top: -18px; right: -16px; /*background-color: #ea5b64; border: 1px solid #ea5b64; color: #fff;*/ border-radius: 50%; font-family: Roboto; font-style: normal; font-weight: 700; font-size: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .block_infos_bull{ position: absolute; z-index: 1000; display: none; bottom: -30px; right: -236px; text-align: center; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 13px; background-color: #ea5b64; border: 1px solid #ea5b64; color: #fff; border-radius: 2px; padding: 5px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .block_infos_bull.cat_inf_bl{ bottom: -10px; right: -256px; width: 208px; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .icon_infos_bull:hover{ /*background-color: #fff; color: #ea5b64;*/ } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .icon_infos_bull:hover + .block_infos_bull{ display: block; animation: fadeIn ease 1.3s; -webkit-animation: fadeIn ease 1.3s; -moz-animation: fadeIn ease 1.3s; -o-animation: fadeIn ease 1.3s; -ms-animation: fadeIn ease 1.3s; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .icon_infos_bull:focus + .block_infos_bull{ display: none; } .steps_content.four_steps .blc_content_step .header_step h3{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 17px; line-height: 20px; display: inline-block; } .steps_content.four_steps .blc_content_step .header_step h1{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 17px; line-height: 20px; text-align: center; } .steps_content.four_steps .blc_content_step .header_step ul{ list-style: disc; margin: 20px 6px 20px 40px; } .steps_content.four_steps .blc_content_step .header_step ul li{ padding-bottom: 6px; } .steps_content.four_steps .blc_content_step .header_step p{ margin: 16px 00; font-size: 13px; line-height: 16px; } .steps_header.four_steps .publish-steps{ max-width: 1200px; margin-bottom: 0 !important; } .steps_header.four_steps .publish-steps .step.tab-step span.tab_num{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_header.four_steps .publish-steps .step.tab-step span.tab_num strong{ display: inline-block; width: 30px; height: 30px; cursor: pointer; } .content_step .text label, .artists .artist label{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 17px; line-height: 20px; margin-bottom: 10px; display: inline-block; } .content_step .col.text_blc{ margin-bottom: 10px; } .content_step .col.text_blc.wth-100{ width: 100%; } .content_step .col.text_blc.wth-50{ width: 50%; } .content_step .col.text_blc.block_age{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-center; -ms-flex-pack: flex-center; justify-content: flex-center; } .content_step .col.text_blc.block_age .text{ margin-right: 10px; width: calc(60% - 10px); } .content_step .col.text_blc.block_age .choice{ width: 40%; } .content_step .col.text_blc.block_age .text.choice label.required::after{ display: none !important; } .content_step .col.text_blc.wth-50{ width: calc(50% - 5px); } .content_step .col.text_blc.wth-50.mr-first{ margin-right: 10px; } .content_step .text input, .artists .artist input{ width: auto; font-size: 14px !important; } .content_step .text textarea{ width: 100%; resize: vertical; } .content_step label.required::after{ content: '*'; color: #ff0000; } .content_step label + span{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #8c8e91; } .steps_content.four_steps .blc_content_step.set_photos_blc{ position: relative; margin: 20px auto; padding: 30px; width: auto; min-height: 260px; border: 1px solid #ccc; border-radius: 5px; background-color: #ffffff; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step{ display: block; margin: 0px auto; margin-top: 16px; padding: 16px; width: auto; min-height: 196px; border: 1px #ea5b64 dotted; border-radius: 5px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .add_photos_btn{ width: 100%; min-height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos.has_images .add_photos_btn{ display: none; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step.dragover{ background-color: #fefefe; border: 1px #dddddd solid; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .add_photos_btn .add_btn{ padding: 12px 20px; /*background-color: #ffffff; color: #ea5b64;*/ font-size: 17px; line-height: 19px; font-family: 'Roboto'; border-radius: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .add_photos_btn .add_btn:hover{ /*background-color: #ea5b64; color: #ffffff;*/ background-color: #f39620 !important; color: #ffffff !important; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .add_photos_btn .add_btn::before{ content: '+'; font-size: 30px; padding-right: 8px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .add_photos_btn .add_btn.outline_btn{ /*border: 1px solid #ea5b64;*/ } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .add_photos_btn .add_btn.hide{ display: none; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added{ width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos.has_images .photos_added{ display: -webkit-box; display: -ms-flexbox; display: flex; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item_bloc{ width: 100%; max-width: 260px; height: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 10px 10px 10px; position: relative; cursor: move; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item{ width: 100%; max-width: 260px; height: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #eee; border-radius: 2px; box-sizing: border-box; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item_bloc:first-child .photo_added_item{ border: 4px solid #ea5b64; margin-left: 0; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item.dragging { background-color: #ddd; opacity: .5; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item span.btn_photo_added{ width: 33px; height: 23px; position: absolute; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 17px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; letter-spacing: -0.07em; color: #705ba3; background-color: #ffffff; font-weight: bold; border: 1px solid #705ba3; border-radius: 2px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item span.btn_photo_added:hover{ color: #ffffff; background-color: #705ba3; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item .btn_pull_photo_added{ top: 6px; right: 6px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item .btn_refresh_photo_added{ bottom: 6px; right: 6px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item.add_photos_btn { width: auto; border: none; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item.add_photos_btn.hide{ display: none; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item.add_photos_btn .add_btn::before{ padding-right: 0px; } .steps_content.four_steps .blc_content_step.set_categories_blc{ position: relative; margin: 20px auto; padding: 0px; width: auto; min-height: 260px; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step{ display: block; margin: 0px auto; margin-top: 16px; padding: 16px 16px 0 16px; width: auto; min-height: 196px; } .steps_content.four_steps .blc_content_step.set_categories_blc .blc_all_selected_categories{ display: none; margin-top: 20px; } .steps_content.four_steps .blc_content_step.set_categories_blc .blc_all_selected_categories.show{ display: block; } .steps_content.four_steps .blc_content_step.set_categories_blc .blc_all_selected_categories .content_step{ min-height: auto; height: auto; padding-bottom: 0; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories{ } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item{ width: 172px; border: 1px solid #ccc; display: block; margin-bottom: 14px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item.category_selected{ border: 1px solid #ea5b64; } /*.steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item:hover .category_item_img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }*/ .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item:hover .category_item_img::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52, 73, 94, 0.35); } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item .category_item_blc_img{ display: block; position: relative; width: auto; height: auto; overflow: hidden; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item .category_item_img{ background-repeat: no-repeat; height: 105px; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item .category_item_title{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 6px; width: auto; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item .category_item_title h4{ text-align: center; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; color: #ea5b64; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item.category_selected .category_item_title{ background-color: #ea5b64; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item.category_selected .category_item_title h4{ color: #ffffff; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories{ } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories{ } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item{ margin-right: 20px; margin-bottom: 20px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item:last-child{ margin-bottom: 0; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_rang{ display: inline-block; margin-right: 8px; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_detail{ min-width: 213px; min-height: 39px; position: relative; font-family: Roboto; font-style: normal; box-sizing: border-box; padding: 2px 5px 2px 5px; font-weight: 500; font-size: 15px; line-height: 18px; text-align: center; color: #705ba3; background-color: #fff; border: 1px solid #705ba3; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor: move; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item:first-child .category_selected_item_detail{ border: 3px solid #705ba3; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_detail .deselct_cat_btn{ color: #705ba3; position: absolute; right: -8px ; top: -10px ; cursor: pointer; border: 1px solid #705ba3; border-radius: 50%; width: 18px ; height: 18px ; background-color: #fff; cursor: pointer; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_detail:hover .deselct_cat_btn, .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_detail .deselct_cat_btn:hover{ color: #fff; background-color: #705ba3; border: 1px solid #fff; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_detail.dragging { background-color: #ddd; opacity: .5; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_detail:hover{ background-color: #705ba3; color: #ffffff; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .cat_slct_reordn{ width: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: none; opacity: 0.8; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .cat_slct_reordn .top_, .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .cat_slct_reordn .btm_{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item:first-child .cat_slct_reordn{ -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item:first-child .cat_slct_reordn .top_, .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item:last-child .cat_slct_reordn .btm_{ display: none; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .cat_slct_reordn .top_ span{ display: block; border: 2px solid #705ba3; background-color: #705ba3; width: 17px; height: 0; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); margin-left: -4px; border-radius: 2px 2px 2px 2px; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .cat_slct_reordn .top_ span:first-child{ -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); margin-right: -4px; margin-left: 0px; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .cat_slct_reordn .btm_ span{ display: block; border: 2px solid #705ba3; background-color: #705ba3; width: 17px; height: 0; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); margin-left: -4px; border-radius: 2px 2px 2px 2px; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .cat_slct_reordn .btm_ span:first-child{ -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); margin-right: -4px; margin-left: 0px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations{ background-color: #ffffff; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list{ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .inspir_product_list_header{ height: 62px; border-bottom: 1px solid #333; } .steps_content.four_steps .top_inspir_product_list_header.hide{ display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .inspir_product_item, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item{ padding: 5px 0px; border-bottom: 1px solid #aaa; display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .inspir_product_item, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc.open .inspir_product_item{ display: -webkit-box; display: -ms-flexbox; display: flex; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc.open .inspir_product_item.hide, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item.hide{ display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_img, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_img{ width: 102px; display: block; border: 1px solid #ccc; margin: 0 8px; border-radius: 2px; border-radius: 2px; background-repeat: no-repeat; height: 68px; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .item_img.no_border{ border: 1px solid transparent !important; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details{ width: calc(100% - 121px); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_title, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_title{ width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_title span, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_title span{ font-family: 'Roboto',Arial,sans-serif; text-align: left; font-size: 16px; font-weight: normal; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail{ width: 50%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail .item_ref, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail .item_ref{ width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail .item_price, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail .item_price{ width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail .item_price span.price, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail .item_price span.price{ font-family: 'Roboto',Arial,sans-serif; text-align: left; font-size: 17px; font-weight: 700; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail .item_price sup, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail .item_price sup{ margin-left: 5px; text-transform: uppercase; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail .item_pull_btn, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail .item_pull_btn{ width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail .item_pull_btn span.pull_btn, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail .item_pull_btn span.pull_btn{ padding: 0px 14px 0px 14px; /*background-color: #ea5b64; color: #fff; border: 1px solid #ea5b64;*/ border-radius: 12px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: bold; font-size: 24px; line-height: 100%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail .item_pull_btn span.pull_btn:hover, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail .item_pull_btn span.pull_btn:hover{ /*background-color: #fff; color: #ea5b64;*/ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list{ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_block{ display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_block .empty{ box-sizing: border-box; padding: 20px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list.open .inspir_orders_block{ display: -webkit-box; display: -ms-flexbox; display: flex; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list.open .inspir_orders_list_header, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list.open .inspir_tutos_list_header, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products.open .inspir_other_products_header{ margin-bottom: 0; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header{ position: relative; background-color: #ea5b64; padding: 5px; min-height: 30px; margin-bottom: 10px; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header .inspir_title_blc, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header .inspir_title_blc, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header .inspir_title_blc{ display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 74px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header .inspir_title_blc h4, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header .inspir_title_blc h4, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header .inspir_title_blc h4{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #FFFFFF; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header .dsply_list_icon_blc, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header .dsply_list_icon_blc, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header .dsply_list_icon_blc{ display: flex; width: 60px; height: 17px; justify-content: center; align-items: center; cursor: pointer; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header .dsply_list_icon_blc .dsply_list_icon_left, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header .dsply_list_icon_blc .dsply_list_icon_left, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header .dsply_list_icon_blc .dsply_list_icon_left{ display: block; border: 2px solid #fff; background-color: #fff; width: 17px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); margin-right: -4px; border-radius: 2px 2px 2px 2px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header .dsply_list_icon_blc.open .dsply_list_icon_left, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header .dsply_list_icon_blc.open .dsply_list_icon_left, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header .dsply_list_icon_blc.open .dsply_list_icon_left{ -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header .dsply_list_icon_blc .dsply_list_icon_right, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header .dsply_list_icon_blc .dsply_list_icon_right, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header .dsply_list_icon_blc .dsply_list_icon_right{ display: block; border: 2px solid #fff; background-color: #fff; width: 17px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); margin-left: -4px; border-radius: 2px 2px 2px 2px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header .dsply_list_icon_blc.open .dsply_list_icon_right, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header .dsply_list_icon_blc.open .dsply_list_icon_right, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header .dsply_list_icon_blc.open .dsply_list_icon_right{ -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc{ position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item{ position: relative; background-color: #EBEBEB; padding: 5px; margin-bottom: 5px; min-height: 52px; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details{ display: -webkit-box; position: relative; display: -ms-flexbox; display: flex; width: calc(100% - 74px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_details_item{ width: 100%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_date{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 33%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_number{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 33%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_amount{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 33%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_date span, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_number span, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_amount span{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; text-transform: uppercase; text-align: center; letter-spacing: -0.03em; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .dsply_list_icon_blc{ display: flex; width: 60px; height: 17px; justify-content: center; align-items: center; cursor: pointer; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .dsply_list_icon_blc .dsply_list_icon_left{ display: block; border: 2px solid #333; background-color: #333; width: 17px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); margin-right: -4px; border-radius: 2px 2px 2px 2px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .dsply_list_icon_blc.open .dsply_list_icon_left{ -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .dsply_list_icon_blc .dsply_list_icon_right{ display: block; border: 2px solid #333; background-color: #333; width: 17px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); margin-left: -4px; border-radius: 2px 2px 2px 2px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .dsply_list_icon_blc.open .dsply_list_icon_right{ -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products{ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item{ position: relative; background-color: #ffffff; padding: 5px; margin-bottom: 0; min-height: 52px; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products.open .inspir_other_products_item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-center; -ms-flex-pack: flex-center; justify-content: flex-center; position: relative; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc{ display: -webkit-box; position: relative; display: -ms-flexbox; display: flex; width: calc(100% - 50px); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc .prdct_srch_inpt_icn{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; background-color: #ea5b64; border: 1px solid #ea5b64; width: 48px; min-width: 100px; border-radius: 0px 2px 2px 0px; height: 32px; cursor: pointer; webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc .prdct_srch_inpt_icn:hover{ background-color: #333333; border: 1px solid #333333; color: #ffffff; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc span.label_search_{ display: inline-block; min-width: 100px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc .input_search_, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input .input_search_{ display: block; width: 100%; position: relative; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc .input_search_ .clear_input_search_, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input .input_search_ .clear_input_search_{ position: absolute; top: 3px; right: 3px; width: 26px; height: 26px; background: url(../img/pictos.png) 0 -1100px; cursor: pointer; display: inline-block; min-width: initial !important; background-repeat: no-repeat; /*min-width: auto; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background-color: #8c8e91; color: #fff; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc .input_search_ .clear_input_search_.hide, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input .input_search_ .clear_input_search_.hide{ display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc .input_search_ .clear_input_search_:hover, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input .input_search_ .clear_input_search_:hover{ /*background-color: #333;*/ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc input{ background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.45); box-sizing: border-box; border-radius: 2px; width: 100%; min-height: 32px; font-size: 14px; color: #333333; padding: 2px 2px 2px 8px; display: inline-block; margin-left: 10px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc{ position: absolute; width: calc(100% - 172px); padding: 0px 0px 0px 0px; background-color: #fff; right: 30px; top: 47px; border: 1px solid #ccc; border-top: none; z-index: 1000; display: none; min-height: 50px; webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%); box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .all_results{ max-height: 232px; overflow-y: scroll; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .is_not_sold{ background-color: #ddd; margin: 0; margin-bottom: 0px !important; padding: 5px 5px 5px 0px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .loading, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .loading, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .alert-danger, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .alert-danger{ box-sizing: border-box; padding: 20px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc.open{ display: block; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.5px 5px 2.5px 0px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_img{ width: 65px; display: block; border: 1px solid #ccc; margin: 0 8px; border-radius: 2px; border-radius: 2px; background-repeat: no-repeat; height: 43px; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details{ width: calc(100% - 84px); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_title{ width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; padding-right: 10px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_title span{ font-family: 'Roboto',Arial,sans-serif; text-align: left; font-size: 16px; font-weight: normal; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail{ width: 50%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail .item_ref{ width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail .item_price{ width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail .item_price span.price{ font-family: 'Roboto',Arial,sans-serif; text-align: left; font-size: 17px; font-weight: 700; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail .item_price sup{ margin-left: 5px; text-transform: uppercase; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail .item_pull_btn{ width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail .item_pull_btn span.pull_btn{ padding: 0px 14px 0px 14px; /*background-color: #ea5b64; color: #fff; border: 1px solid #ea5b64;*/ border-radius: 12px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: bold; font-size: 24px; line-height: 100%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail .item_pull_btn span.pull_btn:hover{ /*background-color: #fff; color: #ea5b64;*/ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .add_prdct_icon_blc{ display: flex; width: 60px; justify-content: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .add_prdct_icon_blc span.add_prdct_icon{ padding: 0px 16px 0px 16px; background-color: #ABACAE; color: #fff; border: 1px solid #ABACAE; border-radius: 12px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: bold; font-size: 24px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .add_prdct_icon_blc span.add_prdct_icon:hover{ background-color: #fff; color: #ABACAE; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list{ position: relative; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add{ position: relative; background-color: #ffffff; padding: 5px; margin-bottom: 10px; min-height: 52px; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list.open .inspir_tutos_add{ display: -webkit-box; display: -ms-flexbox; display: flex; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search{ display: -webkit-box; position: relative; display: -ms-flexbox; display: flex; width: calc(100% - 50px); margin: 0 auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search span{ display: inline-block; min-width: 100px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; width: 100%; position: relative; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input input{ background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.45); box-sizing: border-box; border-radius: 2px 0px 0px 2px; width: 100%; min-width: 60px; min-height: 32px; font-size: 14px; color: #333333; padding: 2px 2px 2px 8px; display: inline-block; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input span.tutos_search_input_icon{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; background-color: #ea5b64; border: 1px solid #ea5b64; width: 48px; border-radius: 0px 2px 2px 0px; height: 32px; cursor: pointer; webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input span.tutos_search_input_icon:hover{ background-color: #333333; border: 1px solid #333333; color: #ffffff; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list.open .selected_tutos{ display: -webkit-box; display: -ms-flexbox; display: flex; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item{ width: 260px; border: 1px solid #ccc; display: block; margin-bottom: 20px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item:hover .slctd_tutos_item_img{ /*-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);*/ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item:hover .slctd_tutos_item_img::before { /*content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52, 73, 94, 0.35);*/ } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item .slctd_tutos_item_img_blc{ display: block; position: relative; width: auto; height: auto; overflow: hidden; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item .slctd_tutos_item_img_blc .slctd_tutos_item_img{ background-repeat: no-repeat; height: 140px; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item .slctd_tutos_item_title{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 6px; width: auto; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item .slctd_tutos_item_title h4{ text-align: center; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; color: #ea5b64; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item .btn_pull_slctd_tuto{ width: 33px; height: 23px; position: absolute; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 17px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; letter-spacing: -0.07em; color: #705ba3; font-weight: bold; border: 1px solid #705ba3; background-color: #ffffff; top: 6px; right: 6px; border-radius: 2px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .selected_tutos .selected_tutos_item .btn_pull_slctd_tuto:hover{ color: #ffffff; background-color: #705ba3; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result{ position: absolute; width: calc(100% - 112px); top: 33px; right: 0; border: 1px solid #ccc; border-top: none; z-index: 100; background-color: #fff; display: none; max-height: 232px; min-height: 50px; overflow-y: scroll; -webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%); box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result.show{ display: block; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item{ width: auto; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ccc; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_img_blc{ width: 75px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_img_blc .result_item_img{ width: 65px; display: block; border: 1px solid #ccc; margin: 0 8px 0 0; border-radius: 2px; background-repeat: no-repeat; height: 43px; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail{ width: calc(100% - 75px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail .result_item_title{ width: calc(50% + 0px); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail .result_item_right_blc{ width: calc(50% + 0px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail .result_item_ref{ width: calc(100% - 178px); } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_btn_blc{ width: 180px; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_btn_blc .result_item_btn{ padding: 5px 20px; min-width: 129px; /*border: 1px solid #ea5b64; background-color: #ea5b64; color: #ffffff;*/ text-decoration: none; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 15px; line-height: 18px; border-radius: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_btn_blc .result_item_btn:hover{ /*background-color: #ffffff; color: #ea5b64;*/ } .steps_footer.four_steps{ width: 100%; max-width: 1350px; display: block; margin: 0 auto; margin-bottom: 30px; } .steps_footer.four_steps .steps_footer_btn_prev_bloc, .steps_footer.four_steps .steps_footer_btn_next_bloc{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; } .steps_footer.four_steps .steps_footer_btn_prev_bloc{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .steps_footer.four_steps .steps_footer_btn_next_bloc{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; display: -webkit-inline-box; } .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_prev, .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_next{ padding: 5px 20px; min-width: 129px; /*border: 1px solid #ea5b64; background-color: #ea5b64; color: #ffffff;*/ text-decoration: none; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 15px; line-height: 18px; border-radius: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_prev{ display: none; } .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_prev.cancel_{ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; /*background-color: #ea5b64; border: 1px solid #ea5b64; color: #ffffff;*/ } .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_prev:disabled, .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_next:disabled, .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_prev:disabled:hover, .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_next:disabled:hover{ background-color: #ccc; border: 1px solid #ccc; color: #fff; cursor: initial; } .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_prev:hover, .steps_footer.four_steps .steps_footer_btn_bloc .steps_footer_btn_next:hover{ /*background-color: #ffffff; color: #ea5b64;*/ } /*Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { .steps_header.four_steps .publish-steps{ padding: 0; } .content_step .col.text_blc.wth-50 { width: 100%; } .steps_footer.four_steps.sticky{ position: fixed; bottom: 0; left: 0; background-color: #fff; padding: 20px; box-sizing: border-box; z-index: 1000; margin-bottom: 0; } .steps_content.four_steps .blc_content_step.set_photos_blc{ min-height: 180px; padding: 10px; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .block_infos_bull{ right: -24px; bottom: -80px !important; width: 133px; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .block_infos_bull.cat_inf_bl{ right: -126px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step{ min-height: 170px; padding: 8px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .add_photos_btn{ min-height: 168px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item_bloc{ max-width: 140px; height: 98px; margin: 3px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item{ max-width: 140px; height: 98px; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item_bloc:first-child .photo_added_item{ border: 2px solid #ea5b64; } .steps_content.four_steps .blc_content_step.set_photos_blc .content_step .blc_add_photos .photos_added .photo_added_item.add_photos_btn { width: 40%; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item{ width: 100%; height: fit-content; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_select_categories .all_categories .category_item .category_item_blc_img{ display: none; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_detail:hover{ background-color: #ffffff; color: #705ba3; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .cat_slct_reordn{ display: -webkit-box; display: -ms-flexbox; display: flex; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_rang{ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .steps_content.four_steps .blc_content_step.set_categories_blc .content_step .blc_selected_categories .selected_categories .category_selected_item .category_selected_item_detail{ min-width: initial; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .inspir_product_list_header{ display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_list_header .inspir_title_blc h4, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_list_header .inspir_title_blc h4, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_header .inspir_title_blc h4{ font-size: 16px; line-height: 18px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_date span, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_number span, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_amount span{ font-size: 13px; line-height: 14px; text-align: left; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_title, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_title{ width: 100%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_product_list .item_details .item_other_detail, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item_blc .inspir_product_item .item_details .item_other_detail{ width: 100%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc{ margin: 0; width: 100% !important; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc span.label_search_{ min-width: initial; display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc input{ margin-left: 0; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc{ width: calc(100% - 12px); right: 5px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search{ width: 100%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input{ margin-left: 0; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search span.label_search_{ min-width: initial; display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result{ width: calc(100% - 2px); } } @media (max-width: 654.98px) { .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .icon_infos_bull{ top: -6px; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul .block_infos_bull{ bottom: -64px; } } /*Small devices (landscape phones, less than 722px)*/ @media (max-width: 721.98px) { .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail .result_item_img_blc .result_item_img{ width: auto; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_btn_blc .result_item_btn{ padding: 3px 8px; min-width: auto; font-size: 12px; line-height: 12px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc .prdct_srch_inpt_icn, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_search_input span.tutos_search_input_icon{ min-width: 50px; } } @media (max-width: 802.98px) { .publish_header{ -ms-flex-pack: distribute; justify-content: space-around; } .publish_header .title{ display: none; } .publish_header .blc_back_btn .back_btn{ min-width: initial; } } /*Small devices (landscape phones, less than 768px)*/ @media (min-width: 884.97px) { .content_step .text input::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; } .content_step .text input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; } .content_step .text input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; } .content_step .text input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; } .content_step .text input::placeholder { color: transparent; } } @media (max-width: 884.98px) { .content_step .text input, .artists .artist input { width: -moz-available !important; width: -webkit-fill-available !important; font-size: 14px !important; } .content_step .text textarea { width: -moz-available !important; width: -webkit-fill-available !important; } .content_step label + span{ display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_date span strong, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_number span strong, .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_orders_list .inspir_orders_item .inspir_order_details .inspir_order_detail_amount span strong{ display: block; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail .result_item_title{ width: 100%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail .result_item_right_blc{ width: 100%; padding-top: 6x; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_detail .result_item_ref{ width: 50%; font-size: 13px; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_tutos_list .inspir_tutos_add .inspir_tutos_search .inspir_tutos_result .tutos_result_item .result_item_btn_blc{ width: 50%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } /*Medium devices (tablets, less than 992px)*/ @media (max-width: 991.98px) { .steps_content.four_steps .blc_content_step .header_step.has_inf_bul ._infos_bull.mobl{ display: inline-block; } .steps_content.four_steps .blc_content_step .header_step.has_inf_bul ._infos_bull.desctp{ display: none; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .inspir_add_product_blc{ width: calc(100% - 50px); margin: 0; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail .item_pull_btn{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } @media (max-width: 1049.98px) { .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_title { width: 100%; } .steps_content.four_steps .blc_content_step.set_inspirations_blc .content_step.blc_set_inspirations .inspir_other_products .inspir_other_products_item .add_prdct_detail_blc .inspir_product_item .item_details .item_other_detail { width: 100%; } } /*Large devices (desktops, less than 1200px)*/ @media (max-width: 1199.98px) { } /*********************************************************************************************/ .recap_publish{ display: block; position: relative; max-width: 1200px; margin: 0 auto; } .recap_header{ margin: 30px 0 20px 0; } .recap_header .title{ margin: 0 auto; width: 100% !important; } .recap_header .title h3{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 25px; line-height: 29px; text-align: center; color: #ea5b64; } .recap_header .title h5{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 16px; line-height: 18px; text-align: center; margin-top: 10px; padding: 8px 10px 8px 20px; background-color: #fff; } .recap_content{ } .recap_content .recap_cnt_infos{ margin: 0 0 15px 0; position: relative; padding: 8px 10px 8px 20px; background-color: #fff; } .recap_content .recap_cnt_infos .recap_infos{ } .recap_content .recap_cnt_infos .recap_infos ul li{ padding: 0 0 10px 0; line-height: 22px; } .recap_cnt_photos, .recap_cnt_categs, .recap_cnt_tutos{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 15px 0; position: relative; padding: 8px 10px 8px 20px; background-color: #fff; } .recap_cnt_photos .title, .recap_cnt_categs .title, .recap_cnt_tutos .title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .recap_cnt_photos .title span{ } .recap_cnt_photos .recap_photos, .recap_cnt_categs .recap_categories, .recap_cnt_tutos .recap_tutos{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .recap_cnt_photos .recap_photos .photo_item{ display: block; position: relative; width: auto; height: auto; overflow: hidden; margin: 0 0px 10px 10px; } .recap_cnt_photos .recap_photos .photo_item .photo_item_img{ width: 172px; height: 110px; border: 1px solid #ccc; border-radius: 2px; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recap_cnt_photos .recap_photos .photo_item:first-child .photo_item_img{ border: 3px solid #ea5b64; } .recap_cnt_categs .recap_categories .cat_item{ min-width: 213px; min-height: 39px; margin: 0 0px 10px 10px; font-family: Roboto; font-style: normal; padding: 2px 5px 2px 5px; font-weight: 500; font-size: 15px; line-height: 18px; text-align: center; color: #705ba3; border: 1px solid #705ba3; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; } .recap_cnt_categs .recap_categories .cat_item:first-child{ border: 3px solid #705ba3; } .recap_cnt_products{ margin: 0 0 15px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding: 8px 10px 8px 20px; background-color: #fff; } .recap_cnt_products .title{ margin: 0 0 16px 0; } .recap_cnt_products .recap_products{ max-height: 340px; overflow-y: auto; margin-bottom: 20px; } .recap_cnt_products .recap_products .product_item{ padding: 10px 0px; border-bottom: 1px solid #aaa; } .recap_cnt_products .recap_products .product_item .item_img{ width: 92px; display: block; border: 1px solid #ccc; margin: 0 8px; border-radius: 2px; border-radius: 2px; background-repeat: no-repeat; height: 72px; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .item_img.no_border{ border: 1px solid transparent !important; } .recap_cnt_products .recap_products .product_item .item_details{ width: calc(100% - 110px); } .recap_cnt_products .recap_products .product_item .item_details .item_title{ width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recap_cnt_products .recap_products .product_item .item_details .item_title span{ font-family: 'Roboto',Arial,sans-serif; text-align: left; font-size: 16px; font-weight: normal; } .recap_cnt_products .recap_products .product_item .item_details .item_other_detail{ width: 40%; } .recap_cnt_products .recap_products .product_item .item_details .item_other_detail .item_ref{ width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recap_cnt_products .recap_products .product_item .item_details .item_other_detail .item_price{ width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recap_cnt_products .recap_products .product_item .item_details .item_other_detail .item_price span.price{ font-family: 'Roboto',Arial,sans-serif; text-align: left; font-size: 17px; font-weight: 700; } .recap_cnt_products .recap_products .product_item .item_details .item_other_detail .item_price sup{ margin-left: 5px; text-transform: uppercase; } .recap_cnt_tutos .tuto_item{ width: 200px; margin: 0 0 10px 10px; border: 1px solid #ccc; display: block; margin-bottom: 20px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .recap_cnt_tutos .tuto_item .tuto_item_img_blc{ display: block; position: relative; width: auto; height: auto; overflow: hidden; } .recap_cnt_tutos .tuto_item .tuto_item_img_blc .tuto_item_img{ background-repeat: no-repeat; height: 110px; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recap_cnt_tutos .tuto_item .tuto_item_title{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 6px; width: auto; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recap_cnt_tutos .tuto_item .tuto_item_title h4{ text-align: center; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; color: #ea5b64; } .recap_footer{ margin: 0 0 50px 0; padding: 8px 20px 8px 20px; background-color: #fff; } .recap_footer p{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; } .recap_footer .publish_btn{ padding: 5px 20px; min-width: 129px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; /*border: 1px solid #ea5b64; background-color: #ea5b64; color: #ffffff;*/ text-decoration: none; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 15px; line-height: 18px; border-radius: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 auto; margin-top: 30px; } .recap_footer .publish_btn:hover{ /*background-color: #ffffff; color: #ea5b64;*/ } .publish_btn_blc.sticky{ display: block; width: 100%; position: fixed; bottom: 0; left: 0; background-color: #fff; padding: 20px; box-sizing: border-box; z-index: 1000; } .recap_footer .publish_btn_blc.sticky .publish_btn{ margin-top: 0px; } .recap_cnt_infos .edit_btn, .recap_cnt_photos .edit_btn, .recap_cnt_categs .edit_btn, .recap_cnt_products .edit_btn, .recap_cnt_tutos .edit_btn{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 30px; height: 30px; padding: 0 !important; /*background-color: #ea5b64; border: 1px solid #ea5b64;*/ border-radius: 50%; top: 5px; right: 5px; z-index: 1000; cursor: pointer; webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recap_cnt_infos .edit_btn:hover, .recap_cnt_photos .edit_btn:hover, .recap_cnt_categs .edit_btn:hover, .recap_cnt_products .edit_btn:hover, .recap_cnt_tutos .edit_btn:hover{ /*background-color: #fff;*/ } .recap_cnt_infos .edit_btn:hover svg path, .recap_cnt_photos .edit_btn:hover svg path, .recap_cnt_categs .edit_btn:hover svg path, .recap_cnt_products .edit_btn:hover svg path, .recap_cnt_tutos .edit_btn:hover svg path{ /*fill: #ea5b64;*/ } .recap_dialog_blc{ position: fixed; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100vh; z-index: 100000; top: 0; bottom: 0; right: 0; left: 0; background: rgb(0 0 0 / 65%); display: none; } .recap_dialog_blc.show{ display: -webkit-box; display: -ms-flexbox; display: flex; } .recap_dialog_blc .recap_dialog{ max-width: 327px; min-height: 100px; display: block; padding: 20px; background-color: #ffffff; position: relative; } .recap_dialog_blc .recap_dialog .recap_dialog_h{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 20px 0; } .recap_dialog_blc .recap_dialog .recap_dialog_c p{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 16.5px; line-height: 19px; text-align: center; margin: 0 0 20px 0; } .recap_dialog_blc .recap_dialog .recap_dialog_c p span.color{ color: #ea5b64; } .recap_dialog_blc .recap_dialog .recap_dialog_f a{ padding: 5px 20px; min-width: 10px; /*border: 1px solid #ea5b64; background-color: #ea5b64; color: #ffffff;*/ text-decoration: none; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 15px; line-height: 18px; border-radius: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; } .recap_dialog_blc .recap_dialog .recap_dialog_f a:hover{ /*background-color: #ffffff; color: #ea5b64;*/ } .recap_dialog_blc .recap_dialog span.close_d{ position: absolute; top: 6px; right: 10px; color: #ccc; text-decoration: none; font-family: Roboto; font-style: normal; font-size: 27px; line-height: 30px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recap_dialog_blc .recap_dialog span.close_d.hide{ display: none; } .recap_dialog_blc .recap_dialog span.close_d:hover{ color: #333333; } #review_form_dialog { max-width: 320px; max-height: 300px; } #review_form_dialog p { margin: 15px 0; text-align: center; color: #EA5C65; font-weight: bold; font-size: 18px; } #review_form_dialog form { width: 100%; padding-bottom: 20px; } #review_form_dialog #close-recap_dialog, #review_form_dialog form #appbundle_galleryCommentPopup_submit, #review_form_dialog form textarea { width: 100%; } #review_form_dialog form textarea { margin-bottom: 20px; } #review_form_dialog .fancybox-close-small { display: none; } /*Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { .recap_cnt_categs .recap_categories .cat_item{ width: 100%; } .recap_cnt_photos .recap_photos{ -ms-flex-pack: distribute; justify-content: space-around; } .recap_cnt_photos .recap_photos .photo_item .photo_item_img{ width: 135px; height: 85px; } .recap_cnt_tutos{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .recap_cnt_tutos .title{ width: 100% !important; } } @media (max-width: 802.98px) { .publish_header{ -ms-flex-pack: distribute; justify-content: space-around; } .publish_header .title{ display: none; } .publish_header .blc_back_btn .back_btn{ min-width: initial; } .recap_cnt_products .recap_products .product_item .item_details .item_title{ width: 100%; } .recap_cnt_products .recap_products .product_item .item_details .item_other_detail{ width: 100%; } } /*Small devices (landscape phones, less than 768px)*/ @media (max-width: 884.98px) { } /*Medium devices (tablets, less than 992px)*/ @media (max-width: 991.98px) { } /*Large devices (desktops, less than 1200px)*/ @media (max-width: 1199.98px) { } /*****************************************************************************/ .action_menu{ position: absolute !important; z-index: 6 !important; right: 5px; top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .action_menu .icon_{ display: block; cursor: pointer; font-weight: 700; font-size: 30px; line-height: 0; color: #ea5b64; padding: 2px; height: 13px; background-color: #fff; } .action_menu .list_actions_{ display: none; padding: 5px 8px 5px 8px; border: 1px solid #ea5b64; background-color: #fff; margin-top: 0px; text-align: right; } .action_menu .list_actions_ li{ display: block; padding: 2px; } .action_menu .list_actions_ li a{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; text-align: right; color: #333; } .action_menu .list_actions_ li a:hover{ color: #ea5b64; } .action_menu .list_actions_.show{ display: block; } .recap_dialog_blc{ position: fixed; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100vh; z-index: 100000; top: 0; bottom: 0; right: 0; left: 0; background: rgb(0 0 0 / 65%); display: none; } .recap_dialog_blc.show{ display: -webkit-box; display: -ms-flexbox; display: flex; } .recap_dialog_blc .recap_dialog{ max-width: 327px; min-height: 100px; display: block; padding: 20px; background-color: #ffffff; position: relative; } .recap_dialog_blc .recap_dialog .recap_dialog_h{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 20px 0; } .recap_dialog_blc .recap_dialog .recap_dialog_c p{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 16.5px; line-height: 19px; text-align: center; margin: 0 0 20px 0; } .recap_dialog_blc .recap_dialog .recap_dialog_c p span.color{ color: #ea5b64; } .recap_dialog_blc .recap_dialog .recap_dialog_f{ display: -webkit-box; display: -ms-flexbox; display: flex; } .recap_dialog_blc .recap_dialog .recap_dialog_f a, .recap_dialog_blc .recap_dialog .recap_dialog_f button{ padding: 5px 20px; min-width: 10px; /*border: 1px solid #ea5b64; background-color: #ea5b64; color: #ffffff;*/ text-decoration: none; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 15px; line-height: 18px; border-radius: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; } .recap_dialog_blc .recap_dialog .recap_dialog_f a:hover, .recap_dialog_blc .recap_dialog .recap_dialog_f button:hover{ /*background-color: #ffffff; color: #ea5b64;*/ } .recap_dialog_blc .recap_dialog span.close_d{ position: absolute; top: 6px; right: 10px; color: #ccc; text-decoration: none; font-family: Roboto; font-style: normal; font-size: 27px; line-height: 30px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recap_dialog_blc .recap_dialog span.close_d:hover{ color: #333333; } @media screen and (max-width: 640px){ .wishlist .header-tabs a{ padding: 6px 10px 6px 10px; } } .gal_grid { margin: 1rem auto; width: 100%; } .gallery-container .gal_grid .gal_grid-item { min-height: auto; } .other_creation-carousel .gal_grid-item, .gal_creation-carousel .gal_grid-item { width: calc( 25% - 10px ); height: auto; min-height: 210px; margin-bottom: 10px; border-radius: 16px; overflow: hidden; background-color: #fff; border: 1px solid #bcbcbc; cursor: pointer; position: relative; box-sizing: border-box; background-repeat: no-repeat; background-size: cover; background-position: center; } .gal_grid .gal_grid-item { width: calc( 25% - 10px ); /* height: auto; min-height: 210px; */ margin-bottom: 10px; border-radius: 16px; overflow: hidden; background-color: #fff; border: 1px solid #bcbcbc; cursor: pointer; position: relative; box-sizing: border-box; background-repeat: no-repeat; background-size: cover; background-position: center; } .gal_grid-masonry.gal_grid .gal_grid-item{ width: calc( 20% - 22px ); margin-bottom: 15px; margin-left: 8px; float: left; } .has_tuto .gal_grid_slick-carousel .gal_grid-item{ /*height: 210px;*/ } .gal_grid_slick-carousel .gal_grid-item{ margin: 10px; } .gal_grid .gal_grid-item img { width: 100%; height: 100%; display: block; } .gal_grid .gal_grid-item .gal_i_detail{ display: none; position: absolute; box-sizing: border-box; left: 0; top: 0; width: 100%; height: 100%; border-radius: 16px; background-color: rgb(0 0 0 / 40%); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /*-webkit-box-shadow: inset -13px -40px 50px -6px #000000; box-shadow: inset -13px -40px 50px -6px #000000;*/ } .gal_grid .gal_grid-item .gal_i_detail .bg-button{ color:inherit; text-decoration:none; position:absolute; top:0; left:0; width:100%; height:100%; } .gal_grid .gal_grid-item.locked{ min-height: 180px; } .gal_grid .gal_grid-item:hover .gal_i_detail, .gal_grid .gal_grid-item.locked .gal_i_detail{ display: block; } .gal_grid .gal_grid-item.locked .img{ position: absolute; width: 100%; height: 100%; } .gal_grid .gal_grid-item .gal_i_detail .action_menu .icon_{ background-color: transparent; color: #fff; } .gal_grid .gal_grid-item .gal_i_detail .action_menu .list_actions_{ border: 1px solid #fff; border-radius: 5px; } .gal_grid .gal_grid-item .gal_i_detail .action_menu .list_actions_ li a:hover{ color: #705ba3; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf{ display: block; width: 100%; box-sizing: border-box; padding: 8px; position: absolute; bottom: 0; left: 0; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .draft{ font-size: 20px; font-weight: bold; position: absolute; margin-top: -40px; width: calc(100% - 16px); color: #fff; text-align: center; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .title a{ color: #fff; text-decoration: none; white-space: initial !important; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .title h2{ color: #fff; font-family: 'Roboto',Arial,sans-serif; font-size: 17px; margin-bottom: 0; line-height: 20px; text-align: center; font-weight: normal; box-sizing: border-box; padding: 8px 0; } .gal_grid_slick-carousel .gal_grid-item .gal_i_detail .gal_i_inf .title h2{ font-family: 'Roboto',Arial,sans-serif; font-size: 17px !important; margin-bottom: 0; line-height: 20px; text-align: center !important; font-weight: normal !important; box-sizing: border-box; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .desc_blc a{ color: #fff; text-decoration: none; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .desc_blc .user_{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 5px 3px 5px; margin-bottom: 6px; color: #705ba3; font-size: 11px; background-color: #fff; border-radius: 5px; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .desc_blc .user_ .name_ p{ margin-bottom: 0; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .desc_blc .user_:hover{ opacity: 0.85; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .desc_blc .user_ .avatar_{ display: block; border-radius: 50%; border: 2px solid #705ba3; width: 16px; height: 16px; margin-right: 3px; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .desc_blc .user_ .avatar_ svg{ margin-top: 1px; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .desc_blc .other_{ color: #fff; font-size: 11px; font-weight: 300; text-align: left; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .wish_blc{ display: block; position: absolute; bottom: 16px; right: 6px; z-index: 2; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .wish_blc .bt-wishlist{ position: relative; } .gal_grid .gal_grid-item .gal_i_detail .gal_i_inf .infos_ .wish_blc .bt-wishlist svg{ display: block; margin-top: 2px; top: -10px !important; } .gal_grid .gal_grid-item .wish_blc .bt-wishlist .svg{ width: 25px; height: 25px; } /*Medium devices (tablets, less than 992px)*/ @media (max-width: 991.98px) { .gal_grid .gal_grid-item { width: calc( 25% - 10px ); } .gal_grid-masonry.gal_grid .gal_grid-item{ width: calc( 25% - 22px ); } } /*Small devices (landscape phones, less than 768px)*/ @media (max-width: 884.98px) { .gal_grid .gal_grid-item { width: calc( 33% - 10px ); } .gal_grid-masonry.gal_grid .gal_grid-item{ width: calc( 33% - 22px ); } } @media (max-width: 575.98px) { .creations .action_menu{ display: none !important;} .slick-slider .action_menu{ display: none !important;} div.other_creation-carousel .gal_grid-item .img, div.gal_creation-carousel .gal_grid-item .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.other_creation-carousel .gal_grid-item .img a, div.gal_creation-carousel .gal_grid-item .img a { display: inline-block; width: 100%; height: 100%; } .gal_grid .gal_grid-item { width: calc( 50% - 10px ); } .gal_grid-masonry.gal_grid .gal_grid-item{ width: calc( 50% - 22px ); } .gal_grid .gal_grid-item:hover .gal_i_detail{ display: none; } } /*Large devices (desktops, less than 1200px)*/ @media (max-width: 1199.98px) { } .gal_grid_slick-carousel{ white-space:nowrap; min-height:none; margin: 0; } .gal_grid_slick-carousel.slick-slider .bt-prev{ left:0} .gal_grid_slick-carousel.slick-slider .bt-next{ right:0} .gal_grid_slick-carousel.slick-slider .slick-list{ margin:0 35px; /*overflow:visible*/ } .gal_grid_slick-carousel .idcrea{ clear:none !important;text-align:left } .gal_grid_slick-carousel .bt-nav{ height:100%; vertical-align:middle; width:40px; position:absolute; top:0; background:#fff } .gal_grid_slick-carousel .bt-nav svg{ position:absolute; display:inline-block; width:100%; height:35px; top:calc(50% - 17px); left:0 } /*******************************************************************************************/ .subject_blc{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; align-items: stretch; align-content: stretch; } .subject_blc .tutos_bloc{ width: 400px; text-align: center; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px; background-color: #fff; box-sizing: border-box; } .subject_blc .use_tutos_blc{ margin:20px 0 20px 40px; width: calc( 100% - 440px ); background-color: #fff; } .use_tutos_blc .slick-track{ } .use_tutos_blc li.idcrea.creation{ } .used_tutos{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 10px; } .used_blc h2{ text-align: center; color: #ea5b64; margin-bottom: 20px; font-size: 22px; font-weight: 700; } .used_tutos .tuto_item{ width: 243.91px; margin: 0 0 10px 10px; border: 1px solid #ea5b64; display: block; margin-bottom: 20px; cursor: pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .used_tutos .tuto_item .tuto_item_img_blc{ display: block; position: relative; width: auto; height: auto; overflow: hidden; } .used_tutos .tuto_item .tuto_item_img_blc .tuto_item_img{ background-repeat: no-repeat; height: 162.91px; background-position: center; background-size: cover; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .used_tutos .tuto_item:hover .tuto_item_img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .used_tutos .tuto_item:hover .tuto_item_img::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52, 73, 94, 0.25); } .used_tutos .tuto_item .tuto_item_title{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 6px; width: auto; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ea5b64; } .used_tutos .tuto_item .tuto_item_title h4{ text-align: center; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 17px; line-height: 16px; color: #fff; } .carousel_bloc a.see_more_{ text-decoration: none; padding: 2px 5px 2px 5px; border: 1px solid #ea5b64; border-radius: 3px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .carousel_bloc a.see_more_:hover{ color: #fff; background-color: #ea5b64; } @media (max-width: 884.98px) { .subject_blc{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .subject_blc .tutos_bloc{ width: 100%; } .subject_blc .use_tutos_blc{ margin-left: 0px; width: 100%; } } /*********************************************************************************/ .new-categories-list_bloc{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .new-categories-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .new-cat-item{ min-width: 20px; padding: 5px; box-sizing: border-box; margin: 0 8px 8px 0px; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; text-align: center; text-decoration: none; color: #705ba3; border: 1px solid #705ba3; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; } .new-cat-item.cat_others{ display: none; } input[type="checkbox"]#display_categories{ display: none; } input[type="checkbox"]#display_categories + label{ text-align: center; display: block; margin-bottom: 8px; text-decoration: underline; color: #705ba3; cursor: pointer; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } input[type="checkbox"]#display_categories + label:hover{ text-decoration: none; } input[type="checkbox"]#display_categories:checked ~ .new-cat-item.cat_others{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } input[type="checkbox"]#display_categories + label span.hide_others{ display: none; } input[type="checkbox"]#display_categories:checked + label span.show_all{ display: none; } input[type="checkbox"]#display_categories:checked + label span.hide_others{ display: block; } .new-cat-item:first-child{ border: 2px solid #705ba3; } .new-cat-item:hover{ background-color: #705ba3; color: #fff; } a.non_decor{ text-decoration: none; } .publisher_infos{ position: relative; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-inline-box; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .publisher_infos:hover{ opacity: 0.8; } .publisher_infos .perso_inf{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .publisher_infos .perso_inf .avatar_{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 2px solid #705ba3; border-radius: 50%; width: 25px; height: 25px; overflow: hidden; } .publisher_infos .perso_inf .avatar_ svg{ margin-bottom: -10px; } .publisher_infos .perso_inf .name_{ display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 10px; } .publisher_infos .perso_inf .name_:after{ content: "-"; margin: 0 4px; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 17px; line-height: 20px; text-decoration: none; color: #6C5E9E; } .publisher_infos .perso_inf .name_ p, .publisher_infos .perso_inf .creas_gal p{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 17px; line-height: 20px; text-decoration: none; color: #6C5E9E; } .publisher_infos .perso_inf .name_ p{ font-weight: bold; } /* .publisher_infos .creas_gal{ display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; box-sizing: border-box; } .publisher_infos .creas_gal p{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 17px; line-height: 20px; color: #999; } .publisher_infos .creas_gal p .d_b{ display: none; } */ .action_menu._in_detail{ right: 25px; } @media (max-width: 575.98px) { .action_menu._in_detail{ top: 15px; } .action_menu._in_detail{ right: 10px; } .gallery_creation div.product .gp-title-mobile { padding: 0 30px 10px 20px; box-sizing: border-box; } .new-categories-list_bloc{ display: none; } .publisher_infos{ margin-bottom: 10px; } .new-cat-item{ width: calc( 50% - 8px ); } .publisher_infos .perso_inf .name_ p{ font-size: 14px; } .publisher_infos .creas_gal::before{ width: 53%; background: linear-gradient( -61deg, #705ba3 50%, transparent 48% ) 100% / 100% 100% no-repeat; } .publisher_infos .creas_gal p{ font-size: 10px; line-height: 12px; text-align: center; } .publisher_infos .creas_gal p .d_b{ display: block; } .publisher_infos .creas_gal p span{ font-size: 17px; line-height: 14px; display: block; } } /**************************************************************************/ .cat_children{ display: none; margin-left: 6px; } .cat_children.open{ display: block; } .category-menu li a.has-children span.arrow-b{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .category-menu li a.has-children.open span.arrow-b{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } /************************************************************************/ /*.idcrea-tabs-header .item{ color: #705ba3; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; } .idcrea-tabs-header .item.active { border-bottom: 2px solid #705ba3; } .idcrea-tabs-header .item .arrow{ border-top: 10px solid #705ba3; } .idcrea-tabs-header .trait{ background: #705ba3; }*/ /*******************************************************************************/ .all_cats_bloc{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .all_cats_bloc .all_cats_{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; width: calc( 60% - 0px ) !important; max-width: 810px; } .all_cats_bloc .actions_gal_{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .all_cats_bloc .actions_gal_ > a{ line-height: 0px; display: block; } .all_cats_bloc .actions_gal_ img{ height: 85px; width: 100%; } .all_cats_bloc ul li > a{ line-height: 0px !important; display: block !important; } .all_cats_bloc .all_cats_ a.name{ line-height: 26px !important; } .all_cats_bloc .actions_gal_ .name.title_{ height: auto; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px; line-height: 16px !important; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color: #ea5b64; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .all_cats_bloc .actions_gal_ .name.title_:hover{ /*color: #ea5b64;*/ background-color: #ff757d; } .all_cats_bloc .actions_gal_ .name.title_ span.txt_{ width: calc(100% - 21px); } .all_cats_bloc .actions_gal_ span.icon_{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 21px; height: 21px; border: 1px solid #ea5b64; background: #fff; border-radius: 50%; color: #ea5b64; } .all_cats_bloc .actions_gal_ span.icon_ svg path{ fill: #ea5b64 !important; } /******************************************************************/ .module-gallery-most-seen{ background-color: #fff; } .module-gallery-most-seen{ background-color: #fff; margin-top: -16px; padding: 20px 0px 10px 0px; } .gallery_index .modules .module h2 { font-size: 17px; margin: 0 0 15px 0; padding: 0; line-height: 30px; font-weight: bold; text-transform: uppercase; text-align: center; } .gallery_index .module-text{ background-color: #fff; /*padding-top: 10px;*/ } /*************************************************************************/ .gallery-category-ctn > article { max-width: 100%; } .gallery_all .gallery-category-ctn header, .gallery_category .gallery-category-ctn header, .gallery_customer .gallery-category-ctn header, .gallery_user .gallery-category-ctn header{ background: #fff; margin: 0 10px 20px 10px; text-align: left; padding: 20px; width: auto; max-width: none; } header h1.gal-cat-title{ font-size: 2em; font-weight: bold; text-align: left; width: auto; border: 0; padding: 0; margin: 0 !important; } .gallery_all .gallery-category-ctn header .description, .gallery_category .gallery-category-ctn header .description, .gallery_customer .gallery-category-ctn header .description, .gallery_user .gallery-category-ctn header .description{ border-top: 1px solid #e6e6e6; margin-top: 10px; padding: 0; padding-top: 15px; line-height: 17px; } .gallery_index .gallery-category-ctn header.container.category-header{ display: none; } @media screen and (max-width: 480px){ .gallery_index .module.module-text:nth-of-type(1){ display: none; } #module-40{ display: none; } } /******************************************/ [class*="idcrea_home"] .idcrea-category-ctn{ margin-top: 0; }