/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 202499.1
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/
@font-face {
			font-display: swap;
			font-family: "Inter";
			src: url(/wp-content/themes/blankslate/fonts/Inter-Medium.woff2) format("woff2"),
			url("/wp-content/themes/blankslate/fonts/Inter-Medium.woff") format("woff");
			font-style: normal;
			font-weight: 500;
		}
		@font-face {
			font-display: swap;
			font-family: "Inter";
			src: url(/wp-content/themes/blankslate/fonts/Inter-Bold.woff2) format("woff2"),
			url("/wp-content/themes/blankslate/fonts/Inter-Bold.woff") format("woff");
			font-style: normal;
			font-weight: 700;
		}
		@font-face {
			font-display: swap;
			font-family: "Inter";
			src: url(/wp-content/themes/blankslate/fonts/Inter-SemiBold.woff2) format("woff2"),
			url("/wp-content/themes/blankslate/fonts/Inter-SemiBold.woff") format("woff");
			font-style: normal;
			font-weight: 600;
		}		
		@font-face {
			font-display: swap;
			font-family: "Inter";
			src: url(/wp-content/themes/blankslate/fonts/Inter-Regular.woff2) format("woff2"),
			url("/wp-content/themes/blankslate/fonts/Inter-Regular.woff") format("woff");
			font-style: normal;
			font-weight: 400;
		}
		@font-face {
			font-display: swap;
			font-family: "Inter";
			src: url(/wp-content/themes/blankslate/fonts/Inter-Black.woff2) format("woff2"),
			url("/wp-content/themes/blankslate/fonts/Inter-Black.woff") format("woff");
			font-style: normal;
			font-weight: 900;
		}

img.ot-foto {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 15px;
}.soc-l {
    text-align: center;
    margin: 40px 0;
}

.soc-l .nsl-container.nsl-container-block {
    text-align: center;
}.avav img {
    border-radius: 999px;
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.avav {
    float: left;
    margin-right: 16px;
}

.ggjj h2 {
    color: rgb(60,64,67);
    font-size: 16px;
    font-weight: 500;
    font-family: 'roboto' !important;
    margin: 0;
    text-align: left;
}
div#testimonialModal.popup-modal .mfp-close {
    top: 10px;
}
.ggjj p {
    color: #70757a;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding-top: 8px;
    white-space: normal;
    font-family: 'roboto' !important;
}

.imia {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}

.ggjj {
    width: calc(100% - 56px);
    float: left;
}div#testimonialModal textarea.wpcf7-form-control.wpcf7-textarea {
    font-family: 'roboto' !important;
}





.input-file {
	position: relative;
	display: inline-block;
}
.input-file span {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	color: rgb(255 255 255);
	text-align: center;
	border-radius: 4px;
	background-color: #419152;
	line-height: 22px;
	height: 40px;
	padding: 10px 20px;
	box-sizing: border-box;
	border: none;
	margin: 0;
	transition: background-color 0.2s;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}

/* Focus */
.input-file input[type=file]:focus + span {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Hover/active */
.input-file:hover span {
	background-color: #59be6e;
}
.input-file:active span {
	background-color: #2E703A;
}

/* Disabled */
.input-file input[type=file]:disabled + span {
	background-color: #eee;
}




.rating-area {
	overflow: hidden;
  margin: 10px auto;
  display: inline-block;
  margin-bottom: 20px;
}
.rating-area:not(:checked) > input {
	display: none;
}
.rating-area:not(:checked) > label {
	float: right;
	width: 42px;
	padding: 0;
	cursor: pointer;
	font-size: 42px;
	line-height: 42px;
	color: #979797;
	
}
.rating-area:not(:checked) > label:before {
	content: '☆';
}
.rating-area > input:checked ~ label {
	color: gold;
	
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	color: gold;
	
}
.rate-area > label:active {
	position: relative;
}














.input__wrapper {
  width: 100%;
  position: relative;
  margin: 15px 0;
  text-align: center;
}
 
.input__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
 
.input__file-icon-wrapper {
  height: 60px;
  width: 60px;
  margin-right: 15px;
  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;
  border-right: 1px solid #fff;
}
 
.input__file-button-text {
  line-height: 1;
  margin-top: 1px;
}
 
.input__file-button {
  width: 100%;
  max-width: 290px;
  height: 60px;
  background: #1bbc9b;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 auto;
}


div#testimonialModal textarea.wpcf7-form-control.wpcf7-textarea {
    border: solid 1px rgb(118, 118, 118);
    border-radius: 0;
}
.rating-area:not(:checked) > label:hover:before, .rating-area:not(:checked) > label:hover ~ label:before {
    content: "★";
}.rating-area > input:checked ~ label:before {
    content: "★";
}





