/*	
	*	---------------------------------------------------------------------
	*	 CSS for responsive layout (tablets and mobile devices)
	*	--------------------------------------------------------------------- 
	*/
	

	
	@media screen and (min-width: 1024px){
	html.loading .header{-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
	html.loaded .header{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:transform 450ms ease;-moz-transition:transform 450ms ease;transition:transform 450ms ease}
	
	.projects .preview,.projects .preview .slick-list{overflow:visible}
	.projects .preview .slick-slide .preview_slide{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;transition:all 600ms ease}
	.projects .preview .slick-slide.slick-animate-in.slick-next .preview_slide{-webkit-animation:slideRightToLeft 600ms ease forwards;-moz-animation:slideRightToLeft 600ms ease forwards;animation:slideRightToLeft 600ms ease forwards}
	.projects .preview .slick-slide.slick-animate-in.slick-prev .preview_slide{-webkit-animation:slideLeftToRight 600ms ease forwards;-moz-animation:slideLeftToRight 600ms ease forwards;animation:slideLeftToRight 600ms ease forwards}
	.projects .preview .slick-slide.slick-animate-out.slick-next .preview_slide{-webkit-transform:translate3d(-30px, 0, 0);-moz-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}
	.projects .preview .slick-slide.slick-animate-out.slick-prev .preview_slide{-webkit-transform:translate3d(30px, 0, 0);-moz-transform:translate3d(30px, 0, 0);transform:translate3d(30px, 0, 0)}
	
	
	
	body.prehide:not(.structure_root) .container{will-change:opacity, visibility, transform;opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 900ms ease-in;-moz-transition:all 900ms ease-in;transition:all 900ms ease-in}
	body.prehide:not(.structure_root).animate-hide .container{opacity:0;visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
	body.structure_root.prehide .container{will-change:opacity, visibility, background;opacity:1;visibility:visible;-webkit-transition:all 900ms ease-in;-moz-transition:all 900ms ease-in;transition:all 900ms ease-in}
	body.structure_root.prehide .wrapper,body.structure_root.prehide .home{background:#f2f2f2}
	body.structure_root.prehide .project-container{will-change:transform;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 900ms ease-in;-moz-transition:all 900ms ease-in;transition:all 900ms ease-in}
	body.structure_root.prehide.animate-hide .container{opacity:0;visibility:hidden}
	body.structure_root.prehide.animate-hide .wrapper,body.structure_root.prehide.animate-hide .home{background:#fff}
	body.structure_root.prehide.animate-hide .project-container{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
	body.structure_root.preload .home{background:#fff;-webkit-transition:background 900ms ease;-moz-transition:background 900ms ease;transition:background 900ms ease}
	body.structure_root.preload .projects_slider{overflow:hidden}
	body.structure_root.preload .projects_slider:before{display:block;background:#fff;-webkit-transition:all 900ms ease;-moz-transition:all 900ms ease;transition:all 900ms ease}
	
	body.structure_root.preload .projects_carousel{opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 50%, 0);-moz-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0);-webkit-transition:all 900ms ease 300ms;-moz-transition:all 900ms ease 300ms;transition:all 900ms ease 300ms}
	body.structure_root.preload.animate-show .home{background:#f2f2f2}
	body.structure_root.preload.animate-show .projects_slider:before{height:0;background:#f2f2f2}
	body.structure_root.preload.animate-show .projects_carousel{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	body.structure_projects.preload .container .sidebar,body.structure_contacts.preload .container .sidebar,body.structure_page.preload .container .sidebar{width:0;-webkit-transition:width 450ms ease-in;-moz-transition:width 450ms ease-in;transition:width 450ms ease-in}
	body.structure_projects.preload .container .sidebar .aside,body.structure_contacts.preload .container .sidebar .aside,body.structure_page.preload .container .sidebar .aside{-webkit-transform:translate3d(-50%, 0, 0);-moz-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);-webkit-transition:transform 612.5ms ease;-moz-transition:transform 612.5ms ease;transition:transform 612.5ms ease}
	body.structure_projects.preload.animate-show .container .sidebar,body.structure_contacts.preload.animate-show .container .sidebar,body.structure_page.preload.animate-show .container .sidebar{width:43.75%}
	body.structure_projects.preload.animate-show .container .sidebar .aside,body.structure_contacts.preload.animate-show .container .sidebar .aside,body.structure_page.preload.animate-show .container .sidebar .aside{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	
	}


	
	@media screen and (min-width: 1600px){
	.container .aside{padding-top:100px;padding-bottom:100px}
	.header .topheader{margin-top:-4px}
	.header .bottom-header{margin-bottom:16px}
	
	.navigation .menu ul li{margin-top:100px;margin-bottom:100px}
	.filter .filter_hangar{padding-top:100px;padding-bottom:100px}
	
	.footer{padding-top:153px;padding-bottom:153px}
	
	.contacts .contacts_item .contacts_label{width:120px}
	
	.projects .content{padding-left:12%;padding-right:12%;padding-top:190px;padding-bottom:190px}
	.projects .project_controls .project_sharing{margin-left:155px}
	.projects .preview_controls{bottom:87px;padding-left:54px}
	.projects .preview_controls .preview_zoom{margin-left:41px}
	
	.home .projects_carousel,.home .projects_carousel .slick-list,.home .projects_carousel .slick-slide{height:65.85vh}
	.home .brief .brief-item{margin-bottom:217px;padding:151px 0 0 0}
	.home .brief .brief-item:nth-child(2){margin-top:88px}
	
	}
	
	
	
	
	@media screen and (min-width: 0) and (max-width: 1023px){
	body,html{background:#fff}
	.container{margin:160px 0 0 0;background:none}
	.container:after{display:block;content:'';width:100%;clear:both}
	.container .aside,.container .content{min-height:initial;height:auto;padding:0 20.5%}
	.container .sidebar{min-height:initial}
	.container .sidebar,.container .sidebar .aside{width:100%;float:none;background-color:transparent;min-height:initial}
	.container .content{margin:0}
	.heading{width:100%;min-height:auto;height:160px;display:table;float:none;position:fixed;top:0;left:0;z-index:100}
	.heading.menu-opened .header .logo{-webkit-transform:rotate(90deg) translate3d(25px, 0, 0);-moz-transform:rotate(90deg) translate3d(25px, 0, 0);transform:rotate(90deg) translate3d(25px, 0, 0)}
	.heading.menu-opened .navigation{height:100%}
	.heading.filter-opened .filter{width:100%;max-height:calc(100% - 160px)}
	.header{display:table-cell;vertical-align:middle;position:relative;width:100%;overflow:hidden}
	.header .logo{margin-top:-68px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg); transform:rotate(90deg);}
	.header .topheader, .header .bottom-header {width: auto; position: relative; margin: 0; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: none; -moz-transform: none; transform: none; -webkit-transform-origin: initial; -moz-transform-origin: initial; transform-origin: initial;}
	.header .topheader {float: right; margin: 0 10.25% 0 0;}
	.header .logo {margin-top:-68px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
	.header .bottom-header {float: left; margin: 10px 0 0 10.25%;}
	.navigation{width:100%;height:0}
	.navigation .close{top:auto;bottom:83px;right:50%;margin:0 -12px 0 0}
	.navigation .navigation_wrapper{width:100%;height:100vh}
	.navigation .menu ul{-webkit-transform:none;-moz-transform:none;transform:none}
	.navigation .menu ul li a:hover{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	.filter{left:0;top:160px;bottom:auto;width:100%;text-align:center;max-height:0}
	.filter .filter_hangar{width:100vw;padding:70px 10% 59px}
	.filter .close{top:78px;left:auto;right:78px}
	.filter .filter_wrapper{display:inline-block;vertical-align:top;text-align:left;width:auto;height:auto;position:static}
	.filter .filter_container{width:auto;height:auto}
	.filter .filter_container,.filter .filter_container .filter_content{display:block}
	.filter .filter_container .filter_group{padding-right:24px;padding-bottom:2px}
	.filter .filter_actions{margin:42px 0 0 0}
	.filter .filter_actions .button{position:relative;left:auto;bottom:auto}
	
	.footer{padding:97px 20.65% 97px 20.75%}
	
	.contacts .aside{margin:111px 0 71px 0}
	.about .aside{height:55.75vh;background-position:50% 45%}
	.about .content{padding-top:115px;padding-bottom:115px}
	.projects .aside,.projects .content{width:100%;float:none;padding:0 10.25%}
	.projects .aside .content_wrapper,.projects .aside .content_wrapper .content_middle,.projects .content .content_wrapper,.projects .content .content_wrapper .content_middle{display:block;height:auto}
	.projects .content{position:relative}
	.projects .content .slick-arrow{display:block !important}
	.projects .aside{padding:107px 20.5%}
	.projects .aside .close{top:auto;bottom:1px;left:auto;right:1px;z-index:5}
	.projects .preview{height:auto}
	.projects .preview .slick-list,.projects .preview .slick-track,.projects .preview .slick-slide{height:auto}
	.projects .preview .slick-slide,.projects .preview .slick-slide>div{display:block;height:auto}
	.projects .preview .slick-slide .preview_slide{display:block !important}
	.projects .preview .slick-slide .preview_slide img{position:relative !important;top:auto !important;left:auto !important;width:100% !important;height:auto !important;max-width:initial !important}
	.projects .preview_controls{display:none}
	.projects .project_controls{position:relative;left:auto;bottom:auto;margin:95px 0 0 4px}
	.projects .project_controls .project_sharing{margin-left:69px}
	
	ul.preview_pagination li a:hover:before,ul.preview_pagination li button:hover:before{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	
	.home{background:#f2f2f2}
	.home .projects_carousel,.home .projects_carousel .slick-list,.home .projects_carousel .slick-slide{height:55.85vh}
	.home .brief{padding:0 10.25% 83px;height:auto !important}
	.home .brief .brief-item,.home .brief .brief-item:nth-child(odd),.home .brief .brief-item:nth-child(even),.home .brief .brief-item:nth-child(2),.home .brief .brief-item:nth-child(4n+1),.home .brief .brief-item:nth-child(4n+2),.home .brief .brief-item:nth-child(4n+3),.home .brief .brief-item:nth-child(4n+4){width:auto;float:none;margin:0 0 31px 0;padding:88px 0 0 0;left:0 !important;position:relative !important;-webkit-transform:none !important;-moz-transform:none !important;transform:none !important}
	.home .brief .brief-item:nth-child(odd){margin-left:13%}
	.home .brief .brief-item:nth-child(even){margin-right:13%}
	.home .brief .brief-item .brief-info{padding:44px 0 0 15%}
	}
	
	
	/*@media screen and (min-width: 0) and (max-width: 767px) and (orientation: landscape){
	.rotate{display:block;position:fixed;width:100%;left:0;top:-75px;bottom:-75px;z-index:99999;background:#fff}
	.rotate .rotate_wrapper{display:table;width:100%;height:100%;color:#000;text-align:center}
	.rotate .rotate_container{display:table-cell;vertical-align:middle}
	.rotate .rotate_container .rotate_photo{width:94px;height:81px;background:url(/assets/rotate.png) center center no-repeat;margin:0 auto 17px}
	.rotate .rotate_container .rotate_text{width:205px;margin:0 auto}
	}*/
	
	
	@media screen and (min-width: 0) and (max-width: 639px){
	.container{margin-top:130px}
	.container .aside,.container .content{padding:0 10.75%}
	
	.heading{height:130px}
	.header .topheader{margin-top:4px}
	.header .topheader a{display:block;margin:0;float:none}
	.header .topheader a:last-child{margin-top:-15px}
	
	.header .logo{margin-left:-37.5px}
	.header .bottom-header{margin-top:14px}
	.header .bottom-header .lang,
	.header .bottom-header .social{display:block;margin:0}
	.header .bottom-header .lang .drop{width:50px;top:24px;padding:0;background:#fff;z-index:2}
	.header .bottom-header .social{margin:5px 0 0 -1px}
	.header .bottom-header .social a{margin-left:9px}
	.header .bottom-header .social a:first-child{margin-left:0}
	.navigation .close{bottom:61px}
	.navigation .menu{padding-top:40px}
	.navigation .menu ul li{margin:27px 0}
	
	.filter{top:130px}
	.filter .close{top:71px;right:31px}
	.filter .filter_container .filter_group{padding-top:13px;padding-right:13px;margin-top:18px}
	
	.footer{padding:57px 11% 72px 11%}
	
	.contacts .aside{margin:36px 0 0 0}
	.contacts .content{margin:60px 0}
	.contacts .contacts_item .contacts_label{width:65px}
	
	.about .aside{height:42vh;background-position:center center}
	.about .content{padding-top:74px;padding-bottom:74px}
	
	.container.projects .content{padding:0 10.25%}
	.container.projects .content .slick-arrow{bottom:0}
	.container.projects .aside{padding-top:70px;padding-bottom:70px}
	.container.projects .aside .close{bottom:2px;right:-2px}
	.container.projects .project_controls .project_navigator{margin-left:-3px}
	.container.projects .project_controls .project_sharing{margin-left:43px}
	
	
	.home .projects_carousel,.home .projects_carousel .slick-list,.home .projects_carousel .slick-slide{height:42vh}
	.homoe .projects_carousel ul.preview_pagination{margin-top:34px}
	
	.home .brief{padding-bottom:33px}
	.home .brief .brief-item,.home .brief .brief_item:nth-child(odd),.home .brief .brief-item:nth-child(even),.home .brief .brief-item:nth-child(2),.home .brief .brief-item:nth-child(4n),.home .brief .brief-item:nth-child(4n+1){margin:0 0 44px 0;padding:73px 0 0 0}
	.home .brief .brief-item:nth-child(odd){margin-left:13%}
	.home .brief .brief-item:nth-child(even){margin-right:13%}
	.home .brief .brief-item .brief-info{padding:43px 0 0 15%}
	
	}