<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetPageProperty("description", "3Д-программа для проектирования интерьера комнаты и расстановки мебели.  Сервис бесплатный на сайте мебельного производителя \"DaVita\"\"");
/* @var $APPLICATION */
$APPLICATION->SetTitle("3Д-Программа");
$APPLICATION->SetPageProperty('page-type', 'outline');
$asset::getInstance()->addCss(P_CSS . 'compiled/style-outline-page.css');
$APPLICATION->AddHeadString('<link rel="canonical" href="https://'.$_SERVER['HTTP_HOST'].$APPLICATION->GetCurDir(false).'"/>',true);

echo $APPLICATION->GetViewContent('MVC_OUTPUT');
/* @var $APPLICATION */    
                          
?><!-- БАНЕР -->
<div class="banerzakaz">
 <a href="/3d/#popup-order-3d-project" target="_blank"> <img width="1724" alt="Дизайн мебели бесплатно" src="/upload/medialibrary/49e/qo07zynilboopp5i6plir3uzq1jxzt6p.jpg" height="288" data-src="/upload/iblock/ab4/ab4313c78ed3d682963637ff87a98e771.jpg" title="Заказать бесплатный 3D-проект" class="adaptive"> </a>
</div>
 <br>
<p>
 <span style="font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));">Создайте свой собственный 3Д-проект будущей кухни, гостиной, спальни или детской. С нашей 3Д-программой Вы сможете стать настоящим дизайнером. Программа проста в использовании и не требует специальных навыков. Вы сможете выбрать подходящий вариант планировки комнаты, расставить мебель, выбрать идеальный декор стен и потолка, подобрать необходимые аксессуары и сделать снимки будущего интерьера.</span><br>
</p>
<p>
	 Создавайте уют пространства, исходя из Ваших предпочтений, визуализируйте и экспериментируйте. Также Вы можете воспользоваться услугами наших специалистов. Мы составим для Вас бесплатно индивидуальный <a href="/3d/#popup-order-3d-project"><span style="color: #ca0c3c;">дизайн-проект</span></a> и создадим комнату, в которой Вам захочется остаться.
</p>
 <style>

	.rightr{
        max-width: calc(50% - 30px);
	    width: 560px;
	}
         
	.up {
        max-width: calc(50% - 30px);
        margin-right: 60px;
        width: 560px;
	}
    @media (max-width: 768px) {
        .up {
            width: 100%;
            max-width: 100%;
            margin-right: 0;
            margin-bottom: 30px;
        }

        .rightr{
            width: 100%;
            max-width: 100%;
            margin-bottom: 30px;
        }
    }
        .text block{
	min-width: 960px;
	}


	.text-block a{
	text-decoration: none;
	color:#000;
	}
        .textblock a {
        text-decoration: none;
	color:#000;
	} 
	.h {
    	margin-bottom: 0px;
    	font-size: 16px;
    	line-height: 63px;
    	color: #000;
    	max-height: 46px;
    	overflow: hidden;
	}


	a {
	text-decoration: none;
	}
	a:hover {
	text-decoration: none;
	color: #cc0a3b;
	}

	.ab {
	overflow: hidden;
	font:12pt Open Sans;
	color:#000;
	text-decoration: none;
	display: block;
  	
	}
	
	.ab:before {
	color: #b5002e;
	text-decoration: none;
	display: block;
  	background: rgba(255, 0, 0, 0);
	}

	

	.ab.opacity {
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s;  
	-ms-transition: all 0.4s;  
	-o-transition: all 0.4s;  
	transition: all 0.4s; 
	opacity:1;
	filter:alpha(opacity=100);
	}

	.opacity:hover {
	opacity:0.7;
	filter:alpha(opacity=50);
	}

	h5 {  
	width: 280px;
        margin: inherit;
	}

	.adaptive {
	display: block;
	max-width: 100%;
	height: auto;
	}
	.banerzakaz{
	display: unset;
	height: 303px;
	}

	.butonoff{
        display: flex;
        justify-content: space-between;
        /*height: 345px;*/
	}
    @media (max-width: 768px) {
        .butonoff{
            flex-wrap: wrap;
        }
    }

	.textvideo{
	 width: 275px; 
	text-align: left; 
	margin: 1px; 
	font-size: 16px;
	}  

	.page-header {
	 min-height:0;
	}

	#feedback{
        display:none;
	}


	#feedback #razmall{
	padding: 0px 0px 144px;
	}
                
	
	
	.popup.popup-body.razmtext{
	padding: 0px 260px 190px 20px;
	}
      
	#f_close{
	margin-right: 40px;
    	padding: 0 45px;
	 
	}
	 .buttons{
	padding: 13px;

	}
        .news-blockv{
        padding: 0px 0px 29px;
	}
	
	


	.news-blockv .videos-wrapperv {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: -47px -10px;                	
	}

	.news-blockv .videos-wrapperv .videov {
    	position: sticky;
    	display: block;
    	width: 285px;
    	margin: 52px 7px;
    	transition: opacity .2s;
	}

   	.news-blockv .videos-wrapperv .videov .image-wrapperv {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	max-height: 160px;
    	height: 160px;
    	overflow: hidden;
    	 }

	


	.news-blockv .videos-wrapperv .videov .infovi {
    	position: absolute;
	top: 114px;
    	left: 220px;
      	padding: 20px;
	}

	.news-blockv .videos-wrapperv .videov .infov {
    	position: absolute;
    	top: 152px;
    	left: 0px;
    	width: 100%;
    	padding: 12px;
	}		
          
	.news-blockv .videos-wrapperv .videov .name{
    	margin-bottom: 15px;
    	font-size: 16px;
    	line-height: 20px;
		
  	max-height: 40px;
  	overflow: hidden;
	}
	
                        
        
	.news-blockv .videos-wrapperv .videov{
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s;  
	-ms-transition: all 0.4s;  
	-o-transition: all 0.4s;  
	transition: all 0.4s; 
	opacity:1;
	filter:alpha(opacity=100);  	
	}
        
  	  
	.news-blockv .videos-wrapperv .videov:hover {
	opacity:0.7;
	filter:alpha(opacity=30);
	} 
         .colorv{
        color:#f000;
	}      
        .colorv:hover{
	color:#cc0a3b;
	} 