.active i {
    color: #000 !important;
}
/*.active{ background : #B4F9AC; font-size: 15px; box-shadow : 0px 0px 5px 6px #ccc; }
*/
.progress-holder{width: 100%;
    padding: 1px;
    background: #fff;
    border-radius: 0px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    border: solid 1px #afafaf;
    height: 13px;}

#progress{ height: 6px; display:block; width: 0%; border-radius: 2px; background: -moz-linear-gradient(center top , #13DD13 20%, #209340 80%) repeat scroll 0 0 transparent; /* IE hack */  background: -ms-linear-gradient(bottom, #13DD13, #209340); /* chrome hack */  background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#13DD13), to(#209340)); /* safari hack */  background-image: -webkit-linear-gradient(top, #13DD13, #209340); /* opera hack */  background-image: -o-linear-gradient(#13DD13,#209340); box-shadow:3px 3px 3px #888888; }

.preview{ width: 100%; padding: 10px; height:auto;  overflow: auto; color: #4D4D4D; float: left;  }

.percents{ float: right; }

.preview-image{ box-shadow: 3px 3px 3px #888888; width: 70px; height: 70px; float: left; margin-right: 10px; }

.file-info{ height: 50px; float: left; width: auto; margin-bottom: 10px; border: 1px solid blue; }

.file-info span{ margin: 3px 2px; font-size: 12px; float:left; display: block; min-width: 100px; overflow: auto; border: 1px solid red; overflow: none; }

.upload-progress{ display: none; }

span#progress {
    -webkit-animation-name: undefined;
    -moz-animation-name: undefined;
    height: 9px;
    background-repeat: repeat-x;
    background-size: 20px 10px;
    background-color: #ccc;
    background-attachment: scroll;
    -webkit-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent);
    background-image: -moz-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent);
    background-image: -o-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent);
    background-image: linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent);
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-duration: .8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    box-shadow: none;
    border-radius: 0;
}
.upload-progress, .upload-progress * {
    box-sizing: border-box;
    overflow: hidden;
}
.preview {
    padding: 0;
    padding-bottom: 20px;
}
span.percents {
    display: none;
}
span.percents ~ div {
    padding-top: 10px;
}.preview-image {
    clear: left;
    padding: 0 !important;
    margin-top: 10px;
}
.preview-image-container {
    clear: left;
    display: none;
}

.upload-progress.ended {
    display: inline-block !important;
    width: 100%;
}

.upload-progress.ended .preview-image-container {
    display: inline-block !important;
    width: 100%;
    padding: 0;
    /* margin-top: -20px; */
}

.upload-progress.ended .preview.active-win div:nth-child(1), .upload-progress.ended .preview.active-win div:nth-child(3) {
    display: none;
}

.upload-progress.ended .preview-image-container * {
    display: inline-block !important;
    box-shadow: none;
    margin-top: 0 !important;
}












@-webkit-keyframes undefined {0% {background-position: 0 0;} 100% {background-position: -20px 0;}} .picker-photosuploadview-progress .progress-bar-thumb, .picker-photosuploadview-actionpane .progress-bar-thumb, .picker-doc-upload-control-progress .progress-bar-thumb, .picker-actionpane-frame .progress-bar-thumb, .new-upload-box .progress-bar-thumb {-webkit-animation-name: undefined; -moz-animation-name: undefined;}




div#p-done ~ div#id_button {
    display: none;
}

div#p-done.ended ~ div#id_button {
    display: inline-block;
}

div#id_button {
    position: relative;
    top: -92px;
    left: 50px;
    background: hsl(0deg 0% 0% / 30%);
    color: #fff;
    padding: 5px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.4s;
}

div#id_button:hover {
    background: hsl(0deg 0% 0% / 50%);
}div#testimonialModal p.submit-buttons span.wpcf7-spinner {
    right: 35px;
    bottom: 38px;
}div#preview-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}label.file-ct {
    padding: 5px 35px;
    text-align: center;
    padding-bottom: 2px;
}

