/*
Author: VD
Description: CSS exclusively for VD.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto:300,400,600&subset=cyrillic");

/* Resets 
--------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;-webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:none;margin:0;padding:0}

/* General
--------------------- */
html,body {margin:0; height:100%; height:100vh;}
body{font-family:'Roboto', sans-serif;font-weight:normal; color:#000;font-size:12px; position: relative; background:#fff; }


/* links */
a {color:#000; text-decoration:none; outline:none; cursor: pointer}
a:focus, a:hover { color:#363636; text-decoration:underline;}
a:focus {color:inherit;}

/* headers */
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family:'Roboto', sans-serif;color:#000; margin:0; padding:0; position:relative;}

/* paragraphs */
p {line-height:1.9; margin:20px 0px; letter-spacing: 0px;}

/* images */
img{border:none;vertical-align:top}

/* list */
ul {margin:0; padding:0;}


/* misc */
.clear {clear:both; height:30px;}
strong {font-weight:bold; /*font-family:'avantgarde_bk_btdemi';*/}



/* Preloader
--------------------- */
.preloader{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99999;opacity:1;visibility:visible}
.preloader:before{display:block;content:'';position:absolute;background:#f2f2f2;top:0;left:0;width:0;height:100%;z-index:5;-webkit-transition:width 2.5s linear;-moz-transition:width 2.5s linear;transition:width 2.5s linear}
.preloader .preloader_flipping{width:100%;height:100%;position:relative;z-index:10}
.preloader .preloader_flipping .preloader_item{position:absolute;width:100%;height:100%}
.preloader .preloader_flipping .preloader_overlay{display:table;width:100%;height:100%;text-align:center}
.preloader .preloader_flipping .preloader_overlay .preloader_picture{display:table-cell;vertical-align:middle}
.preloader.animate-show:before{width:100%}
.preloader.animate-hide{opacity:0;visibility:hidden;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease}
.preloader.loaded{display:none !important}



/* Inputs
------------------- */
input[type='checkbox']{position:absolute;left:-9999px}
input[type='checkbox']+label{position:relative;padding-left:24px;cursor:pointer;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
input[type='checkbox']+label:before,input[type='checkbox']+label:after{display:block;content:'';position:absolute;left:0;top:3px;width:6px;height:6px;border:1px solid #8e8e8e}
input[type='checkbox']+label:after{content:'';position:absolute;background:#8e8e8e;visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
input[type='checkbox']+label:hover{padding-left:34px;margin-right:-10px}
input[type='checkbox']:checked+label:after{visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
input[type='checkbox']:disabled+label:before,input[type='checkbox']:disabled+label:after{border-color:#555555}
input[type='checkbox']:disabled+label:after{background:#555555}


/* General 
------------------ */
.wrapper{min-height:100%;overflow:hidden}
.container{margin-left:12.7%;background:#fff}
.container:after{display:block;content:'';clear:both}
.container .aside,.container .content{height:100vh;min-height:550px}
.container .aside{width:43.75%;float:left;background-color:#f2f2f2;background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:100vh;padding:60px 6.5vw;font-size:12px;letter-spacing:0.5px}
.container .sidebar{overflow:hidden;width:43.75%;float:left}
.container .sidebar .aside{min-width:100%;width:38.2vw;min-height:550px}
.container .content_wrapper{display:table;width:100%;height:100%}
.container .content_wrapper .content_middle{display:table-cell;vertical-align:middle}
.container .content{margin-left:43.75%;padding:0 14.7%}

/* 1.1 Header & Navigation 
---------------------------- */
.heading.menu-opened .header .topheader,.heading.menu-opened .header .bottom-header{opacity:0;visibility:hidden}
.heading.menu-opened .header .logo{-webkit-transform:translate3d(25px, 0, 0);-moz-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}
.heading.menu-opened .navigation{visibility:visible;width:100%;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}
.heading.menu-opened .navigation .close:before{-webkit-animation:showRotationForward 600ms 700ms ease forwards;-moz-animation:showRotationForward 600ms 700ms ease forwards;animation:showRotationForward 600ms 700ms ease forwards}
.heading.menu-opened .navigation .close:after{-webkit-animation:showRotationBackward 600ms 700ms ease forwards;-moz-animation:showRotationBackward 600ms 700ms ease forwards;animation:showRotationBackward 600ms 700ms ease forwards}
.heading.menu-opened .navigation .menu ul li{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.heading.menu-opened .navigation .menu ul li:nth-child(1){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;transition-delay:300ms}
.heading.menu-opened .navigation .menu ul li:nth-child(2){-webkit-transition-delay:400ms;-moz-transition-delay:400ms;transition-delay:400ms}
.heading.menu-opened .navigation .menu ul li:nth-child(3){-webkit-transition-delay:500ms;-moz-transition-delay:500ms;transition-delay:500ms}
.heading.menu-opened .navigation .menu ul li:nth-child(4){-webkit-transition-delay:600ms;-moz-transition-delay:600ms;transition-delay:600ms}
.heading.menu-opened .navigation .menu ul li:nth-child(5){-webkit-transition-delay:700ms;-moz-transition-delay:700ms;transition-delay:700ms}
.heading.menu-opened .navigation .menu ul li:nth-child(6){-webkit-transition-delay:800ms;-moz-transition-delay:800ms;transition-delay:800ms}
.heading.menu-opened .navigation .menu ul li:nth-child(7){-webkit-transition-delay:900ms;-moz-transition-delay:900ms;transition-delay:900ms}
.heading.menu-opened .navigation .menu ul li:nth-child(8){-webkit-transition-delay:1000ms;-moz-transition-delay:1000ms;transition-delay:1000ms}
.heading.menu-opened .navigation .menu ul li:nth-child(9){-webkit-transition-delay:1100ms;-moz-transition-delay:1100ms;transition-delay:1100ms}
.heading.menu-opened .navigation .menu ul li:nth-child(10){-webkit-transition-delay:1200ms;-moz-transition-delay:1200ms;transition-delay:1200ms}
.heading.menu-closed .navigation .close:before{-webkit-animation:hideRotationForward 600ms ease forwards;-moz-animation:hideRotationForward 600ms ease forwards;animation:hideRotationForward 600ms ease forwards}
.heading.menu-closed .navigation .close:after{-webkit-animation:hideRotationBackward 600ms ease forwards;-moz-animation:hideRotationBackward 600ms ease forwards;animation:hideRotationBackward 600ms ease forwards}




.heading.filter-opened .filter{width:23.6%;visibility:visible;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}
.heading.filter-opened .filter .close:before{-webkit-animation:showRotationForward 600ms 700ms ease forwards;-moz-animation:showRotationForward 600ms 700ms ease forwards;animation:showRotationForward 600ms 700ms ease forwards}
.heading.filter-opened .filter .close:after{-webkit-animation:showRotationBackward 600ms 700ms ease forwards;-moz-animation:showRotationBackward 600ms 700ms ease forwards;animation:showRotationBackward 600ms 700ms ease forwards}
.heading.filter-closed .filter .close:before{-webkit-animation:hideRotationForward 600ms ease forwards;-moz-animation:hideRotationForward 600ms ease forwards;animation:hideRotationForward 600ms ease forwards}
.heading.filter-closed .filter .close:after{-webkit-animation:hideRotationBackward 600ms ease forwards;-moz-animation:hideRotationBackward 600ms ease forwards;animation:hideRotationBackward 600ms ease forwards}


.header{text-transform:uppercase;width:12.7%;height:100%;background:#fff;position:fixed;top:0;bottom:0;left:0;letter-spacing:0.4px;z-index:20; font-family:'Open Sans', sans-serif;}
.header .topheader,.header .bottom-header{-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;transition:all 800ms ease}

.header .topheader { display:inline-block; vertical-align:top; position:absolute; left:-50%; top:60px; width:100%; text-align:right; margin:-24px 0 0 10px; white-space:nowrap; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transform-origin:right bottom; -moz-transform-origin:right bottom; transform-origin:right bottom }
.header .topheader a {display:inline-block; vertical-align:top; margin:0 0 0 40px; position:relative; text-decoration:none; padding:10px 0; float:right; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; transition:transform 0.3s ease; text-transform: uppercase;  letter-spacing: 1px; font-family: 'avantgarde_bk_btbook'; -webkit-font-smoothing: antialiased; backface-visibility: hidden; }
.header .topheader a span{margin-top:-2px; display:block; border-bottom: 10px double #000; border-top:0px solid #000; height: 4px; width:18px; float:right; margin-left: 15px; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important;}
.header .topheader a span:before, .header .topheader a span:after {-webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important;}
.header .topheader a:last-child { margin:0}
.header .topheader a:hover { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}




.header .logo{position:absolute;top:50%;left:50%;display:inline-block;vertical-align:top;margin:-58px 0 0 -53px;-webkit-transition:transform 1000ms ease;-moz-transition:transform 1000ms ease;transition:transform 1000ms ease}
.header .logo img{width:67px;height:auto}
.header .bottom-header{display:inline-block;vertical-align:top;position:absolute;left:50%;bottom:60px;width:100%;margin:0 0 -24px -14px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top left;-moz-transform-origin:top left;transform-origin:top left; -webkit-font-smoothing: antialiased; backface-visibility: hidden; }


.header .bottom-header .email-address {display:inline-block; vertical-align:top; position:relative }
.header .bottom-header .email-address a {text-transform: uppercase; letter-spacing: 1px; font-family: 'avantgarde_bk_btbook';  }
.header .bottom-header .email-address a:hover {text-decoration:none; color:#363636; }


.navigation{position:fixed;top:0;left:0;bottom:0;width:0;background:#fff;overflow:hidden;z-index:15;visibility:hidden;-webkit-transition:all 700ms ease;-moz-transition:all 700ms ease;transition:all 700ms ease;-webkit-transition-delay:500ms;-moz-transition-delay:500ms;transition-delay:500ms}.navigation .close{position:absolute;top:50%;right:6.3%;margin:-12px 0 0 0}
.navigation .close:before,.navigation .close:after{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}
.navigation .navigation_wrapper{width:100vw;height:100%}
.navigation .navigation_container{display:table;height:100%;width:100%}
.navigation .menu{display:table-cell;vertical-align:middle;text-align:center}
.navigation .menu ul{display:inline-block;vertical-align:top;list-style:none;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%}
.navigation .menu ul li{margin:57px 0;opacity:0;visibility:hidden;-webkit-transform:translate3d(0, -25px, 0);-moz-transform:translate3d(0, -25px, 0);transform:translate3d(0, -25px, 0);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease}
.navigation .menu ul li:nth-child(10){-webkit-transition-delay:1000ms;-moz-transition-delay:1000ms;transition-delay:1000ms}
.navigation .menu ul li:nth-child(9){-webkit-transition-delay:900ms;-moz-transition-delay:900ms;transition-delay:900ms}
.navigation .menu ul li:nth-child(8){-webkit-transition-delay:800ms;-moz-transition-delay:800ms;transition-delay:800ms}
.navigation .menu ul li:nth-child(7){-webkit-transition-delay:700ms;-moz-transition-delay:700ms;transition-delay:700ms}
.navigation .menu ul li:nth-child(6){-webkit-transition-delay:600ms;-moz-transition-delay:600ms;transition-delay:600ms}
.navigation .menu ul li:nth-child(5){-webkit-transition-delay:500ms;-moz-transition-delay:500ms;transition-delay:500ms}
.navigation .menu ul li:nth-child(4){-webkit-transition-delay:400ms;-moz-transition-delay:400ms;transition-delay:400ms}
.navigation .menu ul li:nth-child(3){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;transition-delay:300ms}
.navigation .menu ul li:nth-child(2){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;transition-delay:200ms}
.navigation .menu ul li:nth-child(1){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}
.navigation .menu ul li a{display:inline-block;vertical-align:top;text-transform:uppercase;letter-spacing:1px;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;transition:transform 0.3s ease}
.navigation .menu ul li a:hover{text-decoration:none;-webkit-transform:translate3d(10px, 0, 0);-moz-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}



.filter{position:fixed;top:0;bottom:0;left:12.7%;background:#1c1c1c;width:0;color:#8e8e8e;text-transform:uppercase;letter-spacing:1px;z-index:10;visibility:hidden;overflow:hidden;-webkit-transition:all 700ms ease;-moz-transition:all 700ms ease;transition:all 700ms ease;-webkit-transition-delay:700ms;-moz-transition-delay:700ms;transition-delay:700ms}
.filter .filter_hangar{padding:60px 27%;height:100%;width:23.6vw}
.filter .filter_wrapper{width:100%;height:100%;position:relative}
.filter .close{position:absolute;top:0;left:0}
.filter .close:before,.filter .close:after{width:0;background:#8d8d8d;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg); transform:rotate(0deg)}
.filter .filter_total.visible,.filter .filter_group.visible,.filter .filter_item.visible,.filter .filter_actions.visible{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s}
.filter .filter_total.hidden,.filter .filter_group.hidden,.filter .filter_item.hidden,.filter .filter_actions.hidden{-webkit-transform:translate3d(0, 25px, 0);-moz-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.filter .filter_container{display:table;width:100%;height:100%}
.filter .filter_container .filter_content{display:table-cell;vertical-align:middle}
.filter .filter_container .filter_group{border-top:#3e3e3e 1px solid;padding:10px 0 6px 0;margin:16px 0 0 0}
.filter .filter_container .filter_item{padding:10px 0 0 0}
.filter .filter_actions .button{position:absolute;left:0;bottom:-8px;color:#8e8e8e}
.filter .filter_actions .button:after{border-color:#8e8e8e}


/* 1.2 Container
--------------------- */
.container {margin-left:12.7%;  background:#fff;}
.container.home {background:#f2f2f2;}


/* 1.3 Top Banner 
------------------- */
.top-banner {position: relative; width:100%; height:100%;}



/* 1.4 Homepage Project View
------------------------------- */

.home .projects_slider{position:relative}
.home .projects_slider:before{display:none;content:'';position:absolute;top:0;left:0;z-index:15;width:100%;height:100%;background:#f2f2f2}
.home .projects_carousel{width:100%;position:relative;text-align:center;overflow:hidden}
.home .projects_carousel.slick-initialized{overflow:visible;height:auto}
.home .projects_carousel .slick-list{overflow:hidden}
.home .projects_carousel,.home .projects_carousel .slick-list,.home .projects_carousel .slick-slide{height:62.85vh}
.home .projects_carousel .slick-slide{position:relative;float:left;z-index:5;visibility:hidden}
.home .projects_carousel .slick-slide>div{width:100%;height:100%}
.home .projects_carousel .slick-slide .projects_carousel{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.home .projects_carousel .slick-slide.slick-current,.home .projects_carousel .slick-slide.slick-prepared,.home .projects_carousel .slick-slide.slick-animate-out,.home .projects_carousel .slick-slide.slick-animate-in{visibility:visible}
.home .projects_carousel .slick-slide.slick-prepared .project_slide{-webkit-transform:translate3d(0, 50%, 0);-moz-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}
.home .projects_carousel .slick-slide.slick-animate-out .project_slide,.home .projects_carousel .slick-slide.slick-animate-in .project_slide{-webkit-transition:transform 900ms ease;-moz-transition:transform 900ms ease;transition:transform 900ms ease}
.home .projects_carousel .slick-slide.slick-animate-out{z-index:50 !important;opacity:1 !important}
.home .projects_carousel .slick-slide.slick-animate-out .project_slide{-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
.home .projects_carousel .slick-slide.slick-animate-in .project_slide{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.home .projects_carousel .project_slide{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative}

.brief{padding:0 7.25%;overflow:hidden}
.home .brief .brief-item{display:inline-block;vertical-align:top;width:34.4%;margin:0 4.65% 130px;padding:84px 0 0 0}
.home .brief .brief-item:nth-child(2){margin-top:74px}
.home .brief .brief-item:nth-child(4n+1),.home .brief .brief-item:nth-child(4n+2){left:3.6% !important}
.home .brief .brief-item:nth-child(4n+3),.home .brief .brief-item:nth-child(4n+4){left:-3.6% !important}
.home .brief .brief-item .brief-photo{display:block;position:relative;background:#f2f2f2}
.home .brief .brief_item .brief-photo .brief-cover,.home .brief .brief-item .brief-photo .brief-cover img,.home .brief .brief-item .brief-photo .brief-overlay,.home .brief .brief-item .brief-photo .brief-overlay img{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease}
.home .brief .brief-item .brief-photo .brief-cover{display:block;opacity:1;visibility:visible}
.home .brief .brief-item .brief-photo .brief-cover img{width:100%;height:auto}
.home .brief .brief-item .brief-photo .brief-overlay{display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:5}
.home .brief .brief-item .brief-photo.animate-in .brief-cover{opacity:0;visibility:hidden}
.home .brief .brief-item .brief-photo.animate-in .brief-overlay{opacity:1;visibility:visible;-webkit-transition-delay:250ms;-moz-transition-delay:250ms;transition-delay:250ms}
.home .brief .brief-item .brief-photo.animate-out .brief-cover{opacity:1;visibility:visible;-webkit-transition-delay:250ms;-moz-transition-delay:250ms;transition-delay:250ms}
.home .brief .brief-item .brief-photo.animate-out .brief-overlay{opacity:0;visibility:hidden}
.home .brief .brief-item .brief-info{padding:42px 0 0 21.25%;letter-spacing:0.4px;color:#333333}
.home .brief .brief-item .brief-info span{display:block;color:#afafaf}


/* 1.5 Inner Content
----------------------- */

.container .content h1,.container .content h2,.container .content h3{margin:0 0 24px 0}
.container .content .description p{margin:0 0 23px 0;letter-spacing:0.4px}
.container .content .description .button{margin:15px 20px 0 0}

/* 1.5.1 Buttons and Close
---------------------------- */

.button{display:inline-block;vertical-align:top;text-decoration:none;padding:1px 0 2px;position:relative;text-transform:uppercase;letter-spacing:1px;font-family:'Open Sans', sans-serif;line-height:24px;font-size:10px;font-weight:600;background:none;outline:none;border:none;cursor:pointer;-webkit-appearance:none;-moz-border-radius:0;-webkit-border-radius:0; border-radius:0;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;transition:transform 0.3s ease}
.button.disabled,.button:disabled{opacity:0.5}
.button:after{display:block;content:'';border-bottom:#1d262b 1px solid}.button:hover{text-decoration:none;-webkit-transform:translate3d(10px, 0, 0);-moz-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}

.close{display:block;position:relative;width:24px;height:24px}
.close:before,.close:after{display:block;content:'';position:absolute;width:33px;height:1.5px;background:#1d262b;top:11px;left:-5px}
.close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.close:after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg)}


/* 1.5.2 Projects 
------------------- */
.projects .content_wrapper .content_middle{position:relative}
.projects .aside{position:relative}
.projects .aside .close{position:absolute;top:0;left:0}
.projects .aside .close:before,.projects .aside .close:after{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}
.projects .aside .close:before{-webkit-animation:showRotationForward 600ms 800ms ease forwards;-moz-animation:showRotationForward 600ms 800ms ease forwards;animation:showRotationForward 600ms 800ms ease forwards}.projects .aside .close:after{-webkit-animation:showRotationBackward 600ms 800ms ease forwards;-moz-animation:showRotationBackward 600ms 800ms ease forwards;animation:showRotationBackward 600ms 800ms ease forwards}
.projects .content{float:right;width:56.25%;margin-left:0;padding:120px 12.7%;position:relative}
.projects .content .content_wrapper,.projects .content .content_wrapper .content_middle{display:block;height:100%}
.projects .content .slick-arrow{display:none !important}
.projects .project_properties{color:#afafaf; line-height: 1.8;}
.projects .description,.projects .description .button{margin:23px 0 0 0}
.projects .project_controls{position:absolute;left:0;bottom:-8px;text-transform:uppercase;font-size:10px}
.projects .project_controls.hidden{-webkit-transform:none;-moz-transform:none;transform:none}
.projects .project_controls .project_navigator,.projects .project_controls .project_sharing{display:inline-block;vertical-align:top}
.projects .project_controls .project_navigator .prev,.projects .project_controls .project_navigator .next,.projects .project_controls .project_navigator span{display:inline-block;vertical-align:top}
.projects .project_controls .project_navigator .prev,.projects .project_controls .project_navigator .next{width:8px;height:12px;position:relative;top:5px}
.projects .project_controls .project_navigator .prev:before,.projects .project_controls .project_navigator .prev:after,.projects .project_controls .project_navigator .next:before,.projects .project_controls .project_navigator .next:after{display:block;content:'';width:9px;height:2px;background:#000;position:absolute;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.projects .project_controls .project_navigator .prev:before,.projects .project_controls .project_navigator .next:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.projects .project_controls .project_navigator .prev:after,.projects .project_controls .project_navigator .next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.projects .project_controls .project_navigator .prev:before,.projects .project_controls .project_navigator .prev:after{left:-1px}
.projects .project_controls .project_navigator .prev:before{top:2.5px}
.projects .project_controls .project_navigator .prev:after{bottom:2.5px}
.projects .project_controls .project_navigator .prev:hover:before,.projects .project_controls .project_navigator .prev:hover:after{left:-11px}
.projects .project_controls .project_navigator .next:before,.projects .project_controls .project_navigator .next:after{right:-1px}
.projects .project_controls .project_navigator .next:before{bottom:2.5px}
.projects .project_controls .project_navigator .next:after{top:2.5px}
.projects .project_controls .project_navigator .next:hover:before,.projects .project_controls .project_navigator .next:hover:after{right:-11px}
.projects .project_controls .project_navigator span{font-size:12px;font-weight:600;width:68px;text-align:center;font-family:'Roboto', sans-serif}
.projects .project_controls .project_sharing{margin:0 0 0 76px;letter-spacing:1px}

.projects .preview,.projects .preview .slick-list{width:100%;height:100%;overflow:hidden}
.projects .preview .slick-list,.projects .preview .slick-track,.projects .preview .slick-slide{height:100%}
.projects .preview .slick-slide{display:table;position:relative;float:left}
.projects .preview .slick-slide>div{display:table;width:100%;height:100%}
.projects .preview,.projects .preview .preview_slide{width:100%;position:relative;z-index:5}
.projects .preview .preview_slide{display:table-cell !important;vertical-align:middle;background-repeat:no-repeat;background-size:contain;background-position:center center}
.projects .preview .preview_slide img{width:100%;height:auto;cursor:pointer; border:1px solid #f6f6f6;}

.projects .preview_controls{text-align:center;position:absolute;width:100%;left:0;bottom:47px;padding:0 0 0 24px}
.projects .preview_controls .preview_dots,.projects .preview_controls .preview_zoom{display:inline-block;vertical-align:top}
.projects .preview_controls .preview_pagination{margin:5px 0 0 0}
.projects .preview_controls .preview_zoom{margin:10px 0 0 11px;outline:none}
.projects .preview_controls .preview_zoom:before{display:block;content:'';width:14px;height:13px;background:url(img/zoom.png) center center no-repeat;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.projects .preview_controls .preview_zoom:hover:before{-webkit-transform:translate3d(0, -10px, 0);-moz-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}



.sliding .projects .fader_item.visible,.sliding .projects .fader_roller.visible{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s}
.sliding .projects .fader_item.hidden,.sliding .projects .fader_roller.hidden{-webkit-transform:translate3d(0, 25px, 0);-moz-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}


ul.preview_pagination{display:inline-block;vertical-align:top;list-style:none}
ul.preview_pagination li{display:inline-block;vertical-align:top;margin:0 6px}
ul.preview_pagination li a,ul.preview_pagination li button{display:block;width:38px;overflow:hidden;text-indent:-9999px;padding:10px 0;text-decoration:none;cursor:pointer;color:transparent;font-size:0;line-height:0;border:none;background:none;outline:none}
ul.preview_pagination li a:before,ul.preview_pagination li button:before{display:block;content:'';width:100%;height:2px;background:#d1d1d1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
ul.preview_pagination li a:hover:before,ul.preview_pagination li button:hover:before{-webkit-transform:translate3d(0, -10px, 0);-moz-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}
ul.preview_pagination li a.active:before,ul.preview_pagination li a.current:before,ul.preview_pagination li button.active:before,ul.preview_pagination li button.current:before{background:#000}
ul.preview_pagination li.slick-active a:before,ul.preview_pagination li.slick-active button:before{background:#000}



.slick-arrow{width:10.25%;position:absolute;top:0;bottom:10px;text-indent:-9999px;overflow:hidden;font-size:0;line-height:0;color:transparent;outline:none;background:none;border:none;height:100%;-webkit-appearance:none;-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none;-webkit-box-shadow:none; box-shadow:none;}
.slick-arrow:before,.slick-arrow:after{display:block;content:'';width:18px;height:2px;background:#000;position:absolute;top:50%;left:50%}
.slick-arrow:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.slick-arrow:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.slick-arrow.slick-prev{left:0}
.slick-arrow.slick-prev:before{margin:-6px 0 0 -9px}
.slick-arrow.slick-prev:after{margin:6px 0 0 -9px}
.slick-arrow.slick-next{right:0}
.slick-arrow.slick-next:before{margin:6px 0 0 -9px}
.slick-arrow.slick-next:after{margin:-6px 0 0 -9px}



/* 1.5.3 Contact 
-------------------- */
.contacts .aside .description p{padding:12px 0}.contacts .contacts_item{letter-spacing:0.4px;margin:12px 0}
.contacts .contacts_item:after{display:block;content:'';clear:both}
.contacts .contacts_item .contacts_label{color:#afafaf;float:left;width:82px}
.contacts .contacts_item .contacts_value a{display:inline-block;vertical-align:top;padding:0 0 10px 0;margin:0 13px -10px 0;text-decoration:none;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;transition:transform 0.3s ease}
.contacts .contacts_item .contacts_value a:after{display:block;content:'';border-bottom:#141510 1px solid;margin:0}
.contacts .contacts_item .contacts_value a:hover{-webkit-transform:translate3d(0, -5px, 0);-moz-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}



/* 1.6 Footer
---------------------- */
.footer{padding:97px 28.65% 97px 22.25%;letter-spacing:0.4px;background:#e5e5e5}
.footer,.footer a{color:#afafaf}
.footer .footer-description{width:100%;margin:0 0 53px 0}
.footer .footer-description p{margin:24px 0 0 0; font-size: 11px; text-transform: uppercase; text-align: center;}



/* 0.0 Copyright 
-------------------- */
.side-copyright {width:21px; max-height:840px; position: absolute; right:0; top:50%; z-index: 99; display: none;}
.side-copyright p:before {content:''; border: 1px solid rgba(0,0,0,0.50); -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); transform:rotate(270deg);-webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; transform-origin:bottom right; height: 300px; position: relative; float:left; display: block; margin:-300px 0 0 -35px; }
.side-copyright p {-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); transform:rotate(270deg);-webkit-transform-origin:top left; -moz-transform-origin:top left; transform-origin:top left; /*word-wrap: break-word;*/ white-space: pre; position: relative; font-size: 10px;  text-transform:uppercase; margin:0 0 0 5px; line-height: 0;}


/* Filters
--------------------- */
.filter{position:fixed;top:0;bottom:0;left:12.7%;background:#1c1c1c;width:0;color:#8e8e8e;text-transform:uppercase;letter-spacing:1px;z-index:10;visibility:hidden;overflow:hidden;-webkit-transition:all 700ms ease;-moz-transition:all 700ms ease;transition:all 700ms ease;-webkit-transition-delay:700ms;-moz-transition-delay:700ms;transition-delay:700ms}.filter .filter_hangar{padding:60px 27%;height:100%;width:23.6vw}
.filter .filter_wrapper{width:100%;height:100%;position:relative}
.filter .close{position:absolute;top:0;left:0}
.filter .close:before,.filter .close:after{width:0;background:#8d8d8d;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}
.filter .filter_total.visible,.filter .filter_group.visible,.filter .filter_item.visible,.filter .filter_actions.visible{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s}
.filter .filter_total.hidden,.filter .filter_group.hidden,.filter .filter_item.hidden,.filter .filter_actions.hidden{-webkit-transform:translate3d(0, 25px, 0);-moz-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.filter .filter_container{display:table;width:100%;height:100%}
.filter .filter_container .filter_content{display:table-cell;vertical-align:middle}
.filter .filter_container .filter_group{border-top:#3e3e3e 1px solid;padding:10px 0 6px 0;margin:16px 0 0 0}
.filter .filter_container .filter_item{padding:10px 0 0 0}
.filter .filter_actions .button{position:absolute;left:0;bottom:-8px;color:#8e8e8e}
.filter .filter_actions .button:after{border-color:#8e8e8e}


/* MISC 
------------------- */
.turbolinks-progress-bar{background:#000000}
.rotate{display:none}
.hidden{opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 25px, 0);-moz-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}
.visible,.seeable{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.visible{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.seeable{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}



@-moz-keyframes showRotationForward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}}

@-webkit-keyframes showRotationForward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:33px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}}

@-moz-keyframes showRotationForward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:33px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}}

@-o-keyframes showRotationForward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:33px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}}

@keyframes showRotationForward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:33px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}}

@-webkit-keyframes showRotationBackward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}}

@-moz-keyframes showRotationBackward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}}

@-o-keyframes showRotationBackward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}}

@keyframes showRotationBackward{0%{width:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}}

@-webkit-keyframes hideRotationForward{0%{width:33px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}

@-moz-keyframes hideRotationForward{0%{width:33px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}

@-o-keyframes hideRotationForward{0%{width:33px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}

@keyframes hideRotationForward{0%{width:33px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}

@-webkit-keyframes hideRotationBackward{0%{width:33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}

@-moz-keyframes hideRotationBackward{0%{width:33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}

@-o-keyframes hideRotationBackward{0%{width:33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}

@keyframes hideRotationBackward{0%{width:33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}50%{width:33px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{width:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}

}@-webkit-keyframes slideRightToLeft{0%{-webkit-transform:translate3d(30px, 0, 0);-moz-transform:translate3d(30px, 0, 0);transform:translate3d(30px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

@-moz-keyframes slideRightToLeft{0%{-webkit-transform:translate3d(30px, 0, 0);-moz-transform:translate3d(30px, 0, 0);transform:translate3d(30px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

@-o-keyframes slideRightToLeft{0%{-webkit-transform:translate3d(30px, 0, 0);-moz-transform:translate3d(30px, 0, 0);transform:translate3d(30px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

@keyframes slideRightToLeft{0%{-webkit-transform:translate3d(30px, 0, 0);-moz-transform:translate3d(30px, 0, 0);transform:translate3d(30px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

@-webkit-keyframes slideLeftToRight{0%{-webkit-transform:translate3d(-30px, 0, 0);-moz-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

@-moz-keyframes slideLeftToRight{0%{-webkit-transform:translate3d(-30px, 0, 0);-moz-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

@-o-keyframes slideLeftToRight{0%{-webkit-transform:translate3d(-30px, 0, 0);-moz-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

@keyframes slideLeftToRight{0%{-webkit-transform:translate3d(-30px, 0, 0);-moz-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}