img {
   <!-- width: -webkit-fill-available;-->
    border: 0;
}

	
        .tag {
    	display: -webkit-box;
    	padding: 0px 4px;
    	height: 19px;
    	background: #f2f2f2;
    	border-radius: 4px;
    	font: bold 12px/19px 'Open Sans','Arial',sans-serif;
    	color: #333;
    	text-transform: uppercase;
    	white-space: nowrap;
	}
	
.tag span {
    padding: 0 5px;
    backface-visibility: hidden;
}

</style> <!-- ПОПАП --> <script>

$(document).ready(function(){
    $(".modalbox").fancybox();
    $(".f_contact").submit(function(){ return false; });
    $("#feedback .btn").on("click", function(){
            $(".f_contact").fadeIn("fast", function(){
            
            setTimeout("$.fancybox.close()",0);
        });
    });
});

</script>
<div id="feedback">
	<div class="f_contact">
		<div class="popup bug-message-popup js-bug-message-popup">
			<div class="popup-header">
				<div class="popup-title clearfix">
					 3Д-Программа
				</div>
			</div>
			<div class="popup-body" style="padding: 0px 35px 14px 30px;">
				<div class="textblock" style="padding-top: 0px;">
					 <!--ТЕКСТ ПОПАПА --> <br>
					 Для работы 3Д-offline необходимо скачать программу. Размер файла - 17 МБ. После установки программы необходимо запустить обновление.<!--ТЕКСТ ПОПАПА -->
				</div>
				<p>
 <br>
					 Скачать программу на компьютер?
				</p>
				 <!--ТЕКСТ КНОПОК ПОПАПА -->
				<div>
					 <a class="btn" id="f_close" style="margin-right: 40px;padding: 0 45px;" ><span title="Не скачивать">нет</span></a> <a class="btn" href="https://davitamebel.ru/upload/Outline3dOffline_Vitra_Nov2019_min.exe" style="margin-left: 40px;padding: 0 45px;"><span title="Скачать программу">да</span></a>
				</div>
 <br>
			</div>
		</div>
	</div>
</div>
 <!-- КАРТИНКИ ОНЛАЙН И ОФЛАЙН   -->
<div class="butonoff">
	 <!-- Левая -->
	<div class="up">
 <a href="/3d/outline/" title="Запустить 3Д-программу на сайте" class="ab opacity">
		<div style="padding: 9px 0px;">
 <span style="color: #ca0c3c;">
			Запустить 3Д-программу на сайте</span>
		</div>
 </a>
	</div>
	 <!-- Правая -->
	<div class="rightr">
 <a href="#feedback" class="ab opacity modalbox">
		<div style="padding: 9px 0px;">
 <span style="color: #ca0c3c;">Скачать и установить 3Д-программу</span>
		</div>
 </a>
	</div>
</div>
 <?
// СЕО-текст

global $APPLICATION;
if ($APPLICATION->GetShowIncludeAreas()) {
    \Sibirix\Base\Helper::includeArea("seo/outline");
} else {
    \Sibirix\Base\Helper::showSeoWithSeparator("seo/outline", 4);
} ?><?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>