label.file-ct img {
    float: none;
    display: inline-block;
	position: relative;
    top: 3px;
}

label.file-ct span {
    display: inline-block;
    /* line-height: 24px; */
    position: relative;
    margin-top: -5px;
    top: -3px;
    padding-left: 3px;
}

label.file-ct,label.file-ct * {
    clear: none;
}.ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   
}.test-slider button.slick-prev.slick-arrow {
     z-index: 99;
}.test-slider.slick-initialized.slick-slider {
    margin-left: -5px;
}li.postcardd {
    display: none;
}div#order_review ul.shop_table.woocommerce-checkout-review-order-table {
    display: none;
}

li.wc_payment_method.payment_method_wocommerce_yape_peru {
    background-image: url(/wp-content/webp-express/webp-images/doc-root/wp-content/uploads/2024/01/QR-e1706040315798.jpg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}button.btn-continue.btn_submit {
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    padding: 0px 27px;
    text-align: center;
    border-radius: 99px;
    line-height: 50px;
    background: #935CE0;
    min-width: 128px;
    border: none;
    font-weight: bold;
    padding-bottom: 5px;
    width: 50%;
    max-width: 130px;
    cursor: pointer;
}

button.btn-continue.btn_submit:hover {
    opacity: 0.8;
}

.popupCloseButton {
    border-color: #935CE0;
}

.popup-wrapper .btn_submit.finalized_order {
display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    padding: 0px 27px;
    text-align: center;
    border-radius: 99px;
    line-height: 50px;
    background: #935CE0;
    min-width: 128px;
    border: none;
    font-weight: bold;
    width: 50%;
    max-width: 130px;
    cursor: pointer;
    
}
.popup-wrapper .btn_submit.finalized_order:hover {
    opacity: 0.8;
}button.box__button {
    color: #fff !important;
    background: #935CE0 !important;
    border: none;
    border-radius: 999px;
    font-size: 20px;
}

.box__input label {
    color: #000;
}button.box__button {
    margin: 10px auto;
    margin-bottom: 20px;
}p.opicw {
    margin-bottom: 20px;
    font-size: 18px !important;
    padding: 0 20px;
    margin-top: -10px;
}span.kolvo {
    margin-left: 20px;
    display: inline;
    float: left;
    color: #515151;
    padding-top: 8px;
}
.ava.expert {
    position: relative;
}

.ava.expert:before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    background: url(https://floritale.com/wp-content/uploads/2024/02/unnamed-e1706771107941.png);
    background-size: contain;
    right: 0;
    bottom: 0;
    border: solid 1px #fff;
    border-radius: 999px;
}.circular {
  position:absolute;
  top: 0;
  left: 0;
  width:50px;
  height:50px;
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}
@-webkit-keyframes rotate1 {
  from {-webkit-transform: rotate1(0deg);}
  to {-webkit-transform: rotate1(360deg);}
}

@keyframes rotate1 {
  from {transform: rotate1(0deg);}
  to {transform: rotate1(360deg);}
}


.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite,
    color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite,
    color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #3f88f8;
}

