.cms-id-35 .sinlge_row_salon { justify-content: center!important; flex-wrap: wrap; } .cms-id-35 .single_salon { margin: 10px; min-width: 300px; } .cms-id-35 .content_row.content_header_row { padding: 0px; } .cms-id-35 #our_salon_wrapper { padding: 40px 0 40px; } .secondary-blog .blog-item .blog-shortinfo { margin-bottom: 0; } @media only screen and (min-width:1201px){ .secondary-blog .blog-item .blog-shortinfo { min-height: 120px; } } @media only screen and (min-width:991px) and (max-width:1200px){ .secondary-blog .blog-item .blog-shortinfo { min-height: 150px; } } .secondary-blog .blog-item .more { margin-top: 0; } .category-internal-nav { margin: 2rem 0; } .category-internal-nav ul { display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; column-gap: 10px; padding-bottom: .5rem; } .category-internal-nav ul li { display: flex; align-items: center; justify-content: center; min-width: fit-content; } .category-internal-nav ul li a { display: block; width: 100%; height: 100%; border-radius: 5px; border: 1px solid #34d6ad; padding: 10px 15px; font-weight: 500; transition: all .3s ease-in; } .category-internal-nav ul li a:hover { background-color: #34d6ad; color: #fff; } .category-internal-nav ul::-webkit-scrollbar-thumb { background: #34d6ad; } .category-internal-nav ul::-webkit-scrollbar { height: 5px; } #module-leoblog-category #blog-category .blog-item .blog-meta, #module-leoblog-list #blog-listing .blog-item .blog-meta { display: block; position: relative; min-height: 28px; background: none; padding: 10px 0; } #module-leoblog-category #blog-category .blog-item .blog-meta .blog-created, #module-leoblog-list #blog-listing .blog-item .blog-meta .blog-created { color: #777; font-size: 12px; } #module-leoblog-category #blog-category .blog-item .blog-meta .blog-created i, #module-leoblog-list #blog-listing .blog-item .blog-meta .blog-created i { display: none; } #module-leoblog-category #blog-category .blog-item .blog-meta .blog-cat, #module-leoblog-category #blog-category .blog-item .blog-meta .blog-ctncomment, #module-leoblog-category #blog-category .blog-item .blog-meta .blog-hit, #module-leoblog-list #blog-listing .blog-item .blog-meta .blog-cat, #module-leoblog-list #blog-listing .blog-item .blog-meta .blog-ctncomment, #module-leoblog-list #blog-listing .blog-item .blog-meta .blog-hit { display: none; } #products .category-description--top { color: #000; } #products #category-description.text-muted { color: #000 !important; } #cms #main .page-content .opt-lp-list { list-style: square !important; } #schemafaq h3 {margin: 0 !important;} #schemafaq p {margin:0 !important;padding:10px 0;} #schemafaq label {margin:0 !important;} #schemafaq {max-width: 100%;width: 100%;margin: 0 auto;clear: both;padding: 0;margin-top:40px;} #schemafaq input {position: absolute;opacity: 0;z-index: -1} #schemafaq .tabs {border-radius: 0px;overflow: hidden;border: 1px solid #eee} #schemafaq .tab {width: 100%;color: white;overflow: hidden} #schemafaq .tab-label {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;padding: 1em;background: #f9f9f9;font-weight: bold;cursor: pointer;color: #111;transition: all .3s;border-top: 1px solid #eee} #schemafaq .tab:first-child .tab-label {border-top: none} #schemafaq .tab-label:hover {background: #eee} #schemafaq .tab-label::after {content: "\276F";width: 1em;height: 1em;text-align: center;-webkit-transition: all .3s;transition: all .3s;display: flex;justify-content: center;align-items: center;-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg)} #schemafaq .tab-content {max-height: 0;padding: 0 1em;color: #111;background: white;-webkit-transition: all .3s;transition: all .3s} #schemafaq .tab-close {display: -webkit-box;display: flex;-webkit-box-pack: end;justify-content: flex-end;padding: 1em;font-size: 0.75em;background: #29abe2;cursor: pointer} #schemafaq .tab-close:hover {background: #29abe2} #schemafaq input:checked+.tab-label,#schemafaq input:checked+h3>.tab-label {background: #eee;color: #111} #schemafaq input:checked+.tab-label::after,#schemafaq input:checked+h3>.tab-label::after {-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg)} #schemafaq input:checked~.tab-content {max-height: 100vh;padding: 1em} .comment-box { display: flex; border: 1px solid #34d6ad; border-collapse: collapse; padding: 10px; margin: 10px 0 20px; } .comment-box-text { font-size: 13px; line-height: 1.4; border-left: 2px solid #333; padding: 10px 0; padding-left: 10px; } .comment-box-text p { margin: 0 0 5px; } #cms.cms-id-176 #content-wrapper #page_hero { position: relative } #cms.cms-id-176 #content-wrapper #page_hero .page_hero { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 580px } #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_bg { position: absolute; left: 50%; top: 0; transform: translateX(-50%) } #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_data { position: relative } #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_data h1 { color: #fff; text-align: center; text-shadow: 0 4px 4px rgba(0,0,0,.25); font-size: 60px; font-style: normal; font-weight: 700; line-height: normal } @media(max-width: 991px) { #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_data h1 { font-size:48px } } @media(max-width: 576px) { #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_data h1 { font-size:36px } } #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info { position: absolute; bottom: 30px; text-align: center } #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info p { color: #fff; text-align: center; text-shadow: 0 4px 4px rgba(0,0,0,.25); font-size: 28px; font-style: normal; font-weight: 700; line-height: normal } @media(max-width: 991px) { #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info p { font-size:24px } } @media(max-width: 576px) { #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info p { font-size:20px } } #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info a { position: relative; display: inline-block; color: #000; font-weight: 700; line-height: 1; padding: 10px 50px 10px 20px; background: #fff; border-radius: 100px } #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info a::before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 40px; background: #34d6ad; border-top-right-radius: 30px; border-bottom-right-radius: 30px } #cms.cms-id-176 #content-wrapper #page_hero .page_hero .hero_info a::after { content: ""; position: absolute; right: 15px; top: 10px; bottom: 0; background-image: url(/img/Play-solid.svg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 11px; height: 13px; z-index: 1 } #cms.cms-id-176 #content-wrapper .box-1 { margin-top: 75px; margin-bottom: 15px } #cms.cms-id-176 #content-wrapper .box-1 .col-left h2 { color: #33d5ad; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal } #cms.cms-id-176 #content-wrapper .box-1 .col-left ul { margin-top: 30px; margin-bottom: 30px } #cms.cms-id-176 #content-wrapper .box-1 .col-left ul li { position: relative; color: #000; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; padding-left: 30px } #cms.cms-id-176 #content-wrapper .box-1 .col-left ul li::before { content: ""; position: absolute; left: 0; top: 16px; transform: translateY(-50%); width: 20px; height: 20px; background: url(/img/cms/franczyza/el_check.svg) no-repeat center center; background-size: cover } #cms.cms-id-176 #content-wrapper .box-1 .col-left p { color: #000; font-size: 26px; font-style: normal; font-weight: 400; line-height: normal } #cms.cms-id-176 #content-wrapper .box-1 .col-right p { color: #000; font-size: 21px; font-style: normal; font-weight: 400; line-height: normal } #cms.cms-id-176 #content-wrapper .box-1 .col-right p strong { font-weight: 700 } #cms.cms-id-176 #content-wrapper .box-1 .col-right form { margin-top: 40px } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-inputs { display: flex; flex-direction: column; gap: 17px; margin-bottom: 11px } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-inputs input { padding: 15px 18px; border: 1px solid #bcbcbc } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-inputs input:focus { outline: none } #cms.cms-id-176 #content-wrapper .box-1 .col-right form p { color: #cd1f27; font-family: "Poppins",sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation { display: flex; flex-direction: row; gap: 15px; margin-top: 13px; margin-bottom: 35px } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox] { position: relative; width: 25px; min-width: 25px; height: 25px; border: 1px solid #bcbcbc; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; transition: all 250ms ease-in-out; overflow: hidden } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox]::before { content: ""; position: absolute; left: 32px; top: -14px; width: 2px; height: 12px; background-color: #33d5ad; transform: rotate(40deg); transition: all 250ms ease-in-out } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox]::after { content: ""; position: absolute; left: -13px; top: -8px; width: 2px; height: 6px; background-color: #33d5ad; transform: rotate(-40deg); transition: all 250ms ease-in-out } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox]:checked::before { left: 12px; top: 6px } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation input[type=checkbox]:checked::after { left: 7px; top: 12px } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-confirmation label { color: #000; font-family: "Poppins",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; cursor: pointer; text-align: left } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-btn { display: flex; flex-direction: row; justify-content: flex-end; align-items: center } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-btn button { color: #fff; text-align: center; font-family: "Poppins",sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; background: #33d5ad; padding: 15px 20px; border: none; cursor: pointer } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-btn .loader { display: none; width: 32px; height: 32px; border: 5px solid #33d5ad; border-bottom-color: #fff; border-radius: 50%; box-sizing: border-box; animation: rotation 1s linear infinite } @keyframes rotation { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-info { margin-top: -20px } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-info p { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-info p.ok { color: #33d5ad } #cms.cms-id-176 #content-wrapper .box-1 .col-right form .form-info p.error { color: #cd1f27 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box { display: grid; grid-template-columns: 255px 253px 229px 218px 194px; grid-template-rows: 222px 258px; gap: 4px; grid-template-areas: "img1 img1 img2 img3 img3" "img4 img5 img6 img7 img8" } @media(max-width: 1199px) { #cms.cms-id-176 #content-wrapper .box-2 .gallery-box { grid-template-columns:1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-template-areas: "img1 img1 img2 img4" "img5 img6 img3 img3" ". img7 img8 ." } } @media(max-width: 767px) { #cms.cms-id-176 #content-wrapper .box-2 .gallery-box { grid-template-columns:1fr 1fr 1fr; grid-template-areas: "img1 img1 img2" "img4 img3 img3" "img5 img6 img7" ". img8 ." } } @media(max-width: 575px) { #cms.cms-id-176 #content-wrapper .box-2 .gallery-box { grid-template-columns:1fr 1fr; grid-template-areas: "img1 img1" "img2 img4" "img5 img6" "img3 img3" "img7 img8" } } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(1) { grid-area: img1 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(2) { grid-area: img2 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(3) { grid-area: img3 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(4) { grid-area: img4 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(5) { grid-area: img5 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(6) { grid-area: img6 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(7) { grid-area: img7 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item:nth-child(8) { grid-area: img8 } #cms.cms-id-176 #content-wrapper .box-2 .gallery-box .gallery-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } #cms.cms-id-176 #content-wrapper .box-4 { margin-top: 75px; margin-bottom: 75px } #cms.cms-id-176 #content-wrapper .box-4 h2 { color: #000; text-align: center; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal } #cms.cms-id-176 #content-wrapper .box-4 .acc_component { box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.2) } #cms.cms-id-176 #content-wrapper .box-4 .acc_component>li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.12) } #cms.cms-id-176 #content-wrapper .box-4 .acc_component li.active .acc_head .arrow img { transform: scale(-1) } #cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_head { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 12px 20px; cursor: pointer } #cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_head p { color: rgba(0,0,0,.87); font-family: "Roboto",sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0 } #cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_head .arrow { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #33d5ad } #cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_head .arrow img { width: 100%; max-width: -moz-fit-content; max-width: fit-content; transition: all 250ms ease-in-out } #cms.cms-id-176 #content-wrapper .box-4 .acc_component li .acc_body { display: none; color: rgba(0,0,0,.54); font-family: "Roboto",sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 25px 20px } #cms.cms-id-176 #footer .footer-top { display: none } #cms.cms-id-176 #content-wrapper h2{ margin: 20px 0; color: #000; text-align: center; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; } #cms.cms-id-176 #content-wrapper p{ font-size: 14px; } #cms.cms-id-176 #content-wrapper .box-1, #cms.cms-id-176 #content-wrapper .box-2, #cms.cms-id-176 #content-wrapper .box-3{ text-align: center; } #cms.cms-id-176 .link-list__container{ list-style: none; display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 10px; list-style: none; padding: 0 !important; margin: 20px 0 10px !important; } #cms.cms-id-176 .link-list__container li{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; height: 100%; min-height: 50px; text-align: center; } #cms.cms-id-176 .link-list__container li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; width: 100%; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 13px 10px; border-radius: 5px; transition: 0.5s; text-decoration: none; } #cms.cms-id-176 .link-list__container li a:hover { scale: 1.05; } #cms.cms-id-176 .about-prons{ text-align: center; margin: 0; } #cms.cms-id-176 .about-prons .about-prons-wrapper{ margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } #cms.cms-id-176 .about-prons .about-prons-wrapper .about-prons-item{ padding: 20px 20px 10px; border: 1px solid #34d6ad; display: flex; flex-direction: column; justify-content: center; } #cms.cms-id-176 .about-prons .about-prons-wrapper .about-prons-item .about-prons-item-header{ color: #34d6ad; font-weight: 500; font-size: 1.3em; } @media (max-width: 1300px) { #cms.cms-id-176 .about-prons .about-prons-wrapper { grid-template-columns: repeat(2, 1fr); gap: 20px; } #cms.cms-id-176 .about-prons .about-prons-wrapper .about-prons-item { padding: 20px 10px 10px; } } @media (max-width: 768px) { #cms.cms-id-176 .about-prons .about-prons-wrapper { grid-template-columns: repeat(1, 1fr); gap: 20px; } } #category-description2 p{ color: #000000; } .page-cms .page-cms h2{ line-height: 1.8; background-color: transparent; margin-top: 0pt; margin-bottom: 0pt; font-size: 16pt; font-family: Arial, sans-serif; color: #000000; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; text-align: center; } .page-cms .page-cms p{ line-height: 1.8 !important; background-color: transparent; margin-top: 0pt; margin-bottom: 0pt; text-align: left; font-size: 12pt !important; font-family: Arial, sans-serif; color: #0d0d0d; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; }