PageSourceSearch

https://kaprizsochi.ru/news/889-klubnaja-karta-dlja-nashih-gostej.html

html kaprizsochi.ru collected 2026-10-09 23:17:04 UTC 50,793 bytes, 1,487 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4	<link rel="preload" href="/engine/classes/min/index.php?charset=utf-8&amp;f=engine/editor/css/default.css&amp;v=25" as="style">
5    <meta charset="utf-8">
6<title>Клубная карта для наших гостей &raquo; Эротический массаж в Сочи для мужчин - салон Каприз</title>
7<meta name="description" content="Клубная карта для наших гостей">
8<link rel="canonical" href="https://kaprizsochi.ru/news/889-klubnaja-karta-dlja-nashih-gostej.html">
9<link href="/engine/classes/min/index.php?charset=utf-8&amp;f=engine/editor/css/default.css&amp;v=25" rel="stylesheet" type="text/css">
10
11
12    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
13    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
14    
15	<link rel="shortcut icon" href="favicon.png?v=2" />
16	<link rel="preload" href="/engine/classes/min/index.php?f=/templates/Default/libs/slick.css,/templates/Default/fonts/fonts.css,/templates/Default/css/bootstrap.css,/templates/Default/css/style.css" as="style">
17	<link rel="stylesheet" type="text/css" href="/engine/classes/min/index.php?f=/templates/Default/libs/slick.css,/templates/Default/fonts/fonts.css,/templates/Default/css/bootstrap.css,/templates/Default/css/style.css" />
18	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
19    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
20	
21	
22
23    <!-- *** KOSS start *** -->
24    <!--<link rel="stylesheet" href="/templates/Default/js/koss/css/translate.css">-->
25   
26   
27	<!-- *** KOSS end *** -->
28    <style>
29    .gl_txt{
30        	display: block;
31    color: #d5a254;
32    font-size: 28px;
33    font-family: 'Montserrat',Arial,sans-serif;
34    line-height: 1.55;
35    font-weight: 700;
36    background-position: center center;
37    border-color: transparent;
38    border-style: solid;
39    text-align: center;
40    margin: 0;
41    text-transform: uppercase;
42        }    
43    .topLine{
44    background:#d5a253
45    }
46    .topLine noindex{
47    color:#000;
48    font-family: 'Montserrat med' !important;
49    font-style:normal !important;
50    font-size: 12px !important;
51     margin-left:10px;
52    }
53    </style>
54	
55    <link rel="stylesheet" href="/templates/Default/css/bs_edit.css?ver=3">
56	
57</head>
58<body class="news-page">
59 
60<a id="button">
61	<img src="https://hrooms.ru/uploads/arrow.png" width="100%">    
62</a>
63 
64<div class="topLine">
65<div class="toggles mobileOnly">
66
67    <div class="header__language">
68		
69			<!-- KOSS *** <a style="display:inline-block;vertical-align:top;" href="/index.php?action_skin_change=yes&skin_name=Default"> *** -->
70				<!-- <img data-google-lang="ru" src="/templates/Default/img/ru-ico.svg" alt=""  width="24px" height="24px"/> 
71				<a href="#" data-google-lang="ru">RU</a> | <a href="#"  data-google-lang="en"> ENG</a>--->
72			<!-- KOSS *** </a> *** -->
73		 
74			<!-- KOSS *** <a style="display:inline-block;vertical-align:top;" href="/index.php?action_skin_change=yes&skin_name=english"> *** -->
75			 <!---- <img data-google-lang="en" src="/templates/Default/img/en-ico.svg" alt="" width="24px" height="24px"/>  --->
76				
77			<!-- KOSS *** </a> *** -->
78		
79			<div class="language">
80				<img src="/templates/Default/images/lang__ru.png" alt="ru" data-google-lang="ru" class="language__img">
81				<img src="/templates/Default/images/lang__en.png" alt="en" data-google-lang="en" class="language__img">
82			</div>
83	</div>	
84
85
86</div>
87    <img width="20px" src="/uploads/gender.png">
88    <noindex>Интим-услуги не предоставляются!</noindex>
89</div>
90
91    <header class="header">
92	<div class="headerstat">
93		<div class="header__top">
94			<div class="theHeadBlock">
95				<div class="hamburger mobile-show">
96					<div class="hamburger__menu"><span class="hamburger__menu-line"></span></div>
97				</div>
98				
99				<a class="header__logo"  href="/" title="Эротический массаж в Сочи"><img src="/templates/Default/img/logo2.png" alt="Эротический массаж мужчине в Сочи" /></a>
100				
101				<div class="header__wrap" style="justify-content:center;">
102					<!--- <div class="header__wrap--info hide-scroll">
103						<div class="header__wrap--info-container" style="display: -webkit-inline-box;"> </div>
104						<div class="mobile-hide hidden-md">
105							<div class="header__wrap--info-item header__wrap--info-phones" style="margin-top: 17px;"> </div>
106						</div>
107					</div> --->
108					<nav class="header__wrap--nav">
109						<ul class="header__wrap--nav-list mobile-show mobile-show--flex">
110                            							<li><a href="/">Главная</a></li>
111                            								<li><a href="/girls/">Мастера девушки</a></li>
112						
113							<li><a href="/massazh-dlya-muzhchin/">Программы Каприз</a></li>
114							<li><a href="/stocksnew/">Акции</a></li>
115							<li><a href="/articles/">Статьи</a></li>
116							<li><a href="/muzhskoy-klub/">Интерьеры</a></li>
117							<li><a href="/otzyvy/">Отзывы</a></li>
118							<li><a href="/rabota/index.html">Работа</a></li>
119							<li><a href="/contacts.html">Контакты</a></li>
120						</ul>
121						<ul id="theMenu" class="header__wrap--nav-list mobile-hide">
122                            
123							<li><a href="/girls/">Мастера</a>
124							</li>
125							<li>
126                                
127                            
128							<li><a href="/massazh-dlya-muzhchin/">Программы</a>
129							</li>
130							<li>
131                                
132						
133							<li>
134								<a href="/stocksnew/"> <span>Акции</span> </a>
135							</li>
136							<li>
137								<a href="/muzhskoy-klub/"> <span>Интерьеры</span> </a>
138							</li>
139							<li>
140								<a href="/otzyvy/"> <span>Отзывы</span> </a>
141							</li>
142                            <li>
143								<a href="/contacts.html"> <span>Контакты</span> </a>
144							</li>
145						</ul>
146					</nav>
147				</div>
148				<div class="h24-7 hide-scroll"  style="margin-left: 0 !important;"> 
149
150                   
151                </div>  
152				<div class="header__wrap-buttons"> 
153				<a href="javascript:(function(){var b=document.getElementById('tc-launcher');if(b){b.click();return;}var f=document.querySelectorAll('iframe');for(var i=0;i<f.length;i++){try{b=f[i].contentDocument&&f[i].contentDocument.getElementById('tc-launcher');if(b){b.click();return;}}catch(e){}}})()" class="zigzag" style="font-size: 21px;" style="width: max-content;">8 988 666 99 98</a>
154					
155				</div>
156				 <a class="phoneIcon2" href="javascript:(function(){var b=document.getElementById('tc-launcher');if(b){b.click();return;}var f=document.querySelectorAll('iframe');for(var i=0;i<f.length;i++){try{b=f[i].contentDocument&&f[i].contentDocument.getElementById('tc-launcher');if(b){b.click();return;}}catch(e){}}})()">
157                        <!-- <img style="width:23px;" src="/templates/Default/img/telef.png"> ---->
158                        <img style="height:59px;" src="/templates/Default/img/phoneIcon.png">
159                    </a>
160			</div>
161
162            <div class="theHeadBlock forMobile">
163				<div class="hamburger mobile-show">
164					<div class="hamburger__menu"><span class="hamburger__menu-line"></span></div>
165				</div>
166				<a class="header__logo hide_on_scroll" href="/" title="Эротический массаж мужчине в Сочи"><img src="/templates/Default/img/logo2.png" alt="Эротический массаж мужчине в Сочи" /></a>
167				<div class="" style="display:flex;align-items:center;">
168                    
169                    <a class="zigzag" href="tel:89886669998" style="margin-right:5px;font-size:14px !important">
170                        8 988 666 99 98
171                    </a>
172                    <a class="phoneIcon2" href="tel:89886669998" style="margin-left:5px">
173                        <img style="width:29px;" src="/templates/Default/img/phoneIcon.png">
174                    </a>
175                    
176                 </div>
177              
178                <a href="#footer1" id="blink" class="show_on_scroll tadresses">Адреса салонов</a>
179			</div>
180            <div>
181				<nav class="header__wrap--nav">
182                    <ul id="theMenu1" class="header__wrap--nav-list mobile-show mobile-show--flex">
183							<li><a href="/">Главная</a></li>
184							
185                                                    <li><a href="/girls/">Мастера девушки</a></li>
186                                <li><a href="/massazh-dlya-muzhchin/">Программы</a></li>
187                        
188                        
189                        <li><a href="/stocksnew/">Акции</a></li>
190                        
191                        
192                        <li><a href="/articles/">Статьи</a></li>
193                        <li><a href="/muzhskoy-klub/">Интерьеры</a></li>
194                        <li><a href="/otzyvy/">Отзывы</a></li>
195                        <li><a href="/rabota/index.html">Работа</a></li>
196                        <li><a href="/contacts.html">Контакты</a></li>
197                    </ul>
198                </nav>
199		</div>
200	</div>
201	</div> 
202	 
203</header>
204
205  
206 <div id='dle-content'><style>
207    img.fr-dii {
208    margin-left: 20%;
209    margin-right: 20%;
210    margin-bottom: 20px;
211    margin-top: 20px;
212    }
213    news__item-text ul{
214    padding-left: 20px;
215}
216</style>
217
218
219<section class="news-item section-padding">
220    <div class="container">
221        <h1 class="caption">Клубная карта для наших гостей</h1>
222        <div class="news-item__content">
223             <div align="center"><img class="news-section__img lazy" data-src="/uploads/posts/2026-09/1788300172_1783118229_card.jpg" alt="Клубная карта для наших гостей" style="max-width: 50%;"/></div>
224            <div class="news__item-text">
225                <p><span style="font-weight: 400;">Клубная карта для наших гостей с опциями для своих</span></p>
226            </div>
227            
228        </div>
229    </div>
230</section></div>
231        
232        <style>
233@media (max-width: 900px) {
234    
235    .news__item {
236    width: 100%!important;
237    margin: 1rem 0!important;
238    display: block!important;
239    vertical-align: top!important;
240    margin-right: 2%!important;
241    text-align: center!important;
242}
243    
244    .news__content {
245    display: block;
246    padding: 0 7%;
247    margin-top: -40px!important;
248}
249
250.news__content >
250 .news__item, .news__content > div {
251    max-width: 47%!important;
252    margin: auto!important;
253    min-width: auto!important;
254    display: block;
255    }
256    
257.news__img {
258    background-size: cover!important;
259}
260    
261    .news__content .news__item .news__img {
262    height: 335px;
263    background-size: cover!Important;
264    min-height: 0;
265    width: 100%;
266}
267
268}
269
270@media (max-width: 767px) {
271    
272h2.caption.mobile-show {
273    display: none!important;
274}
275    
276.news__content .news__item, .news__content > div {
277    max-width: 100%;
278    min-width: fit-content!important;
279    display: block;
280}
281    
282    .news__item {
283    width: 100%!important;
284    margin: 1rem 0!important;
285    display: block!important;
286    vertical-align: top!important;
287    margin-right: 2%!important;
288    text-align: center!important;
289}
290    .news__info {
291        padding-left: 0px!important;
292}
293    
294}
295</style>
296         
297  
298 
299    
300    
301
302    
303
304    
305    
306    
307    
308    
309    
310    
311    
312    
313    
314    
315    
316
317
318    <!---- OLD FOOTER oldfootertpl -------->
319    <style>
320    @media screen and (max-width:720px){
321        .bs-footer{
322        	margin-bottom:80px;
323        }
324    }
325    .thePerson__photos2 .canZoom {
326
327    height: 280px !important;
328    display: block!important;
329    object-fit: contain!important
330    }
331    
332    .bs-footer {
333  background-color: #272727 !important;
334}
335
336.bs-footer *:not(.container):not(i) {
337  font-family: "Times New Roman" !important;
338  color: #fff !important;
339  font-size: 1rem !important;
340  margin: 0 !important;
341  padding: 0 !important;
342  -webkit-box-sizing: border-box !important;
343          box-sizing: border-box !important;
344}
345
346.bs-footer .bs-inner {
347  height: 150px !important;
348  display: -webkit-box !important;
349  display: -ms-flexbox !important;
350  display: flex !important;
351  -webkit-box-align: center !important;
352      -ms-flex-align: center !important;
353          align-items: center !important;
354}
355
356.bs-footer .bs-inner > div {
357  padding: 0 2% !important;
358}
359
360.bs-footer .bs-inner > .bs-info {
361  display: -webkit-box !important;
362  display: -ms-flexbox !important;
363  display: flex !important;
364  -webkit-box-align: center !important;
365      -ms-flex-align: center !important;
366          align-items: center !important;
367  -webkit-box-pack: justify !important;
368      -ms-flex-pack: justify !important;
369          justify-content: space-between !important;
370  width: 66% !important;
371}
372
373.bs-footer .bs-inner > .bs-info > div {
374  width: 49.5% !important;
375}
376
377.bs-footer .bs-inner > .bs-info .bs-logo {
378  margin: 5px auto !important;
379}
380
381.bs-footer .bs-inner > .bs-info .bs-logo p {
382  color: #fff !important;
383  text-align: center !important;
384}
385
386.bs-footer .bs-inner > .bs-info .bs-social {
387  margin: 5px auto !important;
388  display: -webkit-box !important;
389  display: -ms-flexbox !important;
390  display: flex !important;
391  -webkit-box-orient: vertical !important;
392  -webkit-box-direction: normal !important;
393      -ms-flex-direction: column !important;
394          flex-direction: column !important;
395}
396
397.bs-footer .bs-inner > .bs-info .bs-social p {
398  color: #fff !important;
399  text-align: center !important;
400}
401
402.bs-footer .bs-inner > .bs-info .bs-social ul {
403  display: -webkit-box !important;
404  display: -ms-flexbox !important;
405  display: flex !important;
406  margin: 0% !important;
407  padding: 0 !important;
408  -ms-flex-pack: distribute !important;
409      justify-content: space-around !important;
410  list-style-type: none !important;
411}
412
413.bs-footer .bs-inner > .bs-info .bs-social ul li a {
414  display: block !important;
415}
416
417.bs-footer .bs-inner > .bs-info .bs-social ul li a img {
418  display: block !important;
419  width: 40px !important;
420  height: 40px !important;
421}
422
423.bs-footer .bs-inner .bs-adress {
424  width: 30% !important;
425  padding: 0% 2% 3% 2% !important;
426  border: 1px solid #232d35 !important;
427  background-color: #fff !important;
428  border-radius: 10px !important;
429  height: 138% !important;
430  position: relative !important;
431  top: -24% !important;
432  display: -webkit-box !important;
433  display: -ms-flexbox !important;
434  display: flex !important;
435  -webkit-box-orient: vertical !important;
436  -webkit-box-direction: normal !important;
437      -ms-flex-direction: column !important;
438          flex-direction: column !important;
439  -webkit-box-pack: justify !important;
440      -ms-flex-pack: justify !important;
441          justify-content: space-between !important;
442}
443
444.bs-footer .bs-inner .bs-adress * {
445  color: #c19147 !important;
446}
447
448.bs-footer .bs-inner .bs-adress ul {
449  padding: 5% 0 !important;
450  list-style-type: none !important;
451  margin: 0 !important;
452}
453
454.bs-footer .bs-inner .bs-adress ul li {
455  border-bottom: 1px solid #232d35 !important;
456}
457
458.bs-footer .bs-inner .bs-adress ul li a {
459  text-decoration: none !important;
460  display: block !important;
461  padding: 10px 0 !important;
462  color: #232d35 !important;
463}
464
465.bs-footer .bs-inner .bs-adress .btn {
466  display: block !important;
467  width: 60% !important;
468  margin: 15px auto !important;
469  background-color: #c19147 !important;
470  color: #fff !important;
471  padding: 20px 0 !important;
472  text-align: center !important;
473  text-decoration: none !important;
474  border-radius: 10px !important;
475}
476
477.bs-footer .bs-inner .bs-contacts {
478  width: 35% !important;
479  display: -webkit-box !important;
480  display: -ms-flexbox !important;
481  display: flex !important;
482  -webkit-box-pack: justify !important;
483      -ms-flex-pack: justify !important;
484          justify-content: space-between !important;
485}
486
487.bs-footer .bs-inner .bs-contacts .phone {
488  width: 60% !important;
489}
490
491.bs-footer .bs-inner .bs-contacts .phone a {
492  color: #c19147 !important;
493}
494
495.bs-footer .bs-inner .bs-contacts .phone a b {
496  color: #fff !important;
497}
498
499.bs-footer .bs-inner .bs-contacts .links {
500  width: 100%;
501}
502
503.bs-footer .bs-inner .bs-contacts ul {
504  list-style-type: none !important;
505  padding: 0 2% !important;
506  margin: 0 !important;
507}
508
509.bs-footer .bs-inner .bs-contacts ul li {
510  padding: 5px 0 !important;
511  border-bottom: 1px solid #fff !important;
512}
513
514.bs-footer .bs-inner .bs-contacts ul li a {
515  color: #fff !important;
516  text-decoration: none !important;
517}
518
519.bs-footer .bs-bottom {
520  background-color: #131b21 !important;
521}
522
523.bs-footer .bs-bottom p {
524  text-align: center !important;
525  padding: 10px 0 !important;
526}
527
528@media screen and (max-width: 1105px) {
529  .bs-footer * {
530    font-size: 0.9rem !important;
531  }
532  .bs-footer * .bs-inner .bs-info .bs-social ul li a img {
533    width: 25px !important;
534    height: 25px !important;
535  }
536}
537
538@media screen and (max-width: 980px) {
539    
540    .thePerson__photos2 .canZoom {
541    height: 435px !important;
542    display: block!important;
543    object-fit: contain!important
544    }
545    
546  .bs-footer .bs-bottom p {
547    font-size: 0.8rem !important;
548    padding: 10px !important;
549  }
550  .bs-footer .bs-inner {
551    -webkit-box-orient: vertical !important;
552    -webkit-box-direction: normal !important;
553        -ms-flex-direction: column !important;
554            flex-direction: column !important;
555    -webkit-box-align: center !important;
556        -ms-flex-align: center !important;
557            align-items: center !important;
558    height: auto !important;
559  }
560  .bs-footer .bs-inner > div {
561    margin: 5px auto !important;
562  }
563  .bs-footer .bs-inner .bs-info {
564    -webkit-box-ordinal-group: 2 !important;
565        -ms-flex-order: 1 !important;
566            order: 1 !important;
567    width: 98% !important;
568    -webkit-box-orient: vertical !important;
569    -webkit-box-direction: normal !important;
570        -ms-flex-direction: column !important;
571            flex-direction: column !important;
572    -webkit-box-pack: center !important;
573        -ms-flex-pack: center !important;
574            justify-content: center !important;
575  }
576  .bs-footer .bs-inner .bs-info .bs-logo {
577    width: 98% !important;
578  }
579  .bs-footer .bs-inner .bs-info .bs-social {
580    width: 98% !important;
581  }
582  .bs-footer .bs-inner .bs-adress {
583    -webkit-box-ordinal-group: 1 !important;
584        -ms-flex-order: 0 !important;
585            order: 0 !important;
586    width: 98% !important;
587    top: 0 !important;
588    left: 0 !important;
589    padding: 5px 0 !important;
590  }
591  .bs-footer .bs-inner .bs-adress ul {
592    padding: 5px 10px !important;
593  }
594  .bs-footer .bs-inner .bs-contacts {
595    width: 98% !important;
596    -webkit-box-orient: vertical !important;
597    -webkit-box-direction: normal !important;
598        -ms-flex-direction: column !important;
599            flex-direction: column !important;
600    -webkit-box-pack: center !important;
601        -ms-flex-pack: center !important;
602            justify-content: center !important;
603  }
604  .bs-footer .bs-inner .bs-contacts .phone, .bs-footer .bs-inner .bs-contacts .links {
605    width: 98% !important;
606    padding: 5px 0 !important;
607  }
608}
609        .mapbg{
610    	border-radius: 20px;
611    background-color: #ffffff;
612    border-color: transparent;
613    border-style: solid;
614    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
615        padding:20px;
616        width:90%;
617        margin:0 auto;
618        display:flex;
619        align-items:center;
620    }
621    .mapbg iframe{
622    	width:62%;
623    }
624    #officemap{
625    	margin-bottom:30px;
626    }
627    .bs-adress {
628        background:#fff;
629        position:relative;
630        left:5%;
631    -webkit-box-ordinal-group: 1 !important;
632        -ms-flex-order: 0 !important;
633            order: 0 !important;
634    width: 38% !important;
635    border-radius: 20px;
636    background-color: #ffffff;
637    background-position: center center;
638    border-color: transparent;
639    border-style: solid;
640        padding:10px;
641    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
642  }
643  .bs-adress * {
644  color: #c19147 !important;
645}
646
647.bs-adress ul {
648  padding: 5% 0 !important;
649  list-style-type: none !important;
650  margin: 0 !important;
651}
652
653.bs-adress ul li {
654  border-bottom: 1px solid #232d35 !important;
655}
656
657.bs-adress ul li a {
658  text-decoration: none !important;
659  display: block !important;
660  padding: 3px 0 !important;
661  color: #232d35 !important;
662}
663
664.bs-adress .btn {
665  display: block !important;
666  width: 60% !important;
667  margin: 0 auto !important;
668  background-color: #c19147 !important;
669  color: #fff !important;
670  padding: 20px 0 !important;
671  text-align: center !important;
672  text-decoration: none !important;
673  border-radius: 10px !important;
674}
675    @media screen and (max-width: 900px){
676        .mapbg{
677        flex-direction:column !important;
678        }
679     .mapbg iframe{
680    	width:100%;
681         
682    }
683        .bs-adress{
684            margin-top:10px;
685        	left:0;
686            width:100% !important;
687            position:unset;
688        }
689        .bs-adress .btn{
690            position:unset !important;
691        }
692    }
693</style> 
694<section id="officemap">
695    <div class="maintitle">
696            <span style="font-size:35px">Наш салон</span>
697            <p>Наш актуальный адрес и телефон</p>
698            <div class="orn">
699                <img src="/uploads/downorn.png">
700            </div>
701         </div>
702    	<div class="container">
703    		<div class='mapbg' id="footer1">
704<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A92f0fc2e5f50180654d6d891c3c4fcc688800a1758d0760bbb813e7770ae2fe6&amp;source=constructor" width="100%" height="450" frameborder="0"></iframe>
705                <div class="bs-adress">
706<ul>
707<li><a href="https://yandex.ru/maps/-/CCUFJAWVHA">Салон "Каприз Сочи"<br><b>Россия, Сочи, микрорайон Заречный, Красноармейская ул., 1/2</b></a>
708<a href="tel:89886669998"><i class="fa fa-phone"></i><b>8 988 666 99 98</b></a></li>
709</ul>
710               <div class="col-md-12" style="float:none">
711                    <div class="thePerson__photos2">
712                        <img class="person-inner__photo choose-first__slide_img canZoom" src="/uploads/1.jpg" alt="" loading="lazy" />
713                        <img class="person-inner__photo choose-first__slide_img canZoom" src="/uploads/2.jpg" alt="" loading="lazy" />
714                        <img class="person-inner__photo choose-first__slide_img canZoom" src="/uploads/3.jpg" alt="" loading="lazy" />
715                    </div>
716                   	<div class="thePerson__photo-controls2"></div>
717                </div>
718
719                         <div style="margin-top:5px"><a href="javascript:(function(){var b=document.getElementById('tc-launcher');if(b){b.click();return;}var f=document.querySelectorAll('iframe');for(var i=0;i<f.length;i++){try{b=f[i].contentDocument&&f[i].contentDocument.getElementById('tc-launcher');if(b){b.click();return;}}catch(e){}}})()" class="btn reviews__button2">ЗАПИСЬ К МАСТЕРУ</a></div>
720
721                </div>
722            </div>
723    	</div>
724    </section>
725
726<div class="bs-footer" id="footer1">
727        <div class="container">
728           <div class="bs-inner">
729                    <div class="bs-info">
730                        <div class="bs-logo">
731                            <p>
732                                2012-2026 «Каприз» в Сочи.  <br>Все права защищены.
733                            <br>
734                            <a href="/v-arhiv/586-politika-konfidencialnosti.html"><b style="color:#d5a254!important">Конфиденциальность и безопасность данных</b></a>
735                            </p>
736                        </div>
737                        <div class="bs-social">
738                           <p>Присоединяйтесь к нам
739                            в социальных сетях!</p>
740                 <ul>
741                
742                                <li><a href="https://max.ru/u/f9LHodD0cOIIEypofuEHAVz7aSkwkjnJzHm8urc0KCaHuTFqnd_cuQ711l8"><img src="/Max_logo_20252.png" alt=""></a></li>
743                                <li><a href="https://telegram.me/Kapriz_sochi"><img src="https://hrooms.ru/uploads/posts/2020-09/1599749729_tel.png" alt=""></a></li>
744                            </ul>
745                        </div>
746                    </div>
747                    
748                    <div class="bs-contacts">
749                        
750                        <ul class="links">
751                            <li><a href="/articles">Статьи</a></li>
752                            <li><a href="/our-videos.html">Видео</a></li>
753                            <li><a href="rabota">Работа</a></li>
754                        </ul>
755                    </div>
756                </div> 
757                
758        </div>
759        <div class="bs-bottom">
760            <div class="container">
761                <p>
762                    Несанкционированное копирование материалов сайта влечет уголовную ответственность. <br>Сайт имеет возрастное ограничение 18+. Данные, размещенные на сайте, носят информационный характер. Информация не явÐ
762»ÑÐµÑ‚ся публичной офертой. Администрация сайта не преследует цели оскорбить честь и достоинство посетителей сайта.
763                </p>
764            </div>
765    </div>
766    </div>
767<style>
768        [name=rev_type]+[for=nice_up]{
769        	cursor:pointer;
770            transition:0.3s;
771            display:inline-block;
772            padding:5px;
773            margin:0 5px;
774            border:1px solid green;
775            color:green;
776            opacity:0.7;
777        }
778        [name=rev_type]+[for=nice_down]{
779        	cursor:pointer;
780            transition:0.3s;
781            display:inline-block;
782            padding:5px;
783            margin:0 5px;
784            border:1px solid red;
785            color:red;
786            opacity:0.7;
787        }
788        [name=rev_type]{
789        	display:none !important;
790        }    
791        [name=rev_type]:checked+[for=nice_up]{
792            background:green;
793            color:#fff;
794            opacity:1;
795        }
796        [name=rev_type]:checked+[for=nice_down]{
797            background:red;
798            color:#fff;
799            opacity:1;
800        }
801        
802    </style>
803    <div class="popup__wrap_m popup__wrap-second">
804        <div class="popup__wrap-box">
805            <form class="form well ec-form popup__wrap--form popup__wrap--reviews" method="post" role="form"  id="napr" data-fid="resource-1">
806                <label class="close"></label>
807                <p class="popup__wrap-text-r" style="color: #000;">Напишите нам свой отзыв</p>
808                 <div class='d-flex align-itmems-center justify-content-end' style="margin-bottom:8px">
809                    <input checked required type="radio" id="nice_up" name="rev_type" value="1"><label for="nice_up">Положительный <i class="fa fa-thumbs-up"></i>
810                    	
811                    </label>
812                    <input required type="radio" id="nice_down" name="rev_type" value="0"><label for="nice_down">Отрицательный <i class="fa fa-thumbs-down"></i>
813                    	
814                    </label>
815                </div>
816                <div class="form-group">
817                    <span class="ec-error help-block" id="ec-user_name-error-resource-1"></span>
818                    <input type="text" name="w1" class="form-control" id="ec-user_name-resource-1" value="" placeholder="Ваше имя*" />
819                </div>
820                <div class="form-group">
821                    <span class="ec-error help-block" id="ec-text-error-resource-1"></span>
822                    <textarea type="text" name="w2" class="form-control inputmessage" rows="5" id="ec-text-resource-1" placeholder="Текст отзыва*"></textarea>
823                </div>
824                
825                <div class="form-group">
826
827                    <span class="ec-error help-block" id="ec-user_name-error-resource-1" style="color: black;margin-top: 4px;margin-bottom: 10px;font-size: 12px;"> Уважаемый гость!
828Если у вас остались вопросы или пожелания по качеству наших услуг, будем рады их услышать. Вы можете написать отзыв или обратную связь в удобном для вас мессенджере (WhatsApp или Telegram) по ссылке ниже. Ваше мнение очень важно для нас!</span>
829
830<div class="bs-social">
831               
832
833<a href="whatsapp://send?phone=79612890359&amp;text=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5%21%20%D0%A5%D0%BE%D1%87%D1%83%20%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D0%B0%D1%82%D1%8C%D1%81%D1%8F%20%D0%BA%20%D0%B2%D0%B0%D0%BC/"><img src="https://hrooms.ru/uploads/posts/2020-09/1599749527_wh.png" alt="">
834</a>
835<a href="https://telegram.me/Kapriz_sochi"><img src="https://hrooms.ru/uploads/posts/2020-09/1599749729_tel.png" alt=""></a>
836                                   
837                        </div>
838                        
839                        
840                </div>
841                
842                <div class="form-actions">
843                    <input type="submit" class="btn btn-primary popup__wrap--btn" name="send" value="Отправить отзыв" />
844                </div>
845                <div id="ec-form-success-resource-1" class="ec-form-success"></div>
846            </form>
847        </div>
848    </div>
849    
850    <div class="popup__wrap_m popup__wrap-second1">
851        <div class="popup__wrap-box">
852            <form class="form well ec-form popup__wrap--form popup__wrap--reviews" method="post" role="form"  id="napr" data-fid="resource-1">
853                <label class="close"></label>
854                <p class="popup__wrap-text-r" style="color: #000;">Несанкционированное копирование материалов сайта влечет уголовную ответственность. Сайт имеет возрастное ограничение 18+. Данные, размещенные на сайте, носят информационный характер. Администрация сайта не преследует цели оскорбить честь и достоинство посетителей сайта.</p>
855            </form>
856        </div>
857    </div>
858    
859           
860    <div class="img_wrapper">
861        <div class="img_container">
862            <div class="doCloseImg">+</div>
863        </div>
864    </div>
865    <div class="overlay"></div>
866
867<div class="overlay-age">
868    <div class="oa_wrap">
869        <div class="oaw_text">
870             <span>Уважаемый посетитель!</span>
871            <p>Страницы сайта могут содержать <br class="new-line"> изображения  и текстовые материалы сексуального характера, запрещенные к 
872            просмотру лицам младше 18 лет.
873             </p> <p>Нажимая кнопку "Да" Вы подтверждаете, <br>что Вам 18 или более лет.</p>
874        </div>
875        <div class="oaw_btns">
876            <div class="oaw_y" onclick="yaCounter47733892.reachGoal(‘push‘); return true;">
877                Да
878            </div>
879            <div class="oaw_n">
880                Нет
881            </div>
882        </div>
883    </div>
884
885
886</div>
887
888
889
890    <style>
891    	/*.forMobile--icons>div>a{
892            	background-color:#D2A052 !important;
893            }*/
894        .button_fa87{
895              margin-bottom: 50px !important;
896            }
897        .main_ba11{
898        	display:none !important;
899        }
900        .forMobile--icons>div>a:not([mp_open]){
901            	background-color:#D2A052 !important;
902            	color:#fff !important;
903            border:1px solid #272727;
904            }
905            [mp_open]{
906                border:none;
907            	background-color:#272727 !important;
908                color:#D2A052 !important;
909            } 
910       
911    </style>
912<div class="forMobile--icons">
913	<div class="fmi_block">
914		<a href="https://max.ru/u/f9LHodD0cOIIEypofuEHAVz7aSkwkjnJzHm8urc0KCaHuTFqnd_cuQ711l8" target="_parent" class="lc-float-buttons__button" style="background-color:#07e576; font-size: 20px" data-idx="0">
915			<div class="lc-icon lc-icon_fill-type_fill">
916						       <img src='/Max_logo_2025.png' width="16px"><text>MAX</text></div>
917		</a>
918        	<a href="https://telegram.me/Kapriz_sochi" target="_parent" class="lc-float-buttons__button" style="background-color:#30a8dc; font-size: 20px" data-idx="1">
919			<div class="lc-icon lc-icon_fill-type_fill">
920						<i class='fa fa-paper-plane'></i><text> Telegram</text>	
921			</div>
922		</a>
923		
924                        
925                             
926	</div>
927	
928	
929  <div class="fmi_block">
930    <a href="https://t.me/Kapriz_sochi" class="lc-float-buttons__button" style="background-color: #000000 !important; font-size: 20px;width:100%" data-idx="0">
931      <div class="lc-icon lc-icon_fill-type_fill">
932        <i></i><text>ТРАНСФЕР</text>
933      </div>
934    </a>
935  </div>
936 
937</div>
938
939
940<!--noindex-->	
941
942<script src="/templates/Default/js/vue-carousel-3d.min.js" defer></script>
942
943	
943<script src="https://unpkg.com/[email protected]" defer></script>
943
944	 <!--
944<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js" defer></script>
944
945    
945<script src="/templates/Default/js/koss/js/google-translate.js" defer></script>
945
946	 
946<script src="https://translate.google.com/translate_a/element.js?cb=TranslateInit" defer></script>
946
947	 -->
948    
949    
949<script src="/templates/Default/js/koss/js/main.js" defer></script>
949
950	
950<script>
951window.onload=function(){new Vue({el:"#example",data:{slides:7},components:{"carousel-3d":Carousel3d.Carousel3d,slide:Carousel3d.Slide}})};
952</script>
952
953
954    
954<script src="/templates/Default/js/jquery.min.js"></script>
954
955	
955<script src="/templates/Default/js/bootstrap.min.js" defer></script>
955
956	
956<script src="/engine/classes/min/index.php?charset=utf-8&amp;f=engine/classes/js/jqueryui.js,engine/classes/js/dle_js.js&amp;v=25" defer></script>
956
957	
957<script defer>$(function(){$('#napr').attr({'action': '/otziv.php'});});</script>
957
958    
958<script src="/templates/Default/js/jquery.modal.min.js" defer></script>
958
959    <link rel="stylesheet" href="/templates/Default/css/jquery.modal.min.css" />
960    
960<script src="/templates/Default/libs/slick.min.js" defer></script>
960
961    
961<script src="/templates/Default/js/cookie-jquery.js" defer></script>
961
962    
962<script src="/templates/Default/js/main2.js?ver=4" defer></script>
962
963    
963<script defer src="/templates/Default/js/lazyload.js" defer></script>
963
964       
965    <style>
966.bs_contacts {
967  position: fixed;
968  bottom: 50px;
969  right: calc((100vw - 1240px)/2 + 7.5px);
970  z-index:997;
971}
972    #button{
973     left:calc((100vw - 1240px)/2 + 7.5px) !important;
974    }
975@media screen and (max-width:1240px){
976        .bs_contacts{
977  			right: calc(1.5% + 15px) !important;
978        }
979    #button{
980  			left: calc(1.5% + 15px) !important;
981        }
982}
983    .bs_contacts .open{
984    	font-size:1.4rem;
985    }
986.bs_contacts > .chat.show_b {
987  top: -68px;
988  right: 10px;
989}
990.bs_contacts > .vb.show_b {
991  top: -48px;
992  right: 69px;
993}
994.bs_contacts > .vh.show_b {
995  top: -50px;
996  right: 66px;
997}
998.bs_contacts > .th.show_b {
999  top: 7px;
1000  right: 87px;
1001}
1002.bs_contacts .open_button {
1003    cursor:pointer;
1004  position: relative;
1005  width: 80px;
1006  height: 80px;
1007  display: flex;
1008  align-items: center;
1009  justify-content: center;
1010  font-size: 2rem;
1011  background-color: #D5A253;
1012  border-radius: 50%;
1013  color: #fff;
1014  font-family: sans-serif;
1015  z-index: 997;
1016}
1017    .open_button img{
1018    	width:100%;
1019    }
1020.bs_contacts .open {
1021  display: flex;
1022  text-decoration: none;
1023  position: absolute;
1024  top: 15px;
1025  right: 15px;
1026  width: 50px;
1027  height: 50px;
1028  border-radius: 50%;
1029  background-color: #D5A253;
1030  color: #fff;
1031  font-family: sans-serif;
1032  align-items: center;
1033  justify-content: center;
1034  z-index: 2;
1035  transition: 0.5s;
1036}
1037
1038    #button{
1039    	bottom:90px !important;
1040        width:80px !important;
1041        height:80px !important;
1042        border-radius:50% !important;
1043    }
1044    #button::after{
1045        content:none;
1046    }
1047    @media screen and (max-width: 992px) {
1048  .bs_contacts > .chat.show_b {
1049    top: 10px !important;
1050    right: 65px !important;
1051  }
1052  .bs_contacts > .vb.show_b {
1053    top: 10px !important;
1054    right: 110px !important;
1055  }
1056  .bs_contacts > .vh.show_b {
1057    top: 10px !important;
1058    right: 113px !important;
1059  }
1060  .bs_contacts > .th.show_b {
1061    top: 10px !important;
1062    right: 162px !important;
1063  }
1064    #button{
1065        width:60px !important;
1066        height:60px !important;
1067    }
1068   .bs_contacts .open_button{
1069        	width:60px !important;
1070        	height:60px !important;
1071    }
1072        .bs_contacts .open{
1073        	width:40px  !important;
1074            height:40px !important;
1075        }
1076}
1077    .headerstat.tfixed{
1078    z-index:997 !important;
1079    }
1080</style>
1081
1082    <style>
1083        .blocker { z-index: 555; }
1084    </style>
1085    
1085<script src="/templates/Default/js/url.js" async></script>
1085
1086    <!--/noindex-->    
1087    
1088		
1088<script src="/templates/Default/js/int.js" defer></script>
1088
1089    
1090    
1090<script>
1091        let text;
1092        $("#vibor > option").each(function() {
1093            		text = this.innerHTML
1094    				
1095        			this.innerHTML = this.innerHTML.replace('Работает','');
1096            this.innerHTML = this.innerHTML.replace('Девушки','');
1097            this.innerHTML = this.innerHTML.replace('/','');
1098			});
1099    	
1100    </script>
1100
1101      
1101<script type="text/javascript">
1102
1103  $(document).ready(function(){
1104            $('#btn_submit').click(function(){
1105                // собираем данные с формы
1106                var phone = $('#phone').val();
1107                var time = $('#time').val();
1108                var calendar = $('#calendar').val();
1109                var name1 = $('#name1').val();
1110                var namemaster = $('#namemaster').val();
1111                var vibor = $('#vibor').val();
1112                // отправляем данные
1113                $.ajax({
1114                    url: "https://hrooms-sochi.ru/send2.php", // куда отправляем
1115                    type: "post", // метод передачи
1116                    dataType: "json", // тип передачи данных
1117                    data: { // что отправляем
1118                        "calendar":   calendar,
1119                        "time":   time,
1120						"phone":  phone,
1121                        "name1":  name1,
1122                        "namemaster":  namemaster,
1123                        "vibor":  vibor
1124                    },
1125                    // после получения ответа сервера
1126                    success: function(data){
1127                        $('.messages-hr').html(data.result); // выводим ответ сервера
1128                    },
1129                    error: function (xhr, ajaxOptions, thrownError) {
1130        alert(xhr.status);
1131        alert(thrownError);
1132      }
1133                });
1134            });
1135        });
1136
1137    </script>
1137
1138    
1139		
1139<script type="text/javascript">
1140			/*$(window).on("load",function(){
1141              var lazyLoadInstance = new LazyLoad({
1142				elements_selector: ".lazy"
1143			});
1144            })*/
1145
1146            /*$(document).ready(function() {
1147                var ex = $('#example');
1148                if( ex.lenght > 0 ) ex.css('visibility', 'visible');
1149            });*/
1150
1151
1152            var seoContent = $('.seo__content.hided-text');
1153            if( seoContent.length > 0 ) {
1154                $('.content_toggle').click(function(e){ 
1155                    e.preventDefault();
1156                    seoContent.toggleClass('c_hide');
1157                    var that = $(this);
1158
1159                    if (seoContent.hasClass('c_hide')) that.html('Читать полностью');
1160                    else that.html('Скрыть');
1161
1162                });			
1163            }
1164
1165
1166		</script>
1166
1167
1168	
1168<script type="text/javascript">
1169	var btn = $('#button');
1170
1171$(window).scroll(function() {
1172  if ($(window).scrollTop() > 300) {
1173    btn.addClass('show');
1174  } else {
1175    btn.removeClass('show');
1176  }
1177});
1178
1179btn.on('click', function(e) {
1180  e.preventDefault();
1181  $('html, body').animate({scrollTop:0}, '300');
1182});
1183 $(".desc_open").click(function(){
1184    	$to_open = $(this).attr("open_to")
1185        $("[to_open="+$to_open+"]").toggle(400)
1186    })
1187
1188	</script>
1188
1189	
1190 
1190<script>
1191    function getRandom(min, max) { // min and max included 
1192  return Math.floor(Math.random() * (max - min + 1) + min)
1193}
1194    function show(){
1195    	$(".alrt").slideDown(600)
1196    }
1197    setTimeout(show,4000)
1198$(".cs").click(function(){
1199$("#orderAlert").fadeOut(500)
1200})
1201$("orderalert").html(getRandom(4,8))
1202const last = new Date();
1203    dateRand = 0 - getRandom(4,8)
1204lastDate = last.setHours(last.getHours(), dateRand);
1205    lastDate = new Date(lastDate)
1206    $("date").html("Сегодня " + lastDate.getHours()+":"+lastDate.getMinutes())
1207$("online").html(getRandom(10,28))
1208     $("#theMenu1>li>ul").parent().find("a").click(function(){
1209      /*  alert("WTF")*/
1210     $(this).parent().find("ul").toggle(200)
1211     $(this).find("i").toggleClass("rtt")   
1212        
1213    })
1214</script>
1214
1215    
1216     <style>
1217            #map_distance{
1218            display:none;
1219            position:fixed;
1220            width:100%;
1221            top:0;
1222            left:0;
1223                z-index:99999999;
1224            }
1225            #map_distance .mp_inner{
1226            	display:flex;
1227                align-items:center;
1228                justify-content:center;
1229                width:100%;
1230                height:100vh;
1231                background:rgba(0,0,0,0.6)
1232            }
1233            #map_distance .mp_box	{
1234                position:relative;
1235            	width:auto;
1236                border-radius: 25px !important;
1237                border:1px solid;
1238    			background-color: #0D0D0D !important;
1239    			border-color: #c09760 !important;
1240    			padding: 40px !important;
1241            }
1242            #mp_close{
1243            	position:absolute;
1244                padding:5px;
1245                font-size:20px;
1246                top:8px;
1247                right:15px;
1248                color:#fff;
1249            }
1250            #map_distance .mp_box a,#map_distance .mp_box p, #map_distance .mp_box h2{
1251            color:#fff;
1252            text-decoration:none;
1253            }
1254        </style>
1255        <div id="map_distance">
1256            <div class='mp_inner'>
1257                <div class='mp_box'>
1258                    <a id="mp_close" style='font-family: sans-serif;'>X</a>
1259                    <p id="mp_name"></p>
1260                    <p id="mp_dist"></p>
1261                    <a id="mp_url"></a>
1262                    <h2 id="mp_error"></h2>
1263                </div>
1264            </div>
1265        
1266        </div> 
1267
1268	
1268<script type="text/javascript"> 
1269	
1270const googleTranslateConfig = {
1271    lang: "ru",
1272};
1273
1274function TranslateInit() {
1275
1276    let code = TranslateGetCode();
1277    // Находим флаг с выбранным языком для перевода и добавляем к нему активный класс
1278    $('[data-google-lang="' + code + '"]').addClass('language__img_active');
1279
1280    if (code == googleTranslateConfig.lang) {
1281        // Если язык по умолчанию, совпадает с языком на который переводим
1282        // То очищаем куки
1283        TranslateClearCookie();
1284    }
1285
1286    // Инициализируем виджет с языком по умолчанию
1287    new google.translate.TranslateElement({
1288        pageLanguage: googleTranslateConfig.lang,
1289    });
1290
1291    // Вешаем событие  клик на флаги
1292    $('[data-google-lang]').click(function () {
1293        TranslateSetCookie($(this).attr("data-google-lang"))
1294        // Перезагружаем страницу
1295        window.location.reload();
1296    });
1297}
1298
1299function TranslateGetCode() {
1300    // Если куки нет, то передаем дефолтный язык
1301    let lang = ($.cookie('googtrans') != undefined && $.cookie('googtrans') != "null") ? $.cookie('googtrans') : googleTranslateConfig.lang;
1302    return lang.substr(-2);
1303}
1304
1305function TranslateClearCookie() {
1306    $.cookie('googtrans', null);
1307    $.cookie("googtrans", null, {
1308        domain: "." + document.domain,
1309    });
1310}
1311
1312function TranslateSetCookie(code) {
1313    // Записываем куки /язык_который_переводим/язык_на_который_переводим
1314    $.cookie('googtrans', "/auto/" + code);
1315    $.cookie("googtrans", "/auto/" + code, {
1316        domain: "." + document.domain,
1317    });
1318}
1319$("[name=rev_type]").change(function(){
1320        	$val= $(this).val()
1321            if($val==0){
1322            	$("#review_phone").attr("required","required")
1323                $("#review_phone").attr("placeholder","Ваш номер телефона *")
1324                $("#num_help").show()
1325            } else {
1326            	$("#review_phone").removeAttr("required")
1327                $("#review_phone").attr("placeholder","Ваш номер телефона (не обязательно)")
1328                $("#num_help").hide()
1329            }
1330        })
1331	</script>
1331
1332	 
1332<script>
1333     $(".bs_togg>div>i").click(function(){
1334      $(".bs_togg>div>p:not(.head_tog)").toggle(200) 
1335         $(".bs_togg>div>i").toggleClass("rt")  
1336     })
1337        </script>
1337
1338	
1338<script src="//translate.google.com/translate_a/element.js?cb=TranslateInit"></script>
1338	
1339	
1340    
1341<!-- Yandex.Metrika counter -->
1342<script type="text/javascript">
vendor: 431 bytes, lines 1342-1350
1342
1343    (function(m,e,t,r,i,k,a){
1344        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
1345        m[i].l=1*new Date();
1346        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
1347        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
1348    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');
1349
1350    ym(
135054124774
vendor: 135 bytes, line 1350
1350, 'init', {webvisor:true, clickmap:true, referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
1351</script>
1351
1352<noscript><div><img src="https://mc.yandex.ru/watch/54124774" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
1353<!-- /Yandex.Metrika counter -->
1354<script>
1355  window.onload = function() {
1356    // Укажите домен сайта, переход с которого нужно отследить
1357    var targetReferrer = "spa-rostov-k.tilda.ws"; 
1358    
1359    if (document.referrer.indexOf(targetReferrer) !== -1) {
1360      ym(54124774, 'reachGoal', 'from_specific_site');
1361    }
1362  };
1363</script>
1363
1364
1365<!-- TCHAT IFRAME TEST START -->
1366<script>
1367(function () {
1368    var params = new URLSearchParams(window.location.search);
1369
1370    // Пока чат виден только по ссылке с ?tchat_test=1
1371    //if (params.get('tchat_test') !== '1') {
1372    //    return;
1373    //}
1374
1375    var iframe = document.createElement('iframe');
1376    var isFrameOpen = false;
1377
1378    /*
1379      Важно: меняем только iframe чата.
1380      Нижнюю панель сайта MAX / Telegram / ТРАНСФЕР не трогаем.
1381    */
1382    var MOBILE_BREAKPOINT = 767;
1383    var MOBILE_BOTTOM_SAFE = 92;
1384    var MOBILE_RIGHT_GAP = 10;
1385    var DESKTOP_GAP = 12;
1386    var CLOSED_SIZE = 112;
1387
1388    iframe.id = 'tchat-frame';
1389    iframe.src = '/tchat2/widget.php?v=kapriz-tchat2-1';
1390    iframe.setAttribute('allowtransparency', 'true');
1391
1392    iframe.style.position = 'fixed';
1393    iframe.style.border = '0';
1394    iframe.style.background = 'transparent';
1395    iframe.style.zIndex = '2147483647';
1396    iframe.style.overflow = 'hidden';
1397
1398    document.body.appendChild(iframe);
1399
1400    function viewportWidth() {
1401        return window.innerWidth || document.documentElement.clientWidth || 0;
1402    }
1403
1404    function viewportHeight() {
1405        return window.innerHeight || document.documentElement.clientHeight || 0;
1406    }
1407
1408    function isMobile() {
1409        return viewportWidth() <= MOBILE_BREAKPOINT;
1410    }
1411
1412    function collapseFrame() {
1413        isFrameOpen = false;
1414
1415        iframe.style.width = CLOSED_SIZE + 'px';
1416        iframe.style.height = CLOSED_SIZE + 'px';
1417
1418        if (isMobile()) {
1419            // Закрытая кнопка всегда видна и поднята над Telegram/MAX-панелью сайта.
1420            iframe.style.right = MOBILE_RIGHT_GAP + 'px';
1421            iframe.style.bottom = MOBILE_BOTTOM_SAFE + 'px';
1422        } else {
1423            iframe.style.right = DESKTOP_GAP + 'px';
1424            iframe.style.bottom = DESKTOP_GAP + 'px';
1425        }
1426    }
1427
1428    function expandFrame() {
1429        isFrameOpen = true;
1430
1431        var vw = viewportWidth();
1432        var vh = viewportHeight();
1433
1434        if (isMobile()) {
1435            /*
1436              Открытый iframe заканчивается над нижней панелью сайта.
1437              Внутри iframe само окно чата поднято выше круглой кнопки,
1438              поэтому кнопка не перекрывает сообщения и поле ввода.
1439            */
1440            iframe.style.width = '100vw';
1441            iframe.style.height = Math.max(420, vh - MOBILE_BOTTOM_SAFE) + 'px';
1442            iframe.style.right = '0';
1443            iframe.style.bottom = MOBILE_BOTTOM_SAFE + 'px';
1444            return;
1445        }
1446
1447        var frameWidth = Math.min(500, vw - 24);
1448        var frameHeight = Math.min(760, vh - 24);
1449
1450        iframe.style.width = frameWidth + 'px';
1451        iframe.style.height = frameHeight + 'px';
1452        iframe.style.right = DESKTOP_GAP + 'px';
1453        iframe.style.bottom = DESKTOP_GAP + 'px';
1454    }
1455
1456    window.addEventListener('message', function (event) {
1457        if (event.origin !== window.location.origin) {
1458            return;
1459        }
1460
1461        if (!event.data || event.data.type !== 'tchat-frame-state') {
1462            return;
1463        }
1464
1465        if (event.data.open) {
1466            expandFrame();
1467        } else {
1468            collapseFrame();
1469        }
1470    });
1471
1472    window.addEventListener('resize', function () {
1473        if (isFrameOpen) {
1474            expandFrame();
1475        } else {
1476            collapseFrame();
1477        }
1478    });
1479
1480    collapseFrame();
1481})();
1482</script>
1482
1483<!-- TCHAT IFRAME TEST END -->
1484    
1485</body>
1486</html>
1487<!-- DataLife Engine Copyright SoftNews Media Group (http://dle-news.ru) -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.