@-webkit-keyframes dash {
  0%   {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50%  { 
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}

@keyframes dash {
  0%   {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50%  { 
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}

@-webkit-keyframes color {
  0%   {stroke: #3f88f8;}
  20%  {stroke: #3f88f8;}
  25%  {stroke: #dd413b;}
  45%  {stroke: #dd413b;}
  50%  {stroke: #f6ae2e;}
  70%  {stroke: #f6ae2e;}
  75%  {stroke: #259a5d;}
  95%  {stroke: #259a5d;}

}

@keyframes color {
  0%   {stroke: #3f88f8;}
  20%  {stroke: #3f88f8;}
  25%  {stroke: #dd413b;}
  45%  {stroke: #dd413b;}
  50%  {stroke: #f6ae2e;}
  70%  {stroke: #f6ae2e;}
  75%  {stroke: #259a5d;}
  95%  {stroke: #259a5d;}

}

.popup-modal span.wpcf7-spinner:before {
    display: none !important;
}
.popup-modal span.wpcf7-spinner svg {
    display: block !important;
}

.popup-modal span.wpcf7-spinner {
    background: hsl(0deg 0% 100% / 40%) !important;
    bottom: 210px !important;
    width: 50px;
    height: 50px;
    right: calc(50% - 25px) !important;
    position: fixed;
    top: calc(50% - 25px) !important;
}
.popup-modal form.wpcf7-form.submitting:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    z-index:9999;
	opacity: 0.5;
}

.popup-modal span.wpcf7-spinner {
    z-index: 99999 !important;
}
.foot-ot a {
    pointer-events: none !important;
}


a.wr-but:hover {
    opacity: 0.9;
}

.content-rew.scroll {
    max-height: 375px;
    overflow: hidden;
}
.scroll .content-rew-inner {
    max-height: 354px;
    overflow: hidden;
}
.content-rew.scroll a:last-child {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: rgba(17, 17, 17, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
}

.content-rew.scroll {
    position: relative;
    padding-bottom: 26px;
}

div#rewModal .stars {
    height: 18px !important;
    overflow: hidden;
}

.ava.expert.me4:before {
    background-image: url(https://floritale.com/wp-content/uploads/2024/02/unnamed-2-e1707194150530.png);
}

.ava.expert.me5:before {
    background-image: url(https://floritale.com/wp-content/uploads/2024/02/unnamed-1-e1707194145417.png);
}

div#widget_logo div {
    border-radius: 999px;
}


.test-slider1 .test-type {
    padding: 24px;
    border-radius: 8px;
    background-color: rgba(17, 17, 17, 0.05);
}

/*.testis .col-md-3 {
    width: 25%;
    padding: 0 10px;
    float: left;
    margin-bottom: 20px;
}
*/
.test-slider1 {
    width: 100%;
    display: inline-block;
}
div#www1 {
    height: 20px;
}

.test-slider1 {gap: 20px;column-count: 4;}

.test-slider1 img.ot-foto {
    margin-bottom: 10px;
}

.test-slider1 .col-md-3 {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}

.testi-nav a {
    min-height: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    display: inline-block;
    top: 0 !important;
    position: static !important;
}

.testi-nav span {
    display: inline-block;
}

.testi-nav .wp-pagenavi * {
    display: inline;
    align-items: center;
    justify-content: center;
}

.testi-nav {
    text-align: center;
}

.testi-nav a.last {
    display: none !important;
}

.testi-nav span.pages {
    display: none;
}

.testi-nav .wp-pagenavi a {
    display: inline-flex;
    webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    border-radius: 99px;
    line-height: 1em;
    background: #935CE0;
    border: none;
    min-width: 39px !important;
    border: solid 2px #fff;
}

.testi-nav .wp-pagenavi a.nextpostslink {
    display: none !important;
}

span.extend {}

.testi-nav .wp-pagenavi span.extend {
    display: none !important;
}

.wp-pagenavi span.current {
        display: inline-flex;
    webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #2f4a92;
    font-weight: 600;
    font-size: 20px;
    padding: 12px;
    text-align: center;
    border-radius: 99px;
    line-height: 1em;
    background: #ffffff;
    border: none;
    min-width: 48px !important;
    border: solid 2px #2f4a92;
    text-align: center;
}

.testi-nav a:hover {
    opacity: 0.7;
}

select#sortID {
    float: right;
    border: solid 2px rgb(25, 123, 255);
    padding: 10px;
    font-size: 15px;
    color: #494949;
    /* font-weight: bold; */
}

form#sorting_form {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.ava {
    font-size: 0;
    display: inline-block;
    background: #32a0b5;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 999px;
}

.test-slider button.slick-arrow {
    background-color: rgba(17, 17, 17, 0.5);
    fill: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 30%) 0px 4px 12px 0px;
    border: none;
    font-size: 0;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    transition: 0.4s;
    cursor: pointer;
}

.test-slider button.slick-arrow:hover {
    background: #222;
}

.test-slider button.slick-arrow:before {
    content: "❯";
    font-size: 16px;
    color: #fff;
}

.test-slider button.slick-prev.slick-arrow {
    transform: scale(-1,-1);
}

.test-slider .test-type.slick-slide {
    padding: 24px;
    border-radius: 8px;
    background-color: rgba(17, 17, 17, 0.05);
}.test-type.slick-slide {
    margin: 0 10px;
}.r-f-a {
    width: calc(100% - 55px);
    float: right;
}

.r-f-a h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: 3px;
}

.r-f-a p {
    font-size: 12px;
    line-height: 14px;
    color: rgba(17, 17, 17, 0.5);
}

.con-ot {
    width: 100%;
    line-height: 1.4;
    color: rgb(17, 17, 17);
    font-size: 16px;
    text-align: left;
    margin: 10px 0;
}

.foot-ot {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 14px;
    color: rgba(17, 17, 17, 0.5);
    background: url(https://floritale.com/wp-content/uploads/2023/04/unnamed-1-e1681986236197.png);
    background-repeat: no-repeat;
    padding-left: 45px;
    background-size: 28px;
    background-position: 5px;
}

.foot-ot a {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: rgb(25, 123, 255);
    margin-top: 5px;
}

.testis-header {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 24px 24px;
    background-color: rgba(17, 17, 17, 0.05);
    border-radius: 10px;
   /* margin: 0 10px;*/
    margin-bottom: 20px;
}

h3.arte {
    background: url(https://floritale.com/wp-content/uploads/2023/04/unnamed-e1681986183569.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgb(17, 17, 17);
    font-size: 20px;
    background-size: 85px;
    line-height: 30px;
    padding-left: 95px;
}

.test-slider button.slick-prev.slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    left: 10px;
}

.test-slider button.slick-next.slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    right: 10px;
}

.rat {
    font-weight: 700;
    line-height: normal;
    font-size: 20px;
    color: rgb(17, 17, 17);
    word-break: normal !important;
    float: left;
    margin-right: 10px;
}

.row-sss {
    display: inline-block;
    margin-top: 3px;
}

.stars {
    float: left;
    width: 100px;
    height: 20px;
    background: url(https://floritale.com/wp-content/uploads/2023/04/bookmark-favorite-rating-star-svgrepo-com1.svg);
    background-size: 20px;
    background-repeat: space;
    position: relative;
    top: 3px;
}

.stars-yes {
    height: 18px;
    display: inline-block;
    background: url(https://floritale.com/wp-content/uploads/2023/04/bookmark-favorite-rating-star-svgrepo-com-1.svg);
    background-size: 20px;
    background-repeat-y: no-repeat;
}

.head-ot {
    display: inline-block;
    width: 100%;
}

.head-ot .stars {
    margin: 10px 0;
    margin-bottom: 5px;
    background-size: 18px;
    width: 90px;
}

.head-ot .stars .stars-yes {
    background-size: 18px;
}a.wr-but {
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: inherit;
    background-color: rgb(25, 123, 255);
    padding: 12px 20px;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    top: -10px;
    transition: 0.4s;
}
.ava img {
    border-radius: 999px;
}.test-slider {
    margin-bottom: 40px;
}
.ava img {
    border-radius: 999px;
}
.popup-new-inner {
    background: #fff;
    border-radius: 27px;
    margin-bottom: 10px;
    padding: 30px;
}.new-nodal {
    max-width: 458px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.popup-modal .mfp-close {
    padding: 7px;
    top: 20px;
    right: 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    line-height: 1px;
    opacity: 1;
    height: auto;
    width: auto;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.6;
}


.modal-currency-title.tit-testi {
    color: rgba(0,0,0,.7);
    font-weight: 500;
    text-align: center;
    /* margin-top: 30px; */
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
        font-size: 20px;
    line-height: 1.25;
}div#testimonialModal {
    max-width: 580px;
}
.star_rating_class {
    text-align: center;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}div#testimonialModal textarea.wpcf7-form-control.wpcf7-textarea {
    border: solid 1px rgb(118, 118, 118);
    border-radius: 0;
}
div#testimonialModal textarea.wpcf7-form-control.wpcf7-textarea {
    font-family: 'roboto' !important;
}
div#testimonialModal textarea.wpcf7-form-control.wpcf7-textarea {
    color: rgb(60,64,67);
    width: 100%;
    max-height: 108px;
    padding: 15px;
    font-size: 16px;
}

form.wpcf7-form label {
    display: inline-block;
    width: 100%;
}
form.wpcf7-form label {
    margin-bottom: 10px;
}
label.file-ct, label.file-ct * {
    clear: none;
}
div#p-done {
    display: inline-block !important;
    min-height: 90px;
    width: 100% !important;
}
label.file-ct {
    color: rgb(26,115,232);
    line-height: 24px;
    border: solid 1px rgb(218,220,224);
    border-radius: 999px;
    padding: 5px 135px;
    width: 100%;
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
    transition: 0.4s;
    display: block;
    cursor: pointer;
	padding: 1px 0 !important;
}
div#dropbox {
   /* min-height: 130px;*/
}
.image-upload {
    text-align: center;
    margin: 10px 0;
    margin-bottom: 15px;
}div#testimonialModal input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: rgb(26,115,232);
    background-color: var(--gm-fillbutton-container-color,rgb(26,115,232));
    display: inline-block;
    float: right;
    font-size: 1rem;
    letter-spacing: 0.051em;
    font-weight: 500 !important;
    border-radius: 5px;
    line-height: 36px !important;
    max-width: 147px;
    margin: 0;
}
div#testimonialModal p.submit-buttons * {
    transition: 0.4s;
}p.submit-buttons {
    width: 100%;
    display: inline-block;
    max-width: 270px;
    float: right;
    /* margin-bottom: 40px; */
}

div#testimonialModal p.submit-buttons button.mfp-close {
    background-color: rgb(26,115,232);
    background-color: var(--gm-fillbutton-container-color,rgb(26,115,232));
    display: inline-block;
    float: right;
    font-size: 1rem;
    letter-spacing: 0.051em;
    font-weight: 500 !important;
    border-radius: 5px;
    line-height: 36px;
    max-width: 147px;
    position: relative;
    padding: 0;
    left: auto !important;
    top: auto !important;
    float: left;
    right: auto !important;
    color: rgb(26,115,232) !important;
    filter: none !important;
    border-color: rgb(218,220,224);
    border: solid 1px rgb(218,220,224);
    background: #fff;
    opacity: 1 !important;
    width: 100%;
    max-width: 102px;
}

div#testimonialModal form {
    display: inline-block;
    width: 100%;
}

div#testimonialModal p.submit-buttons button.mfp-close:hover {
    background: #f0f6fa;
}

div#testimonialModal  p.submit-buttons * {
    transition: 0.4s;
}

div#testimonialModal form.wpcf7-form.invalid:after {
    content: "Заполните все поля!";
    line-height: 40px;
    color: #f00;
    font-weight: bold;
}
.popup-new-inner {
    position: relative;
}
.test-slider.otz {
    gap: 20px;
    column-count: 4;
    width: 100%;
    display: inline-block;
}.test-slider.otz .test-type.slick-slide {
    display: inline-block !important;
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.testi-nav {
    margin-bottom: 40px;
}
@media (max-width: 767px){
.testis-header {
    padding: 10px !important;
	    width: calc(100% - 10px);
    margin-left: 5px !important;
}
.row-sss {
    max-width: 50%;
}

span.kolvo {
    margin-left: 0px !important;
    clear: left;
}
a.wr-but.popup-open {
    padding: 12px !important;
    top: -5px !important;
}	
.test-type.slick-slide {
    margin: 0 5px;
}
.test-slider.slick-initialized.slick-slider {
    margin-left: 0;
}.test-slider.otz .test-type.slick-slide {
    width: calc(100% - 10px);
}.test-slider.otz {
    column-count: 1;
}
}.intro-content p span {
    color: #dda23a;
    font-weight: bold;
}.wpcf7-response-output {
    display: none !important;
}

span.wpcf7-not-valid-tip {
    display: none !important;
}

input.wpcf7-form-control.wpcf7-not-valid {
    border-color: #f00 !important;
}#mssg_widget_btns {
    font-family: sans-serif;
    box-sizing: border-box;
    width: 100%;
    float: left;
    text-align: center;
}

#mssg_widget_btns a:nth-child(3n + 1) {
    margin-left: 0px;
}

#mssg_widget_btns a {
    text-decoration: none;
    outline: none;
    display: inline-block;
    margin-bottom: 25px;
    width: 59px;
    margin-left: 21px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
}

#mssg_widget_btns img {
    width: 60px;
    height: 60px;
    cursor: pointer;
}

#mssg_widget_btns span {
    color: #8f919d;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 11px;
    margin-top: 10px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.6);
}

