<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="Keywords" />
<meta name="description" content="Description" />
<link href="/bitrix/templates/simplyfreepro_main/components/bitrix/menu/left/style.css?16871263671886" type="text/css" data-template-style="true" rel="stylesheet" />
<link href="/bitrix/templates/simplyfreepro_main/components/bitrix/menu/top/style.css?16871263671034" type="text/css" data-template-style="true" rel="stylesheet" />
<link href="/bitrix/templates/simplyfreepro_main/components/bitrix/breadcrumb/new/style.css?1687126367587" type="text/css" data-template-style="true" rel="stylesheet" />
<link href="/bitrix/templates/simplyfreepro_main/components/bitrix/menu/bottom/style.css?1687126367739" type="text/css" data-template-style="true" rel="stylesheet" />
<link href="/bitrix/templates/simplyfreepro_main/styles.css?16952917032481" type="text/css" data-template-style="true" rel="stylesheet" />
<link href="/bitrix/templates/simplyfreepro_main/template_styles.css?1695291703132" type="text/css" data-template-style="true" rel="stylesheet" />
<script type="text/javascript" src="/bitrix/templates/simplyfreepro_main/components/bitrix/menu/left/script.js?1687126367508"></script>
<script type="text/javascript" src="/bitrix/templates/simplyfreepro_main/components/bitrix/menu/top/script.js?1687126367508"></script>
<script type="text/javascript" src="/bitrix/templates/simplyfreepro_main/components/bitrix/menu/bottom/script.js?1687126367508"></script>
<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "0e39a7f98ba7c06f6f2ec8a24db50bed"]); _ba.push(["host", "www.cmt-product.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>
<title>404 Not Found | СМТ - полимерные полы </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/bitrix/templates/simplyfreepro_main/css/bootstrap-4-icons/bootstrap-icons.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="/upload/iblock/c7d/has6p86lnhgxkwai3clnvah1wm9ednj4" />
<link href="/bitrix/templates/simplyfreepro_main/css/slider.css" rel="stylesheet">
<link href="/bitrix/templates/simplyfreepro_main/css/slider_control.css" rel="stylesheet">
<link rel="stylesheet" href="/bitrix/templates/simplyfreepro_main/css/bootstrap-4/bootstrap.min.css">
<script src="/bitrix/templates/simplyfreepro_main/js/jquery-1.11.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script type="text/javascript" src="/bitrix/templates/simplyfreepro_main/js/panel.js"></script>
<link rel="stylesheet" type="text/css" href="/bitrix/templates/simplyfreepro_main/css/panel_setup.css">
<script src="/bitrix/templates/simplyfreepro_main/js/bootstrap-4/bootstrap.min.js"></script>
<link href="/bitrix/templates/simplyfreepro_main/css/!main.css" rel="stylesheet">
<link href="/bitrix/templates/simplyfreepro_main/css/style_user.css?1714250264" rel="stylesheet"> <!-- Выбор цвета -->
<script src="/bitrix/templates/simplyfreepro_main/js/jqBootstrapValidation-1.3.7.min.js" charset="utf-8"></script>
<script src="/bitrix/templates/simplyfreepro_main/js/bootstrapValidator.min.js" charset="utf-8"></script>
<link href="/bitrix/templates/simplyfreepro_main/css/bootstrapValidator.css" rel="stylesheet">
<script type="text/javascript">
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() >= "0") $(this).fadeIn("slow")
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() <= "0") $(scrollDiv).fadeOut("slow")
else $(scrollDiv).fadeIn("slow")
});
$(this).click(function() {
$("html, body").animate({scrollTop: 0}, "slow")
})
}
});
$(function() {
$("#Go_Top").scrollToTop();
});
</script>
<link href="/bitrix/templates/simplyfreepro_main/fonts/fonts.css?1714250264" rel="stylesheet">
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(10327063, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/10327063" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script>
$(window).bind("load", function() {
$(document).ready(function(){
$("#dostavka").animate({left: "10%"}, 2500, function (){$("#dostavka").css("z-index", "1000");});
});
});
</script>
<meta name="yandex-verification" content="d69c54ded98eddce" />
</head>
<body>
<div id="dostavka" style="position:fixed; bottom:0%; left:-50%; z-index:1000;" >
<a href="/images/dostavim_cmt.pdf" target="_blank"><img border=0 width="250px" src="/images/dostavim_cmt.png" alt="Грузоперевозки"></a>
</div>
<div id="panel">
</div>
<header class="mobile d-lg-none d-block py-1111 line_header normal" style="background: #006429; width: 100%; z-index: 100; top: 0;">
<div class="container d-print-none px-5">
<div class="row no-gutters align-items-center">
<div class="col-10 logo">
<div class="row no-gutters align-items-center">
<div class="col-8">
<a href="/" title="На главную">
<img src="/upload/iblock/ff0/f7tgwddqwsp45n9cg78xfw82vnaqmfjl.png" alt="" class="img-fluid">
</a>
</div>
<div class="col-4 pl-2">
<a style="margin: 0px 5px;" href="mailto:zakaz@cmt-product.ru" target=_blank><i class="fa fa-envelope-o"></i></a> <a style="margin: 0px 5px;" href="https://api.whatsapp.com/send?phone=https://chat.whatsapp.com/GAn7NW7172k7FWQ7oWwYtP?roistat_visit=105505" target=_blank><i class="fa fa-whatsapp"></i></a> <a style="margin: 0px 5px;" href="https://t.me/+X6yNBc_t7kc4MzI6?roistat_visit=105505" target=_blank><i class="fa fa-telegram"></i></a> </div>
</div>
<span class="small"><a href="tel:88002507052">8 (800) 250-7-052</a></span>
</div>
<div class="col-10 small_logo">
<div class="row no-gutters">
<div class="col-6">
<a href="/" title="На главную">
<img src="/upload/iblock/ff0/f7tgwddqwsp45n9cg78xfw82vnaqmfjl.png" alt="" class="img-fluid">
</a>
</div>
</div>
</div>
<div class="col-2 text-right">
<a href="" class="burger" data-toggle="modal" data-target="#modal_menu">
<i class="bi bi-list" style="font-size: 24px;"></i>
</a>
</div>
</div>
</div>
</header>
<div class="main">
<div id="modal_menu" class="modal fade menu show" tabindex="-1" role="dialog" aria-labelledby="my-modal-title" aria-hidden="false" style=" display: block111;">
<!-- <div id="modal_menu" class="modal fade menu show" tabindex="-1" role="dialog" aria-labelledby="my-modal-title" aria-hidden1="true" style="display: block; padding-right: 17px;"> -->
<div class="modal-dialog" role="document">
<div class="modal-content">
<!-- <button class="close" data-dismiss="modal" aria-label="Close"> -->
<a class="close" data-dismiss="modal" aria-label="Close">
<i class="bi bi-x"></i>
</a>
<!-- </button> -->
<div class="modal-body mt-5">
<div class="title_menu_right" style=" margin-top: 0;">Меню</div>
<div class="row nm"></div>
<div class="left_menu">
<ul class=" list-unstyled" style=" float: left;">
<li class="about_item ">
<a class="menu_left_text1" href="/catalog/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>Каталог</div></a>
</div>
</li>
<li class="about_item ">
<a class="menu_left_text1" href="/solutions/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>Решения по типам объектов</div></a>
</div>
</li>
<li class="about_item ">
<a class="menu_left_text1" href="/teh/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>Техническая информация</div></a>
</div>
</li>
<li class="about_item ">
<a class="menu_left_text1" href="/kompaniya/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>О компании</div></a>
</div>
</li>
<li class="about_item ">
<a class="menu_left_text1" href="/contacts/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>Контакты</div></a>
</div>
</li>
</div>
<!-- <div class="row nm"></div> --> </div>
<div class="modal-footer text-left d-md-none d-block">
<style>
.modal.menu a {
color: white !important;
}
</style>
</div>
</div>
</div>
</div>
<header style="background: #006429; height: auto; width: 100%; z-index: 100; top: 0; position: fixed;" class="line_header normal d-none d-lg-block">
<div class="container">
<div class="row no-gutters align-items-center">
<div class="col-md-2 logo">
<a href="/" title="На главную">
<img src="/upload/iblock/ff0/f7tgwddqwsp45n9cg78xfw82vnaqmfjl.png" alt="" class="img-fluid">
</a>
</div>
<div class="col-md-2 small_logo">
<div class="row no-gutters align-items-center ">
<div class="col-md-7">
<a href="/" title="На главную">
<img src="/upload/iblock/ff0/f7tgwddqwsp45n9cg78xfw82vnaqmfjl.png" alt="" class="img-fluid">
</a>
</div>
</div>
</div>
<div class="col p-0 text-right ">
<!-- <ul class="nav navbar-nav"> -->
<ul class="list-unstyled main_menu">
<li class="list-inline-item " ><a href="/catalog/" class="root-item" style="padding-bottom: 10px;">Каталог</a></li>
<li class="list-inline-item " ><a href="/solutions/" class="root-item" style="padding-bottom: 10px;">Решения по типам объектов</a></li>
<li class="list-inline-item " ><a href="/teh/" class="root-item" style="padding-bottom: 10px;">Техническая информация</a></li>
<li class="list-inline-item " ><a href="/kompaniya/" class="root-item" style="padding-bottom: 10px;">О компании</a></li>
<li class="list-inline-item " ><a href="/blog/" class="root-item" style="padding-bottom: 10px;">Блог</a></li>
<li class="list-inline-item " ><a href="/contacts/" class="root-item" style="padding-bottom: 10px;">Контакты</a></li>
</ul>
</div>
<div class="col-md-2 border1 pl-3">
<nobr><strong class="contact_info mr-2"><a href="tel:88002507052">8 (800) 250-7-052</a></strong>
</nobr>
<br>
<nobr>
<a style="margin: 0px 5px;" href="mailto:zakaz@cmt-product.ru" target=_blank><i class="fa fa-envelope-o"></i></a> <a style="margin: 0px 5px;" href="https://api.whatsapp.com/send?phone=https://chat.whatsapp.com/GAn7NW7172k7FWQ7oWwYtP?roistat_visit=105505" target=_blank><i class="fa fa-whatsapp"></i></a> <a style="margin: 0px 5px;" href="https://t.me/+X6yNBc_t7kc4MzI6?roistat_visit=105505" target=_blank><i class="fa fa-telegram"></i></a> </nobr>
</div>
<div class="col-auto pl-3">
<a href="" data-toggle="modal" data-target="#modal_menu" class="modal_mob">
<i class="bi bi-list" style=" font-size: 36px;"></i>
</a>
</div>
</div>
</div>
</header>
<div class="container">
<!-- <div class="col-md-12"> -->
<div class="d-print-none">
<link href="/bitrix/css/main/font-awesome.css?168712639628777" type="text/css" rel="stylesheet" />
<div class="bx-breadcrumb" itemprop="http://schema.org/breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
<div class="bx-breadcrumb-item">
<a href="/" title="СМТ - полимерные полы" itemprop="item" class="active text-dark">
<span>СМТ - полимерные полы</span>
</a>
</div><div style="clear:both"></div></div> </div>
<div class="d-none d-print-block">
<b>СМТ</b><br>8 (800) 250-7-052<br>г. Москва, ул. Годовикова, 9, стр. 5<br>zakaz@cmt-product.ru<br><br> <hr>
</div>
<h1 class="page-header" >404 Not Found</h1>
<div style=" border: 1px solid #dcbbbb; padding: 40px 30px; border-radius: 5px;">
<div class="row">
<div class="col-md-3 text-center hidden-xs">
<i class="fa fa-frown-o" style="font-size: 120px; color: #c27272"></i>
</div>
<div class="col-md-9">
<h3 style="margin: 0 0 15px; font-family: 'normal">
Ошибка 404.
</h3>
Извините, вы попали на несуществующую страницу. <br><br>
<a href="/" class="btn"> На главную </a>
<a href="/catalog/" class="btn"> </a>
</div>
</div>
</div>
</div> <!-- .container -->
</div> <!-- .main -->
<footer class="d-print-none">
<div class="container">
<div class="row">
<div class="col-12 col-md-2"> <img class="mt-2" src="/bitrix/templates/simplyfreepro_main/img/logo.png" width="180px" /> </div>
<div class="col-12 col-md-10">
<ul class="navbar-nav bd-navbar-nav flex-row mt-3" >
<li class="nav-item">
<a class="nav-link ml-3 font-weight-bold" href="/catalog/" >Каталог</a>
</li>
<li class="nav-item">
<a class="nav-link ml-3 font-weight-bold" href="/solutions/" >Решения по типам объектов</a>
</li>
<li class="nav-item">
<a class="nav-link ml-3 font-weight-bold" href="/teh/" >Техническая информация</a>
</li>
<li class="nav-item">
<a class="nav-link ml-3 font-weight-bold" href="/kompaniya/" >О компании</a>
</li>
<li class="nav-item">
<a class="nav-link ml-3 font-weight-bold" href="/contacts/" >Контакты</a>
</li>
<!-- <div class="row nm"></div> -->
</div>
</div>
<hr class="no_print border-top">
<div class="row" style=" padding: 30px 0">
<div class="col-md-4 no_print" style="margin-bottom: 30px">
<div class="left_menu">
<ul class=" list-unstyled" style=" float: left;">
<li class="about_item ">
<a class="menu_left_text1" href="/catalog/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>Каталог</div></a>
</div>
</li>
<li class="about_item ">
<a class="menu_left_text1" href="/solutions/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>Решения по типам объектов</div></a>
</div>
</li>
<li class="about_item ">
<a class="menu_left_text1" href="/teh/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>Техническая информация</div></a>
</div>
</li>
<li class="about_item ">
<a class="menu_left_text1" href="/kompaniya/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>О компании</div></a>
</div>
</li>
<li class="about_item ">
<a class="menu_left_text1" href="/contacts/" class="root-item">
<div class="item" style=" margin-left: 25px;">
<div>Контакты</div></a>
</div>
</li>
</div>
<!-- <div class="row nm"></div> --> </div>
<div class="col-md-4 contacts" style="margin-bottom: 30px">
<strong>СМТ</strong>
<i class="fa fa-map-marker"></i>г. Москва, ул. Годовикова, 9, стр. 5<br>
<i class="fa fa-phone-square"></i>8 (800) 250-7-052<br>
<a href="mailto:zakaz@cmt-product.ru"><i class="fa fa-envelope-o"></i>zakaz@cmt-product.ru</a><br>
</div>
<div class="col-md-4 social no_print">
<strong>
<a href="" data-toggle="modal" data-target="#callback_vopros" class=" text-dark">Задать вопрос <i class="fa fa-angle-right"></i></a>
</strong>
<br><br><br>
<div class="social">
<a href="http://vk.com/cmt_product?roistat_visit=105505" target=_blank class="social_botton"><i class="fa fa-vk"></i></a> </div>
</div>
</div>
</div>
<style>
.main {
min-height: 70vh;
margin-top: 90px;
}
footer {
height: 300px;
/*margin-top: 60px;*/
font-family: 'light';
}
footer .copyr {
font-family: 'light';
margin-top: 11px;
}
footer .social {
text-align: right;
}
footer .social strong{
font-size: 24px;
margin-left: 14px;
}
footer .copyr {
font-family: 'light';
margin-top: 7px;
}
a.social_botton {
display: inline-block;
background: #1C1C1C;
color: #FFF;
font-size: 22px;
width: 40px;
height: 40px;
margin-left: 5px;
border-radius: 50%;
padding-top: 3px;
text-align: center;
}
.menu-bottom a.go_top {
display: inline-block;
background:#FFF;
color: #1C1C1C;
font-size: 32px;
width: 50px;
height: 50px;
border-radius: 50%;
padding-top: 5px;
text-align: center;
cursor: pointer;
}
</style>
<div class="modal fade" id="callback_vopros" tabindex="-1" style="display: none;" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form name="sentMessage" id="callback" class="form-horizontal validateDontSubmit">
<input type="hidden" name="opis_modal" value="404 Not Found">
<input type="hidden" name="type_modal" value="Заказать">
<div class="modal-header">
<h4>Задать вопрос <small>(404 Not Found)</small>
</h4>
<a data-dismiss="modal" aria-label="Close"><i class="bi bi-x"></i></a>
</div>
<div class="modal-body">
<div id="result_form"></div>
<div class="row mb-3">
<label for="inputEmail3" class="col-sm-3 col-form-label">Ваше имя</label>
<div class="col-sm-9">
<input type="text" class="form-control"
name="callback_zakaz_name"
id="callback_zakaz_name"
required/>
</div>
</div>
<div class="row mb-3">
<label for="inputEmail3" class="col-sm-3 col-form-label">Ваш телефон</label>
<div class="col-sm-9">
<input type="tel" class="form-control"
name="callback_zakaz_phone"
pattern="^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){10,14}(\s*)?$"
required/>
</div>
</div>
<div class="row mb-3">
<label for="inputEmail3" class="col-sm-3 col-form-label">Ваш E-mail</label>
<div class="col-sm-9">
<input type="email" class="form-control"
name="callback_zakaz_email"
required />
</div>
</div>
<div class="row mb-3">
<label for="inputEmail3" class="col-sm-3 col-form-label">Ваш вопрос</label>
<div class="col-sm-9">
<textarea rows="5" cols="100" class="form-control" name="callback_zakaz_mess" style="resize:none" required ></textarea>
</div>
</div>
<div class="row mb-3">
<div class="col-sm-9 offset-sm-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="gridCheck1" checked required>
<label class="form-check-label" for="gridCheck1">
Я согласен на <a href='/kompaniya/personal/' target=_blank>обработку персональных данных</a> </label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" aria-hidden="true" data-dismiss="modal"> Закрыть</button>
<button type="submit" class="btn btn-primary" id="modal_submit">Отправить</button>
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
</div>
</form>
</div>
</div>
</div>
<script>
$(document).on('submit','.validateDontSubmit',function (e) {
//prevent the form from doing a submit
e.preventDefault();
sendAjaxForm('result_form', 'callback', '/include/!post.php');
return false;
});
function sendAjaxForm(result_form, ajax_form, url) {
// alert(url)
$.ajax({
url: url, //url страницы (action_ajax_form.php)
type: "POST", //метод отправки
dataType: "html", //формат данных
data: $("#callback").serialize(), // Сеарилизуем объект
success: function(response) { //Данные отправлены успешно
$("#callback_vopros").modal('hide');
$("#callback_zakaz_yes").modal('show');
},
error: function(response) { // Данные не отправлены
// $('#result_form').html('error');
}
});
}
</script>
<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function() {
'use strict';
window.addEventListener('load', function() {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function(form) {
form.addEventListener('submit', function(event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
} else {
alert()
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
</script>
<div class="modal fade text-left" id="callback_zakaz_yes" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop='true' style=" display: none;">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content bg-dark text-light mb-3">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style=" margin: 20px"></button>
<div class="col-md-12 text-center">
<div class="h3 mb-2">Ваш запрос принят</div>
<div class="h6">В ближайшее время наши сотрудники свяжутся с вами.</div>
<button type="button" class="btn btn-primary" data-dismiss="modal" style=" margin-top: 30px; font-size: 20px; padding: 15px 40px">
Закрыть</button>
</div>
</div>
</div>
</div>
<script>
</script>
<style>
.modal-content {
padding: 20px;
}
.modal_title {
font-size: 26px;
/*margin-bottom: 20px;*/
text-align: center;
}
.upload_files {
height: 150px;
/*background: #ccc;*/
border: #ccc 2px dashed;
margin-top: 10px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.upload_files .fa {
font-size: 50px;
margin-bottom: 5px;
}
.upload_files.button {
margin-top: 10px;
border-radius: 5px;
/*display: inline-block;*/
height: auto;
width: 100%;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
margin: auto;
margin-top: -10px;
padding-top: 5px;
}
@media screen and (max-width: 40em) {
.upload_files.button {
width: 100%;
}
}
.upload_files.button .fa {
font-size: 18px;
margin-bottom: 0;
}
.upload_files .inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.upload_files .inputfile + label {
/*max-width: 90%;*/
/*font-size: 13px;*/
/* 20px */
/*font-weight: 700;*/
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0.625rem 1.25rem;
/* 10px 20px */
}
.inputfile:focus + label,
.inputfile.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.help-block ul {padding-left: 0; margin-left: 0; list-style-type: none; color: red}
.help-block li:before {
font-family: FontAwesome;
content:"\f06a\00a0";
color: RED;
font-size: 15px;
}
</style><div id="blueimp-gallery" class="blueimp-gallery" data-use-bootstrap-modal="false">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title" style="display: block;"></h3>
<a class="prev" style="font-size: 37px; display: block;"><i class="fa fa-angle-left" style="margin-left: -4px;"></i></a>
<a class="next" style="font-size: 37px; display: block;"><i class="fa fa-angle-right" style="margin-right: -4px;"></i></a>
<a class="close" style="display: block;"><i class="fa fa-times"></i></a>
<a class="play-pause"></a>
<!-- <ol class="indicator"></ol> -->
<!-- The modal dialog, which will be used to wrap the lightbox content -->
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-hidden="true">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body next"></div>
<div class="modal-footer">
<a href=# class="next pull-left" style="font-size: 40px;">
<i class="fa fa-arrow-circle-left"></i>
</a>
<a href=# class="next pull-right" style="font-size: 40px;">
<i class="fa fa-arrow-circle-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="/bitrix/templates/simplyfreepro_main/css/blueimp-gallery.min.css">
<script src="/bitrix/templates/simplyfreepro_main/js/jquery.blueimp-gallery.min.js"></script>
<script src="/bitrix/templates/simplyfreepro_main/js/bootstrap-image-gallery.js"></script> <!-- Roistat Counter Start -->
<script>
(function(w, d, s, h, id) {
w.roistatProjectId = id; w.roistatHost = h;
var p = d.location.protocol == "https:" ? "https://" : "http://";
var u = /^.*roistat_visit=[^;]+(.*)?$/.test(d.cookie) ? "/dist/module.js" : "/api/site/1.0/"+id+"/init?referrer="+encodeURIComponent(d.location.href);
var js = d.createElement(s); js.charset="UTF-8"; js.async = 1; js.src = p+h+u; var js2 = d.getElementsByTagName(s)[0]; js2.parentNode.insertBefore(js, js2);
})(window, document, 'script', 'cloud.roistat.com', '144ff22633ff29a58000a40ea8f47801');
</script>
<!-- Roistat Counter End -->
<script src="//code.jivo.ru/widget/risSAuXA69" async></script>
<script src="/bitrix/templates/simplyfreepro_main/js/slider.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).on('ready', function() {
$('.index_content.slider').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
prevArrow: '<button type="button" class="slick-prev d-none d-md-block">Previous</button>',
nextArrow: '<button type="button" class="slick-next d-none d-md-block">next</button>',
dotsClass: 'slick-dots-white',
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
infinite: true,
dots: true
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 580,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
$('.index_slider.slider').slick({
dots: true,
infinite: true,
speed: 300,
fade: true,
respondTo: 'slider',
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '<button type="button" class="slider-slick-prev d-none d-md-block">Previous</button>',
nextArrow: '<button type="button" class="slider-slick-next d-none d-md-block">next</button>',
dotsClass: 'slick-dots-white',
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 3000,
}
},
{
breakpoint: 580,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 3000,
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
$('.project.slider').slick({
dots: true,
infinite: true,
speed: 300,
fade: true,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '<button type="button" class="slick-prev d-none d-md-block">Previous</button>',
nextArrow: '<button type="button" class="slick-next d-none d-md-block">next</button>',
dotsClass: 'slick-dots-white',
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 580,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
});
</script>
</body>
</html>