Showing source for: https://framesirus.ru/
Duration: 0.765801s
Server: nginx/1.14.2
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Официальный сайт итальянской марки профессиональной косметики для волос Framesi Фрамези</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="framesi, фрамези, Италия, профессиональная косметика для волос, официальный сайт" />
<meta name="description" content="Официальный сайт итальянской марки профессиональной косметики для волос Framesi Фрамези" />
<link href="/bitrix/cache/css/s2/framesi/template_6aa0b6e0f4ce684917ad0c212f2ff4b7/template_6aa0b6e0f4ce684917ad0c212f2ff4b7_v1.css?1716381370522060" type="text/css" data-template-style="true" rel="stylesheet" />
<script>if(!window.BX)window.BX={};if(!window.BX.message)window.BX.message=function(mess){if(typeof mess==='object'){for(let i in mess) {BX.message[i]=mess[i];} return true;}};</script>
<script>(window.BX||top.BX).message({'JS_CORE_LOADING':'Загрузка...','JS_CORE_NO_DATA':'- Нет данных -','JS_CORE_WINDOW_CLOSE':'Закрыть','JS_CORE_WINDOW_EXPAND':'Развернуть','JS_CORE_WINDOW_NARROW':'Свернуть в окно','JS_CORE_WINDOW_SAVE':'Сохранить','JS_CORE_WINDOW_CANCEL':'Отменить','JS_CORE_WINDOW_CONTINUE':'Продолжить','JS_CORE_H':'ч','JS_CORE_M':'м','JS_CORE_S':'с','JSADM_AI_HIDE_EXTRA':'Скрыть лишние','JSADM_AI_ALL_NOTIF':'Показать все','JSADM_AUTH_REQ':'Требуется авторизация!','JS_CORE_WINDOW_AUTH':'Войти','JS_CORE_IMAGE_FULL':'Полный размер'});</script>
<script src="/bitrix/js/main/core/core.js?1708335225494198"></script>
<script>BX.Runtime.registerExtension({'name':'main.core','namespace':'BX','loaded':true});</script>
<script>BX.setJSList(['/bitrix/js/main/core/core_ajax.js','/bitrix/js/main/core/core_promise.js','/bitrix/js/main/polyfill/promise/js/promise.js','/bitrix/js/main/loadext/loadext.js','/bitrix/js/main/loadext/extension.js','/bitrix/js/main/polyfill/promise/js/promise.js','/bitrix/js/main/polyfill/find/js/find.js','/bitrix/js/main/polyfill/includes/js/includes.js','/bitrix/js/main/polyfill/matches/js/matches.js','/bitrix/js/ui/polyfill/closest/js/closest.js','/bitrix/js/main/polyfill/fill/main.polyfill.fill.js','/bitrix/js/main/polyfill/find/js/find.js','/bitrix/js/main/polyfill/matches/js/matches.js','/bitrix/js/main/polyfill/core/dist/polyfill.bundle.js','/bitrix/js/main/core/core.js','/bitrix/js/main/polyfill/intersectionobserver/js/intersectionobserver.js','/bitrix/js/main/lazyload/dist/lazyload.bundle.js','/bitrix/js/main/polyfill/core/dist/polyfill.bundle.js','/bitrix/js/main/parambag/dist/parambag.bundle.js']);
</script>
<script>BX.Runtime.registerExtension({'name':'ls','namespace':'window','loaded':true});</script>
<script>(window.BX||top.BX).message({'LANGUAGE_ID':'ru','FORMAT_DATE':'DD.MM.YYYY','FORMAT_DATETIME':'DD.MM.YYYY HH:MI:SS','COOKIE_PREFIX':'BITRIX_SM','SERVER_TZ_OFFSET':'10800','UTF_MODE':'Y','SITE_ID':'s2','SITE_DIR':'/','USER_ID':'','SERVER_TIME':'1716452372','USER_TZ_OFFSET':'0','USER_TZ_AUTO':'Y','bitrix_sessid':'97173fad236c8b9ef52deee0b17f2818'});</script>
<script src="/bitrix/cache/js/s2/framesi/kernel_main/kernel_main_v1.js?171638710221056"></script>
<script src="/bitrix/js/main/core/core_ls.js?164694631610430"></script>
<script>BX.setJSList(['/bitrix/js/main/session.js','/bitrix/js/main/core/core_fx.js']);</script>
<script>BX.setCSSList(['/local/templates/framesi/components/bitrix/catalog.section.list/footer.menu.section/style.css','/local/templates/framesi/components/bitrix/menu/footer.menu.static.page/style.css','/local/templates/framesi/css/normalize.css','/local/templates/framesi/css/bootstrap.min.css','/local/templates/framesi/css/font-awesome.min.css','/local/templates/framesi/css/owl.carousel.min.css','/local/templates/framesi/css/style.css','/local/templates/framesi/css/k.css']);</script>
<script type="text/javascript">
bxSession.Expand('97173fad236c8b9ef52deee0b17f2818.e6fdcb608354554b4a38a9d765dc14e9818d41bbeab194fe8030e8cc3eeee96f');
</script>
<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "b82410bdea8613402a689c49d1d6125a"]); _ba.push(["host", "framesirus.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>
<script>new Image().src='https://seasonkrasoty.ru/bitrix/spread.php?s=QklUUklYX1NNX0FEX01FRElVTQFEaXJlY3RfZW50cnkBMTcxOTA0NDM3MgEvAQEBAkJJVFJJWF9TTV9BRF9TT1VSQ0UBRGlyZWN0X2VudHJ5ATE3MTkwNDQzNzIBLwEBAQJCSVRSSVhfU01fQURfUEFHRQFmcmFtZXNpcnVzLnJ1LwExNzE5MDQ0MzcyAS8BAQEC&k=ea6cfbbac95f94b2ed35e84dee398584';
new Image().src='https://beautyimage.ru/bitrix/spread.php?s=QklUUklYX1NNX0FEX01FRElVTQFEaXJlY3RfZW50cnkBMTcxOTA0NDM3MgEvAQEBAkJJVFJJWF9TTV9BRF9TT1VSQ0UBRGlyZWN0X2VudHJ5ATE3MTkwNDQzNzIBLwEBAQJCSVRSSVhfU01fQURfUEFHRQFmcmFtZXNpcnVzLnJ1LwExNzE5MDQ0MzcyAS8BAQEC&k=ea6cfbbac95f94b2ed35e84dee398584';
</script>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#000000">
<meta name="apple-mobile-web-app-title" content="Framesi">
<meta name="application-name" content="Framesi">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css">
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:700,800&subset=cyrillic" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/local/templates/framesi/js/main.js"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P6WX243');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P6WX243"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="panel" style="display:none;"></div>
<header class="pr z99">
<section class="pf pa-xs z10 w100 t0 gray_fon">
<div class="pr w100">
<div class="container h75px">
<div class="row h100 pu">
<div class="col-md-12 h100 pu" id="menu_wrap">
<div class="d_ib va_t" id="fix_logo">
<div class="pr cp ml15--xs ml15--xxs">
<img class="/*vh*/" src="/local/templates/framesi/images/logo_framesi_small.png" alt="Framesi" onclick="Redirect('/')">
<img id="big_logo" class="ml15--xs d_n" src="/local/templates/framesi/images/logo_framesi.png" alt="Framesi" onclick="Redirect('/')">
</div>
</div><!--
--><div class="d_n d_ib-sm d_ib-xs h100 tr-sm tr-xs fr-sm fr-xs" id="mobile_menu_button">
<div class="d_t h100">
<div class="d_t_c va_m">
<i class="fa fa-bars fs45 fs30-xxs" aria-hidden="true"></i>
</div>
</div>
</div><!--
--><div class="menublock d_ib d_n-xs d_n-sm va_t pl30 pl0-md">
<ul class="menu1">
<li previousLevel="0" depth_level="1" class="lvl1"><span class="s1lv1">Каталог<i class="ml10 fa fa-plus d_n d_ib-xs"></i></span>
<div class="menu2block ca">
<div class="container pr">
<span class='pa r20 fs38 cp menu_close 1'><i id='0' class='fa fa-times'></i></span>
<div class="row">
<div class="col-md-12 pu">
<ul class="menu2 0">
<li previousLevel="1" depth_level="2" class="lvl2"><span class="s1lv2">Окрашивание<i class="ml10 fa fa-plus d_n d_ib-xs"></i></span>
<div class="menu3block">
<div class="container pr">
<div class="row">
<div class="col-md-12">
<ul class="menu3 row">
<li previousLevel="2" depth_level="3" class="lvl3 col-5 menu3sec">
<a href="/catalog/okrashivanie/framcolor-2001/">
<div class="s_i00">
<div class="s_i11">
<div class="s_i22">
<div class="s_i44" style="background-image: url(/upload/iblock/42a/42ac68b2c50346b37e7e1b0f472a49e8.png);"></div>
</div>
</div>
<div class="s_i33">
<span class="titlesec">Framcolor 2001</span>
<span class="descsec">Перманентный краситель</span>
</div>
</div>
</a>
</li>
<li previousLevel="3" depth_level="3" class="lvl3 col-5 menu3sec">
<a href="/catalog/okrashivanie/framcolor-eclectic/">
<div class="s_i00">
<div class="s_i11">
<div class="s_i22">
<div class="s_i44" style="background-image: url(/upload/iblock/eae/eae21e8219e222f84b72007ba12b65ee.png);"></div>
</div>
</div>
<div class="s_i33">
<span class="titlesec">Framcolor Eclectic</span>
<span class="descsec">Безаммиачный краситель с эффектом тонирования</span>
</div>
</div>
</a>
</li>
<li previousLevel="3" depth_level="3" class="lvl3 col-5 menu3sec">
<a href="/catalog/okrashivanie/decolor-b-special/">
<div class="s_i00">
<div class="s_i11">
<div class="s_i22">
<div class="s_i44" style="background-image: url(/upload/iblock/017/0170ff6ae57e8a2c6d9a9eb660df49af.png);"></div>
</div>
</div>
<div class="s_i33">
<span class="titlesec">Decolor B Special</span>
<span class="descsec">Осветляющие препараты</span>
</div>
</div>
</a>
</li>
</ul><!-- kkk3/ul3--></div><!--/col-md--></div><!--/row--></div><!--/container--></div><!--/menublock3--></li><!--/li1--></ul><!-- kkk3/ul3--></div><!--/col-md--></div><!--/row--></div><!--/container--></div><!--/menublock3--></li><!--/li1-->
<li previousLevel="3" depth_level="1" class="lvl1"><span class="s1lv1" onclick="Redirect('/trends/')">Коллекции</span></li>
<li previousLevel="1" depth_level="1" class="lvl1"><span class="s1lv1" onclick="Redirect('/akcii/')">РАСПРОДАЖА</span></li>
<li previousLevel="1" depth_level="1" class="lvl1"><span class="s1lv1">Компания<i class="ml10 fa fa-plus d_n d_ib-xs"></i></span>
<div class="menu2block ca">
<div class="container pr">
<span class='pa r20 fs38 cp menu_close 1'><i id='1' class='fa fa-times'></i></span>
<div class="row">
<div class="col-md-12 pu">
<ul class="menu2 1">
<li previousLevel="1" depth_level="2" class="lvl2"><span class="s1lv2" onclick="Redirect('/company/about/')">О компании</span></li>
<li previousLevel="2" depth_level="2" class="lvl2"><span class="s1lv2" onclick="Redirect('/company/contacts/')">Контакты</span></li>
</ul><!-- kkk3/ul2--></div><!--/col-md--></div><!--/row--></div><!--/container--></div><!--/menublock2--></li><!--/li1-->
<li previousLevel="2" depth_level="1" class="lvl1"><span class="s1lv1" onclick="Redirect('/dostavka-i-oplata/')">Доставка и оплата</span></li>
</ul>
</div><!--
--><div class="d_ib h100 fr-md fr-sm fr-xs">
<div class="d_ib h100">
<div class="d_t h100">
<div class="d_t_c va_m pt5-xs tr-sm" style="line-height: 1.3;">
<i style="transform: rotate(25deg);" class="showphone_onmobile fa fa-phone fs36-xs fs30-xxs d_n-md d_n-sm d_n-lg"></i>
<a class="fs17 fs16-md fw600 ml20-lg mr0-md black_color black_color--h fs28-sm fs36-xs fs30-xxs ml0-md mr40-sm mr5-xs mr5-xxs d_n-xs" href="tel:88002229534" title="Телефон Framesi в России"><i style="transform: rotate(25deg);" class="fa fa-phone d_n-md d_n-sm"></i><span class="ml15-lg ml10-md ml5-sm d_n-xs">8 800 222 95 34</span></a>
</div>
</div>
</div><!--
--><div class="d_ib h100">
<div class="d_t h100">
<div class="d_t_c va_m">
<span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</header><section class="z5 pr indexfirstsection" style="background-image:url(/local/templates/framesi/images/static_page/index/banner_bold_.jpg);">
<div class="container h100">
<div class="row h100">
<div class="col-md-12 pr h100">
<div class="pa b100 b45-xs l0 r0 tc tr-xs"><a href="https://framesirus.ru/catalog/okrashivanie/framcolor-bold/"
class="detailbtn cp pl10 pr10 pt15 pb15 mr50-xs fs18 fs14-xs tup td_n--h white_color white_color--h">FRAMCOLOR BOLD</a></div>
</div>
</div>
</div>
</section>
<section class="z5 pt40 pl0 pr0 pb105 pr indexsecondsection" style="background-image:url(/local/templates/framesi/images/static_page/index/big-argan-oil-2.jpg);">
<div class="container">
<div class="row">
<div class="col-md-12 gothampro">
<!--
<div>
<span class="fw600" style="color: #9d9d9d;font-size: 40px;">FOCUS ON</span> <span class="fw100" style="color: #9d9d9d;font-size: 40px;">FRAMESI</span>
</div>
-->
<div class="mt40 mt235-xs redhover w50 w100-xs cp pr" style="background-image: url(/local/templates/framesi/images/static_page/index/sublimis-banner-min.png);" onclick="Redirect('https://framesirus.ru/catalog/intensive-care/morphosis-sublimis-oil/')">
<div class="redhover_banner_text tl">
<div class="redhover_banner_title">Sublimis Oil Conditioner<br>Кондиционер с маслом аргании</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="indeximgtreesection mt105- pr z5 mt210-xs">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12 mb50 gothampro">
<!--
<span class="fw600" style="color: #3d3d3d;font-size: 40px;">OVERVIEW</span> <span class="fw100" style="color: #3d3d3d;font-size: 40px;">FRAMESI</span>
-->
</div>
<div class="col-sm-6 tr">
<!--
<div class="fr homepage_tree_banner_wrap branch1 w90 mb30" style="box-sizing: content-box;">
<div class="ov_h pr w100" style="padding-bottom: 100%;display: flex;justify-content: center;">
<div class="redhover pa t0 l0 minw100" onclick="Redirect('/catalog/okrashivanie/framcolor-2001/')" style="min-height: 100%;background-image: url(/local/templates/framesi/images/static_page/index/base_breaker_ita.png);background-position:center center;background-size: cover;background-repeat: no-repeat;">
<div class="redhover_banner_text tr">
<div class="redhover_banner_title gothampro">
<div>FRAMCOLOR 2001</div>
<div>ИСКЛЮЧИТЕЛЬНО ЯРКИЕ ОТТЕНКИ</div>
</div>
</div>
</div>
</div>
</div>
-->
<!--
<div class="homepage_tree_banner_wrap branch2 w100 mb30" style="box-sizing: content-box;">
<div class="ov_h pr w100" style="padding-bottom: 100%;display: flex;justify-content: center;">
<div class="redhover pa t0 l0 minw100" onclick="Redirect('/company/news/')" style="min-height: 100%;background-image: url(/local/templates/framesi/images/static_page/index/dubai1.jpg);background-position:center center;background-size: cover;background-repeat: no-repeat;">
<div class="redhover_banner_text tr">
<div class="redhover_banner_title">МЕЖДУНАРОДНЫЙ КОНГРЕСС FRAMESI ДУБАЙ</div>
<div class="redhover_banner_title">29 сентября – 3 октября</div>
</div>
</div>
</div>
</div>-->
<div class="fr homepage_tree_banner_wrap branch2 w60 w100-xs mb30" style="box-sizing: content-box;">
<div class="ov_h pr w100" style="padding-bottom: 100%;display: flex;justify-content: center;">
<div class="redhover pa t0 l0 minw100" onclick="Redirect('/catalog/intensive-care/morphosis-green/')" style="min-height: 100%;background-image: url(/local/templates/framesi/images/static_page/index/green-banner-mini.png);background-position:center;background-size: cover;background-repeat: no-repeat;">
<div class="redhover_banner_text tr">
<div class="redhover_banner_title">УХОД НА ОСНОВЕ НАТУРАЛЬНЫХ КОМПОНЕНТОВ</div>
<div class="redhover_banner_title">MORPHOSIS GREEN</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<!-- <div class="homepage_tree_banner_wrap branch3 w60 w100-xs mb30">
<div class="ov_h pr w100" style="padding-bottom: 100%;display: flex;justify-content: center;">
<div class="redhover pa t0 l0 minw100" onclick="Redirect('/company/news/mezhdunarodnyy-kongress-framesi-2018-new/')" style="min-height: 100%;background-image: url(/local/templates/framesi/images/static_page/index/2-ov_congress.jpg);background-position:center center;background-size: cover;background-repeat: no-repeat;">
<div class="redhover_banner_text tl">
<div class="redhover_banner_title">МЕЖДУНАРОДНЫЙ КОНГРЕСС FRAMESI В ВАЛЕНСИИ</div>
</div>
</div>
</div>
</div>-->
<!--<div class="homepage_tree_banner_wrap branch4 w80 w100-xs mb30">
<div class="ov_h pr w100" style="padding-bottom: 100%;display: flex;justify-content: center;">
<div class="redhover pa t0 l0 minw100" onclick="Redirect('/company/press/')" style="min-height: 100%;background-image: url(/local/templates/framesi/images/static_page/index/overview_ita.png);background-position:center center;background-size: cover;background-repeat: no-repeat;">
<div class="redhover_banner_text tl">
<div class="redhover_banner_title">ПУБЛИКАЦИИ FRAMESI</div>
</div>
</div>
</div>
</div>-->
<div class="homepage_tree_banner_wrap branch5 w60 w100-xs mb30">
<div class="ov_h pr w100" style="padding-bottom: 100%;display: flex;justify-content: center;">
<div class="redhover pa t0 l0 minw100" onclick="Redirect('/catalog/okrashivanie/framcolor-bold/')" style="min-height: 100%;background-image: url(/local/templates/framesi/images/static_page/index/3-ov_nuance.jpg);background-position:center center;background-size: cover;background-repeat: no-repeat;">
<div class="redhover_banner_text tl">
<div class="redhover_banner_title">FRAMCOLOR BOLD
ПРЯМЫЕ ПИГМЕНТЫ ПОСЛЕДНЕГО ПОКОЛЕНИЯ ДЛЯ СТОЙКОГО КРЕАТИВНОГО ОКРАШИВАНИЯ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<section class="mb100" style="background-image:url(/local/templates/framesi/images/static_page/index/banner_home_highlight.jpg);position: relative;height: 800px;background-position: center center;background-size: auto 100%;background-repeat: no-repeat;z-index: 6;">
<div class="container">
<div class="row">
<div class="col-md-12">
<div style="width: 100%;">
<div class="fr gothampro" style="background-color: #242424;position: relative;width: 40%;height: 845px;padding: 140px 3% 0 3%;top: 0;right: 0;color: white;font-size: 20px;overflow: hidden;">
<div class="fw600 fs45 lh100 mb10">MORPHOSIS ULTIMATE CARE</div>
<div class="fw100 fs25 mb50">ЛИНИЯ ДЛЯ МАКСИМАЛЬНОГО УХОДА ЗА ВОЛОСАМИ</div>
<div class="fw100 fs20 mb20">Вода цветка лотоса и сбалансированный комплекс активных ингредиентов составляют основу линии Morphosis Ultimate Care</div>
<span class="homepage_button" onclick="Redirect('/catalog/intensive-care/morphosis-ultimate-care/')">Подробнее</span>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<footer>
<!-- <section class="footersubstribe mt50 mt0-xs mb30-xs pr z6">
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="substribe_result">
<form name="footer_substribe" method="post" id="framesi_substribe_ajax">
<div class="emailfield">
<input type="email" id="email" name="email" required placeholder="Ваш E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" autocomplete="off">
</div><div class="emailsubmit">
<input id="framesi_substribe_submit" type="submit" value="Отправить">
</div>
</form>
</div>
<script>
$('#framesi_substribe_ajax').submit(function(e){
e.preventDefault();
var $form = $(this);
var good_answer = '<div class="row"><div class="col-md-7 fs18 gothampro alert alert-success">Вы подписались на email рассылки Framesi. <br>Пожалуйста, подтвердите подписку в высланном вам письме.</div></div>';
var email = $('[name=email]').val();
var data = $form.serialize();
//console.log(data);
console.log("отправляем ajax");
$.ajax({
url: '/subscribe_framesi/',
type: 'post',
data: data,
dataType: 'text',
beforeSend: function(){
$('#substribe_result').html('<div style="text-align:center;"><img src="/local/templates/framesi/images/subscribe_load.gif"></div>');
},
success: function(data){
console.log("ajax сработал, но это не точно");
$('footer .subscribe-slogan span').css({'height': '56px'});
$('#substribe_result').html(good_answer);
$('#substribe_result').parent().parent().parent().parent().addClass('ok');
}
});
});
</script>
</div>
</div>
</div>
</section> -->
<section class="pr z6" style="background-color:#ededed;">
<div class="container">
<div class="row pt40 pt15-xs">
<div class="social_icons_title tb tup fs21 fs20-xs col-md-3 tc-xs">Framesi в социальных сетях</div>
<div class="social_icons col-md-5 p30 tc-xs pt0 pt15-xs pb15-xs">
<ul class="pl0">
<li><a target="_blank" href="https://vk.com/clubframesi" style="color:#4a76a8;"><i class="fa fa-vk" aria-hidden="true"></i></a></li>
<li><a target="_blank" href="https://www.youtube.com/user/FramesiRus" style="color:#f00;"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
<li><a target="_blank" href="mailto:[email protected]" style="color:#7b7878;"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></li>
<li><a target="_blank" href="https://ok.ru/group/54171746369536" style="color:#ee8208;"><i class="fa fa-odnoklassniki" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="col-md-4">
<div style="position: absolute;height: 230px;padding: 3% 3% 0;bottom: -110px;right: 0;left: 15px;background-color: #e85186;color: white;" class="tup tb fs25 tc d_n">
Ближайшие к вам салоны Framesi
<!--<div style="position: relative;">
<i class="fa fa-map-o" aria-hidden="true" style="font-size: 100px;margin-top: 50px;transform: rotate(14deg);color: #c4c4c3;"></i>
<i class="fa fa-minus" aria-hidden="true" style="position: absolute;right: 50%;left: 50%;bottom: 35%;font-size: 25px;color: #ffffff;transform: rotate(45deg);"></i>
<i class="fa fa-minus" aria-hidden="true" style="position: absolute;right: 50%;left: 50%;bottom: 25%;font-size: 25px;color: #ffffff;transform: rotate(-45deg);"></i>
<i class="fa fa-map-marker" aria-hidden="true" style="position: absolute;right: 50%;left: 46%;bottom: 38%;font-size: 77px;color: #694396;z-index: 7;"></i>
</div>
<div class="tc" style="position:absolute;">
<span style="padding: 12px 40px;color: black;font-size: 18px;text-align: center;background-color: #fff;cursor: pointer;border-radius: 25px;">Найти</span>
</div>
-->
</div>
</div>
</div>
</div>
</section>
<section class="pt40 pb20" style="background-color: #3d3d3d;color: white;">
<div class="container">
<div class="row">
<div class="col-md-2 ov_h footer_menu_col" style="max-height:300px;">
<div class="tup gothampro fs14 tb white_color">Окрашивание</div>
<ul class="lst_n pl0">
<li id="bx_1847241719_3252" class="tup">
<a class="white_color white_color--h white_color--v" href="/catalog/okrashivanie/framcolor-2001/">Framcolor 2001</a>
</li> <li id="bx_1847241719_3253" class="tup">
<a class="white_color white_color--h white_color--v" href="/catalog/okrashivanie/framcolor-eclectic/">Framcolor Eclectic</a>
</li> <li id="bx_1847241719_3259" class="tup">
<a class="white_color white_color--h white_color--v" href="/catalog/okrashivanie/decolor-b-special/">Decolor B Special</a>
</li></ul>
</div>
<div class="col-md-2 ov_h footer_menu_col" style="max-height:300px;">
</div>
<div class="col-md-2 ov_h footer_menu_col" style="max-height:300px;">
</div>
<div class="col-md-2 ov_h footer_menu_col" style="max-height:300px;">
</div>
<div class="col-md-2 ov_h footer_menu_col" style="max-height:300px;">
</div>
<div class="col-md-2 ov_h footer_menu_col" style="max-height:300px;">
<div class="tup gothampro fs14"></div>
</div>
<div style="margin-top:10px;" class="row col-md-12">
<div class="col-xs-12 confidentiality-policy">
<p><a class="confidentiality-policy_link" href="http://www.martines.ru/agreement/policy_pd.pdf" target="_blank">Условия обработки персональных данных</a></p>
</div>
</div>
</div>
</div>
</section>
</footer>
<style>
.confidentiality-policy a.confidentiality-policy_link {
color: white;
}
</style>
<script>
jQuery(document).ready(function($){
//функция выясняющая была ли прокрутка экрана и возвращает соответствующее значение
function myScroll(){
var is_scroll;
var scroll_h = $(window).scrollTop();
if (scroll_h > 5){
return is_scroll = true;
}else{
return is_scroll = false;
}
}
// функция аналог php in_array. Спер из интернета :/
function in_array(value, array) {
for(var i=0; i<array.length; i++){
if(value == array[i]) return true;
}
return false;
}
//функция выясняющая была ли прокрутка экрана и возвращает соответствующее значение
//function lvl2Selected(){
//var arSelected = [];
//}
//оригинал условия if(window.innerWidth > 767){
if(window.innerWidth > 767){
//код меню 1 lvl + двигаем лого в зависимости от прокрутки
$('li.lvl1 > span').click(function(){
var menu_is_open = $('#menu_wrap').hasClass('menu_is_open');
var this_li_open = $(this).parent().hasClass('hover');
/////////////////
var arSelected = [];// объявляем массив в который запихнем результат проверки lvl2 на класс selected
var check_this_lvl2 = $(this).parent().find('.lvl2');
check_this_lvl2.each(function(){
var lvl2_selected = $(this).hasClass('selected');
if(lvl2_selected == true){
arSelected.push('true');
}else{
arSelected.push('false');
}
});
var lvl2_selected = in_array("true", arSelected);// если функция вернет false, значит мы кликнули на другой раздел и нам не нужно искать класс selected
if((menu_is_open == false && this_li_open == false) || (menu_is_open == true && this_li_open == false)){
$('#menu_wrap').addClass('menu_is_open')
}else{
$('#menu_wrap').removeClass('menu_is_open')
}
var check_scroll = myScroll(); //определяем прокрутку из функции myScroll
//если не прокрутили
if(check_scroll == false){
if($(this).parent().hasClass('hover') == false){
$('li.lvl1 > span').parent().not(this).removeClass('hover').find('li.lvl2').each(function(){$(this).removeClass('hover');})
$(this).parent().toggleClass('hover');
if(lvl2_selected == true){
$(this).parent().find("li.lvl2.selected").toggleClass('hover');
}else{
$(this).parent().find("li.lvl2:first").toggleClass('hover');
}
if($('#big_logo').hasClass('to_mini_logo') == false){
$('#big_logo').addClass('to_mini_logo');
}
}else{
$(this).parent().removeClass('hover').find('li.lvl2').each(function(){$(this).removeClass('hover');})
if($('#big_logo').hasClass('to_mini_logo') == false){
$('#big_logo').addClass('to_mini_logo');
}else{
$('#big_logo').removeClass('to_mini_logo');
}
}
//если прокрутили
}else{
if($(this).parent().hasClass('hover') == false){
$('li.lvl1 > span').parent().not(this).removeClass('hover').find('li.lvl2').each(function(){$(this).removeClass('hover');})
$(this).parent().toggleClass('hover');
if(lvl2_selected == true){
$(this).parent().find("li.lvl2.selected").toggleClass('hover');
}else{
$(this).parent().find("li.lvl2:first").toggleClass('hover');
}
}else{
$(this).parent().removeClass('hover').find('li.lvl2').each(function(){$(this).removeClass('hover');})
}
}
//var tag = $(this).parent().parent().find('li:first').find('.menu2block').find('ul.menu2');
//var distanceLeft = tag.offset().left;
//var menu2Width = tag.width();
//console.log(distanceLeft +" px");
//console.log(tag.width() +" px");
//var positionClose = (distanceLeft + menu2Width -30)+"px" ;
//$('.menu_close').css("left",positionClose);
});
//код меню 1 lvl закончился
//код меню 2 lvl
$('li.lvl2 > span').click(function(){
$('li.lvl2 > span').parent().not(this).removeClass('hover');
$(this).parent().toggleClass('hover');
//дописываем выравнивание s_i33 при выборе раздела 2 уровня и сбрасываем высоту у неактивных пунктов меню 2 уровня
//$('li.lvl2 > span').parent().not(this).find(".lvl3.menu3sec .s_i33").each(function(){$(this).css("height","unset")});
var s_i33maxHeight = 0;
var s_i33Divs = [];
s_i33Divs = $(this).parent().find(".lvl3.menu3sec .s_i33").each(function(){$(this).toArray()});
for (var m = 0; m < s_i33Divs.length; ++m){
if (s_i33maxHeight < $(s_i33Divs[m]).height()){
s_i33maxHeight = $(s_i33Divs[m]).height();
}
}
for (var m = 0; m < s_i33Divs.length; ++m){
$(s_i33Divs[m]).height(s_i33maxHeight);
}
//вместо этой строки дописываем выравнивание общего блока/фона
});
//код меню 2 lvl закончился
//код кнопки закрытия меню десктоп
$('span.menu_close').click(function(){
$(this).parent().parent().parent().removeClass('hover');
});
//код кнопки закрытия меню десктоп закончился
//двигаем лого в зависимости от прокрутки
/*
$(window).on("scroll", function() {
var menu_is_open = $('#menu_wrap').hasClass('menu_is_open');
var check_scroll = myScroll(); //определяем прокрутку из функции myScroll
if(check_scroll == true){
if($('#big_logo').hasClass('to_mini_logo') == false){
$('#big_logo').addClass('to_mini_logo');
}
}else{
if(menu_is_open == false){
if($('#big_logo').hasClass('to_mini_logo')){
$('#big_logo').removeClass('to_mini_logo');
}
}
}
});*/
//выравниваем колонки меню в футере на десктопе
var footer_menu_cols = $(".footer_menu_col");
var footer_menu_btn = '<div class="pa b0 l15 r15 tl cp fs17 show_full_fmenu_col" style="background: #3d3d3d;color: #fff;"><div class="pr"><span class="tu">Весь список</span> <i class="fa fa-caret-down pa ml10 fs22" style="top:2px;"></i></div></div>';
for (var i = 0; i < footer_menu_cols.length; ++i) {
if($(footer_menu_cols[i]).find('ul').height() > $(footer_menu_cols[i]).height()){
$(footer_menu_cols[i]).append(footer_menu_btn);
}
}
$('.show_full_fmenu_col').click(function(){
$(this).parent().css('max-height','unset');
$(this).remove();
});
}else{
$('#mobile_menu_button >div>div> i').click(function(){
//на мобильных раскрываем первый уровень меню
$('header').toggleClass('show_mmenu');
$('.menublock').toggleClass('d_ib d_n-xs d_n-sm');
});
//код меню 1 lvl
$('li.lvl1 > span').click(function(){
//code
$(this).find('i').toggleClass('fa-plus').toggleClass('fa-minus');
$(this).parent().toggleClass('openthis');
});
//код меню 2 lvl
$('li.lvl2 > span').click(function(){
//code
$(this).find('i').toggleClass('fa-plus').toggleClass('fa-minus');
$(this).parent().toggleClass('openthis');
});
}
/*
$(window).resize(function() {
//код отвечает за уравнивание высоты и ширины картинок в 3 уровне меню. Баг при закрытом меню
var secListWidth = $('.sec_i11').width();
var secLists = $('.sec_i22');
for (var i = 0; i < secLists.length; ++i) {
$(secLists[i]).height(secListWidth);
}
});
*/
});
</script>
<script>
jQuery(document).ready(function($){
var showPhone = '<div class="container" id="show_phone_wrap"><div class="row fs34-xs fs28-xxs"><div class="col-md-12"><div style="border-top: 2px solid #dcdcdc;margin-top: 10px;padding-top: 5px;"><div class=""><a href="tel:88002229534" style="color: #333;"><i class="fa fa-phone-square d_n-md d_n-sm d_n-lg mr20"></i> 8 800 222 95 34</a></div></div></div></div></div>';
var sPhone = false;
$('.showphone_onmobile').click(function(){
if(sPhone === false){
$('.container.h75px').after(showPhone);
sPhone = true;
}else{
$('#show_phone_wrap').remove();
sPhone = false;
}
});
});
</script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="/local/templates/framesi/js/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>
<script src="/local/templates/framesi/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->
<script>
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://service.mesoas.com/upload/crm/site_button/loader_28_qtchwh.js');
</script>
</body>
</html>