#widget_logo {
    position: absolute;
    top: 15px;
    left: 17px !important;
    transition: all 0.3s ease;
    opacity: 1;
    width: 30px;
    height: auto;
}

#widget_circle:hover #widget_logo {
    -webkit-transform-origin: 50% 75%;
    transform-origin: 50% 75%;
    -webkit-animation: 1s hand_wave ease;
    animation: 1s hand_wave ease;
}

@-webkit-keyframes hand_wave {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    75% {
        -webkit-transform: rotate(-17deg);
        transform: rotate(-17deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes hand_wave {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    75% {
        -webkit-transform: rotate(-17deg);
        transform: rotate(-17deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

#circle_close {
    width: 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    opacity: 0;
    transform: rotate(120deg) scale(1.2);
    transition: all 0.3s ease;
}

/* NEW */

#mssg_widget_box {
    width: 375px;
    height: 700px;
    max-height: calc(100% - 105px);
    max-width: calc(100% - 20px);
    overflow: hidden;
}

#mssg_widget_box > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}
.photo-container-4 {
    max-width: 40px;
    width: 100%;
    margin: 0px auto;
    position: relative;
}
.photo-container-4 .photo-1 {
    position: relative;
  animation: rotate 10s linear 5s infinite;
	-webkit-animation: rotate 10s linear 5s infinite;
  -moz-animation: rotate 10s linear 5s infinite;
  -o-animation:rotate 10s linear 5s infinite;
  -ms-animation: rotate 10s linear 5s infinite;
}
.photo-container-4 .photo-2 {
    position: absolute;
    top: 0;
   animation: rotate 10s linear infinite;
	-webkit-animation: rotate 10s linear infinite;
  -moz-animation: rotate 10s linear infinite;
  -o-animation:rotate 10s linear infinite;
  -ms-animation: rotate 10s linear infinite;
   
}div#widget_logo {
    left: 0 !important;
    top: 0 !important;
    width: 60px;
}


div#widget_logo div {
    width: 60px !important;
    height: 60px !important;
    text-align: center;
}.photo-1 {
    background: #0088cc;
}

div#widget_logo div {
    padding-top: 1px;
   
}
div#widget_logo div {
  opacity:0;
}
div#widget_logo div.active {
   -webkit-backface-visibility: visible;
    backface-visibility: visible;
    /* -webkit-animation-name: flip; */
    animation-name: tada;
    animation-timing-function: linear;
    animation-duration: 1.7s;
    animation-iteration-count: infinite;
    opacity:1;
}

.photo-2 {
    background: #48b854;
}

div#widget_circle {
    /* background: #935ce0 !important; */
}div#widget_logo div img {
    width: 32px !important;
}



@-moz-keyframes rotate {
    0% {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
    50% {
        transform: rotate(0) scale(1);
        opacity: 1;
    } 
    59.99999% {
        transform: rotate(45deg) scale(3);
        opacity: 0;
        z-index: 1;
    }   
    60% {
        opacity: 0;
        z-index: -1;
    }  
    100% {
        opacity: 1;
    }  
}



@-webkit-keyframes rotate {
    0% {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
    50% {
        transform: rotate(0) scale(1);
        opacity: 1;
    } 
    59.99999% {
        transform: rotate(45deg) scale(3);
        opacity: 0;
        z-index: 1;
    }   
    60% {
        opacity: 0;
        z-index: -1;
    }  
    100% {
        opacity: 1;
    }  
}










@-o-keyframes rotate {
    0% {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
    50% {
        transform: rotate(0) scale(1);
        opacity: 1;
    } 
    59.99999% {
        transform: rotate(45deg) scale(3);
        opacity: 0;
        z-index: 1;
    }   
    60% {
        opacity: 0;
        z-index: -1;
    }  
    100% {
        opacity: 1;
    }  
}






@-ms-keyframes rotate {
    0% {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
    50% {
        transform: rotate(0) scale(1);
        opacity: 1;
    } 
    59.99999% {
        transform: rotate(45deg) scale(3);
        opacity: 0;
        z-index: 1;
    }   
    60% {
        opacity: 0;
        z-index: -1;
    }  
    100% {
        opacity: 1;
    }  
}
.photo-1 img {
    position: relative;
    left: -2px;
}

.photo-1.block.active ~ .photo-2.block {
/*  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 3s;
  animation-iteration-count: infinite;*/
}
.photo-2.block {
    position: absolute;
    top: 0;
}
@keyframes blink {
    0% {
           opacity: 0;
    }
    50% {
           opacity: 1;
    }
    100% {
          opacity: 0;
    }
}
@-webkit-keyframes blink {
    0% {
           opacity: 0;
    }
    50% {
          opacity: 1;
    }
    100% {
          opacity: 0;
    }
}