@font-face{font-family:"PFBeauThin";src:url("fonts/pfbeausanspro-thin.eot");src:url("fonts/pfbeausanspro-thin.eot#iefix") format("embedded-opentype"),
url("fonts/pfbeausanspro-thin.woff") format("woff"),
url("fonts/pfbeausanspro-thin.ttf") format("truetype"),
url("fonts/pfbeausanspro-thin.svg") format("svg");font-weight:normal;font-style:normal;}
@font-face{font-family:"PFBeauRegular";src:url("fonts/pfbeausanspro-reg.eot");src:url("fonts/pfbeausanspro-reg.eot#iefix") format("embedded-opentype"),
url("fonts/pfbeausanspro-reg.woff") format("woff"),
url("fonts/pfbeausanspro-reg.ttf") format("truetype"),
url("fonts/pfbeausanspro-reg.svg") format("svg");font-weight:normal;font-style:normal;}
@font-face{font-family:"PFBeauBold";src:url("fonts/pfbeausanspro-bold.eot");src:url("fonts/pfbeausanspro-bold.eot#iefix") format("embedded-opentype"),
url("fonts/pfbeausanspro-bold.woff") format("woff"),
url("fonts/pfbeausanspro-bold.ttf") format("truetype"),
url("fonts/pfbeausanspro-bold.svg") format("svg");font-weight:normal;font-style:normal;}
*, *:before, *:after{box-sizing:border-box;}
ul{margin:15px 0 20px 0;padding:0 0 0 20px;}
ul li{margin:0 0 15px 0;}
html, body{height:100%;padding:0;margin:0;font-size:17px;line-height:29px;font-family:'PFBeauThin', 'Arial', sans-serif;}
strong, b{font-weight:normal;font-family:'PFBeauBold', 'Arial', sans-serif;}
body{background:#101010;color:#fff;transition:background 0.2s, color 0.2s;overflow-x:hidden;}
body.menu-opened{overflow:hidden;}
body.white{background:#e5e5e5;color:#333;}
::selection{background:#f8402e;}
.green::selection, .green::selection{background:#89c540;}
.yellow::selection, .yellow::selection{background:#ffc200;}
.blue::selection, .blue::selection{background:#1392f3;}
.cyan::selection, .cyan::selection{background:#00bbd6;}
.violet::selection, .violet::selection{background:#8b4aba;}
a{text-decoration:none;color:#fff;border-bottom:solid 1px #f8402e;transition:.2s border, .2s color;}
.green a{border-bottom-color:#89c540}
.yellow a{border-bottom-color:#ffc200}
.blue a{border-bottom-color:#1392f3}
.cyan a{border-bottom-color:#00bbd6}
.violet a{border-bottom-color:#8b4aba}
.white a{color:#333;}
a:hover{color:#f8402e;}
.green a:hover{color:#89c540}
.yellow a:hover{color:#ffc200}
.blue a:hover{color:#1392f3}
.cyan a:hover{color:#00bbd6}
.violet a:hover{color:#8b4aba}
p:first-child, h1:first-child, h2:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}
.left{position:fixed;left:0;top:0;bottom:0;width:400px;background:#212121;transition:.2s background;overflow:hidden;}
.white .left{background:#FFFFFF;}
.inner .global{min-height:100%;height:auto !important;height:100%;margin:0 auto -80px;position:relative;}
.inner .push{height:80px;}
.left__inner{position:absolute;left:0;top:0;width:500px;bottom:0;overflow-y:scroll;overflow-x:hidden;padding-right:100px;}
.menu{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:fixed;width:400px;left:-400px;top:0;bottom:0;background:#f8402e;transition:0.3s left;padding:107px 80px 50px;}
.green .menu{background:#89c540}
.yellow .menu{background:#ffc200}
.blue .menu{background:#1392f3}
.cyan .menu{background:#00bbd6}
.violet .menu{background:#8b4aba}
.menu ul{list-style:none;margin:0 0 70px 0;padding:0;}
.menu li{padding:0;margin:0 0 16px 0;line-height:30px;}
.menu ul li a{font-size:28px;display:inline-block;font-family:'PFBeauBold', 'Arial';line-height:28px;color:rgba(255,255,255,1);letter-spacing:1px;text-transform:uppercase;position:relative;}
.menu ul li a:before{content:'';display:block;position:absolute;left:0;width:0;top:100%;height:2px;transition:0.3s width;background:rgba(255,255,255,0.7);}
.menu ul li a:hover{color:rgba(255,255,255,1);}
.menu ul li a:hover:before{width:100%;background:rgba(255,255,255,1);}
.menu__burger{position:absolute;top:15px;width:50px;left:415px;height:50px;cursor:pointer;transition:.3s left, .2s background;background:#212121;}
.white .menu__burger{background:#FFFFFF;}
.menu__burger:hover{background:#f8402e;}
.green .menu__burger:hover{background:#89c540}
.yellow .menu__burger:hover{background:#ffc200}
.blue .menu__burger:hover{background:#1392f3}
.cyan .menu__burger:hover{background:#00bbd6}
.violet .menu__burger:hover{background:#8b4aba}
.burger, .burger:before, .burger:after{width:30px;height:4px;position:absolute;right:10px;top:23px;display:block;background:#fff;transition:top 0.1s, transform 0.1s, background 0.1s;}
.white .burger, .white .burger:before, .white .burger:after{background:#333;}
.menu__burger:hover .burger, .menu__burger:hover .burger:before, .menu__burger:hover .burger:after{background:#fff;}
.burger:before{content:'';margin:0;left:0;top:-9px;}
.burger:after{content:'';margin:0;left:0;top:9px;}
.menu--expand{left:0;overflow:auto;}
.menu--expand .menu__burger{left:15px;background:#f8402e;}
.green .menu--expand .menu__burger{background:#89c540}
.yellow .menu--expand .menu__burger{background:#ffc200}
.blue .menu--expand .menu__burger{background:#1392f3}
.cyan .menu--expand .menu__burger{background:#00bbd6}
.violet .menu--expand .menu__burger{background:#8b4aba}
.menu--expand .menu__burger .burger{background:rgba(255, 255, 255, 0);}
.menu--expand .menu__burger .burger:before{top:0;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.menu--expand .menu__burger .burger:after{top:0;background:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.main{position:absolute;top:0;left:400px;right:0;bottom:0;overflow-y:auto;}
.admin .left, .admin .main{top:39px;}
.admin .menu__burger{top:54px;}
.content{}
.content img{max-width:100%;}
.header{width:400px;padding:100px 0 50px 25px;}
.logo{width:286px;height:55px;display:block;border:none;position:relative;background-image:url('images/logo-on-black.svg');background-size:100%;overflow:hidden;text-indent:500px;white-space:nowrap;}
.white .logo{background-image:url('images/logo.svg');}
.logo:hover{border:none;}
.text{width:400px;padding:0 40px 80px 40px;}
.text--portfolio{font-size:14px;line-height:22px;}
.we-do{font-size:28px;line-height:38px;margin:0 0 40px 0;}
.we-think{font-size:22px;line-height:32px;margin:90px 0 40px 0;}
.we-live{margin:40px 0 70px 0;}
.socials{height:100px;width:400px;}
.socials--fixed{position:absolute;bottom:0;left:0;margin:0;}
.social{display:block;float:left;height:100px;width:50%;border:none;transition:none;white-space:nowrap;text-indent:500px;overflow:hidden;position:relative;}
.write__holder{height:60px;}
.button{line-height:60px;height:60px;border:solid 2px #fff;padding:0 22px;font-size:18px;font-family:'PFBeauBold', 'Arial', sans-serif;display:inline-block;background:rgba(246, 66, 55, 0);color:#fff;text-transform:uppercase;transition:.2s background;text-align:center;letter-spacing:1px;cursor:pointer;}
.write{line-height:60px;height:60px;border:solid 2px #f8402e;padding:0 22px;font-size:18px;font-family:'PFBeauBold', 'Arial', sans-serif;display:inline-block;background:rgba(246, 66, 55, 0);color:#fff;text-transform:uppercase;transition:.2s background;text-align:center;letter-spacing:1px;}
.green .write{border-color:#89c540}
.yellow .write{border-color:#ffc200}
.blue .write{border-color:#1392f3}
.cyan .write{border-color:#00bbd6}
.violet .write{border-color:#8b4aba}
.write:hover{color:#fff;background:#f8402e;border:solid 2px #f8402e;}
.green .write:hover{color:#fff;background:#89c540;border-color:#89c540}
.yellow .write:hover{color:#fff;background:#ffc200;border-color:#ffc200}
.blue .write:hover{color:#fff;background:#1392f3;border-color:#1392f3}
.cyan .write:hover{color:#fff;background:#00bbd6;border-color:#00bbd6}
.violet .write:hover{color:#fff;background:#8b4aba;border-color:#8b4aba}
.menu .write{border:solid 2px rgba(255,255,255,1);color:#fff;}
.menu .write:hover, .button:hover{color:#f8402e;background:rgba(255,255,255,1);border:solid 2px rgba(255,255,255,1);}
.green .menu .write:hover, .green .button:hover{color:#89c540}
.yellow .menu .write:hover, .yellow .button:hover{color:#ffc200}
.blue .menu .write:hover, .blue .button:hover{color:#1392f3}
.cyan .menu .write:hover, .cyan .button:hover{color:#00bbd6}
.violet .menu .write:hover, .violet .button:hover{color:#8b4aba}
.social:hover{border:none;}
.social:first-child{}
.social--fb{background:rgba(255,255,255,0.1) url('images/icon-fb.svg') no-repeat center center;}
.social--tw{background:rgba(255,255,255,0.08) url('images/icon-tw.svg') no-repeat center center;}
.social--be{background:rgba(255,255,255,0.05) url('images/icon-be.svg') no-repeat center center;}
.social--ig{background:rgba(255,255,255,0.05);}
.social--ig:before{display:block;content:'';background:url('images/icon-ig.svg') no-repeat center center;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;}
.white .social--fb{background:rgba(0,0,0,0.1) url('images/icon-fb.svg') no-repeat center center;}
.white .social--tw{background:rgba(0,0,0,0.08) url('images/icon-tw.svg') no-repeat center center;}
.white .social--be{background:rgba(0,0,0,0.05) url('images/icon-be.svg') no-repeat center center;}
.white .social--ig{background:rgba(0,0,0,0.05);}
.social--fb:hover{background-color:#375EA0;}
.social--tw:hover{background-color:#63A8E2;}
.social--be:hover{background-color:#1D64FF;}
.social--ig:hover{background:#f09433;background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);background:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888',GradientType=1);}
.items{padding:5px;}
.items:after{clear:both;content:'';display:block;}
.item{line-height:0;overflow:hidden;border:none;transition:.3s opacity;}
.portfolio__holder{}
.portfolio-more{}
.portfolio__link, .portfolio__back{margin:0 0 0 20px;position:relative;}
.portfolio__link:before, .portfolio__back:before{display:block;content:'';position:absolute;background:url('images/arrow__out.svg') no-repeat left center;width:14px;height:14px;top:50%;left:-19px;margin:-8px 0 0 0;}
.portfolio__back:before{left:-20px;background:url('images/arrow__back.svg') no-repeat left center;}
.portfolio-more .item__holder:nth-child(3){display:none;}
.item__holder{padding:5px;float:left;width:50%;display:block;}
.portfolio-list .item__holder{width:33.333%;}
.item__inner{display:block;overflow:hidden;position:relative;}
.items:hover .item{opacity:1;}
.item img{transition:.8s all;width:100%;position:relative;}
.item:hover img{transform:scale(1.05) !important;}
.item__overlay{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;padding:40px;background:rgba(0,0,0,0.8);transition:.3s all;display:block;color:#fff;}
.item__overlay--volganord{background:rgba(47, 85, 126, 0.8);}
.item__overlay--ruspetrol{background:rgba(191, 50, 23, 0.8);}
.item__overlay--mengel{background:rgba(61, 43, 33, 0.8);}
.item__overlay--shatte{background:rgba(112, 128, 144, 0.8);}
.item__overlay--ratnik{background:rgba(200, 135, 74, 0.8);}
.item__overlay--germes{background:rgba(0, 152, 94, 0.8);}
.item__overlay--12talk{background:rgba(0, 171, 195, 0.8);}
.item__overlay--tuttobene{background:rgba(46, 50, 52, 0.8);}
.items:hover .item:hover{opacity:1;}
.item:hover .item__overlay{opacity:1;}
.visible{opacity:1;}
.item__name{font-size:28px;line-height:38px;display:block;margin:0 0 20px 0;}
.item__desc{font-size:16px;line-height:25px;display:block;}
.switcher{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;height:22px;width:40px;border-radius:11px;position:absolute;top:29px;right:25px;cursor:pointer;overflow:hidden;opacity:1;transition:0.2s opacity, 0.5s border;}
.switcher:hover{opacity:1;}
.switcher:before{content:'';display:block;position:absolute;top:2px;height:18px;border-radius:9px;}
.black .switcher:before{background:#212121;left:19px;right:2px;transition:.5s background, .5s right cubic-bezier(0.19, 1, 0.22, 1), .3s left cubic-bezier(0.95, 0.05, 0.795, 0.035);}
.white .switcher:before{background:#fff;left:2px;right:19px;transition:.5s background, .5s left cubic-bezier(0.19, 1, 0.22, 1), .3s right cubic-bezier(0.95, 0.05, 0.795, 0.035);}
.black .switcher{background:#FFF;}
.white .switcher{background:#212121;}
.inner .socials{display:none;}
.inner.white{background:#fff;}
.inner.black{background:#212121;}
.inner .left, .inner .main, .inner .content, .inner .left__inner{position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;overflow:auto;}
.inner .main{padding:0 30px;}
.portfolio-list.inner .main{padding:0 15px;}
.portfolio-list.inner .content{max-width:none;}
.inner .content{margin:0 auto;max-width:800px;overflow:visible;}
.left{z-index:101;}
.menu{z-index:105;}
.switcher{z-index:104;}
.item img{z-index:102;}
.item__overlay{z-index:103;}
.map__holder{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#map{position:absolute;left:0;right:0;top:0;bottom:-30px;}
.with-num{margin:0 0 30px 100px;}
.num{float:left;font-size:80px;line-height:96px;font-family:'PFBeauThin', 'Arial', sans-serif;color:rgba(255, 255, 255, 0.3);}
.white .num{color:rgba(0, 0, 0, 0.3);}
.numbers{margin:35px 0 30px 0;}
.numbers:after{clear:both;content:'';display:block;}
.number{width:25%;margin:0 0 30px 0;float:left;text-align:center;font-family:'PFBeauBold', 'Arial';}
.number__num{font-size:50px;line-height:70px;color:#f8402e;}
.green .number__num{color:#89c540}
.yellow .number__num{color:#ffc200}
.blue .number__num{color:#1392f3}
.cyan .number__num{color:#00bbd6}
.violet .number__num{color:#8b4aba}
.number__title{}
.inner .opacity{margin:60px 0 0 0;background:rgba(255,255,255,0.1);padding:35px 30px 50px 30px;}
.inner.white .opacity{background:rgba(0,0,0,0.1);}
.portfolio-all{padding:40px;display:block;border:none;line-height:20px;font-size:24px;font-weight:normal;font-family:'PFBeauBold', 'Arial', sans-serif;text-align:center;}
.white .portfolio-all{}
.video{max-width:100%;position:relative;line-height:0;overflow:hidden;background:#212121;}
#video{width:100%;opacity:1;z-index:1;}
.video__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url('images/fade.svg') no-repeat center top;background-size:100%;display:none;z-index:2;}
.video__replay{position:absolute;left:50%;top:55%;width:102px;height:128px;margin:0 0 0 -51px;display:block;border:none;opacity:0.5;transition:.3s opacity;background:url('images/replay.svg') no-repeat;}
.video__replay:hover{opacity:1;}
.footer{padding:22px 25px;position:relative;}
.footer:after{display:block;content:'';clear:both;}
.footer__logo{float:left;}
.footer__logo .logo{width:156px;height:30px;margin:3px 0;}
.footer__write{float:right;}
.footer__write .write{line-height:36px;letter-spacing:0;font-size:16px;padding:0 22px;height:36px;}
.footer__contact{position:absolute;left:50%;width:360px;margin-left:-180px;line-height:36px;}
.footer__contact strong{margin-right:35px;}
.clients{margin:-15px 0 0 0;}
.clients:after{display:block;content:'';clear:both;}
.client{width:25%;float:left;}
.client__pic{width:100%;padding-top:36.84%;position:relative;background:no-repeat center top;background-size:100% auto;}
.white .client__pic{background-position:center bottom;}
.client__pic--yk{background-image:url('images/clients/yk.svg');}
.client__pic--psm{background-image:url('images/clients/psm.svg');}
.client__pic--bort76{background-image:url('images/clients/bort76.svg');}
.client__pic--gaz{background-image:url('images/clients/gaz.svg');}
.client__pic--ratnique{background-image:url('images/clients/ratnique.svg');}
.client__pic--tuttobene{background-image:url('images/clients/tuttobene.svg');}
.client__pic--vernisage{background-image:url('images/clients/vernisage.svg');}
.client__pic--yst{background-image:url('images/clients/yst.svg');}
.emerge{opacity:0;}
.bx-viewport{margin:50px 0;}
.slider{margin:0;}
.slide{line-height:0;}
.slide img{max-width:100%;}
.clear{clear:both;}
.under{background:url('images/loader.svg') no-repeat center top;background-size:auto 250px;margin-top:100px;padding:300px 0 100px 0;text-align:center;}
.form, .popup{padding:60px;background:#f8402e;color:#fff;}
.popup .form{padding:0;}
.green .form, .green .popup{background:#89c540}
.yellow .form, .yellow .popup{background:#ffc200}
.blue .form, .blue .popup{background:#1392f3}
.cyan .form, .cyan .popup{background:#00bbd6}
.violet .form, .violet .popup{background:#8b4aba}
.form__field{position:relative;margin:0 0 10px 0;}
.form__label{position:absolute;left:10px;line-height:20px;width:130px;white-space:nowrap;top:10px;font-size:17px;font-family:'PFBeauThin', 'Arial', sans-serif;color:#fff;text-align:left;transition:.5s all;}
.form__input{line-height:20px;padding:10px 130px 10px 10px;font-size:17px;font-family:'PFBeauThin', 'Arial', sans-serif;color:rgba(51, 51, 51, 0);width:100%;border:none;background:rgba(255,255,255,0.3);outline:none;}
textarea.form__input{max-width:100%;min-width:100%;min-height:120px;max-height:120px;}
.form__input:focus, .form__input:valid{outline:none;color:#333;background:rgba(255,255,255,1);}
.form__input:focus + .form__label, .form__input:valid + .form__label{left:100%;margin-left:-140px;text-align:right;color:rgba(0,0,0,0.3);}
.popup h1{font-size:40px;line-height:40px;margin:0 0 40px 0;}
.overlay{position:fixed;padding:40px;background:rgba(0,0,0,0.5);top:0;left:0;right:0;bottom:0;z-index:200;overflow:auto;}
.popup{width:560px;margin:0 auto;position:relative;}
.close{display:block;position:absolute;height:30px;width:30px;right:25px;top:25px;border:none;opacity:0.5;transition:.3s opacity;white-space:nowrap;text-indent:100px;overflow:hidden;z-index:8050;}
.close:hover{opacity:1;}
.close:before, .close:after{position:absolute;display:block;content:'';margin:0;left:0;top:10px;width:30px;height:4px;background:#fff;transition:top 0.1s, transform 0.1s, background 0.1s;}
.close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.noscroll{overflow:hidden;}
.navigation{height:100px;font-size:13px;line-height:20px;background:rgba(16, 16, 16, 0.5);}
.white .navigation{background:rgba(229, 229, 229, 0.48);}
.more{margin-top:50px;}
.navigation__left, .navigation__right, .navigation__all{width:33.33%;float:left;padding-top:43px;text-align:center;}
.navigation__left{padding-left:40px;text-align:left;}
.navigation__right{padding-right:40px;float:right;text-align:right;}
.navigation a{display:inline-block;position:relative;line-height:14px;}
.navigation__left a:before, .navigation__right a:before{position:absolute;width:20px;height:14px;line-height:14px;top:0;opacity:0.5;transition:none;}
.navigation__left a:before{content:'←';left:-20px;}
.navigation__right a:before{content:'→';right:-20px;}
.navigation__left a:hover:before, .navigation__right a:hover:before{}
.post{margin:0 0 60px 0;}
.post__date{margin:0 0 45px 0;padding:0;line-height:17px;}
.post__text{margin:0 0 45px 0;}
.post__footer{border-top:dashed 1px rgba(51, 51, 51, 0.5);border-bottom:dashed 1px rgba(51, 51, 51, 0.5);padding:25px 0;}
.author__pic{width:50px;height:50px;border-radius:25px;float:left;overflow:hidden;}
.author__info{margin:0 0 0 60px;padding:5px 0;font-size:14px;line-height:20px;}
.author__job{opacity:0.75;}
.post__author{float:left;}
.post__back{margin:25px 0 0 0;}
.post__share{float:right;margin:13px 0 0 0;}
.post__share *, .post__share *:hover, .post__share *:hover *{border:0;}
.blog__name{font-size:28px;line-height:35px;}
.blog__date{margin:12px 0 25px 0;font-size:13px;line-height:17px;}
.blog__preview{font-size:17px;line-height:25px;}
.blog__item{padding:0 0 25px 0;margin:0 0 45px 0;border-bottom:dashed 1px rgba(51, 51, 51, 0.5);}
.blog__item:last-child{border:none;}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;}
.fancybox-opened{z-index:8030;}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;opacity:0.3;transition:.3s opacity;}
.fancybox-nav:hover{opacity:1;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{width:30px;height:30px;top:50%;margin:-15px 0 0 0;position:absolute;display:block;}
.fancybox-nav span:before, .fancybox-nav span:after{position:absolute;display:block;content:'';margin:0;padding:0;left:0;top:10px;width:30px;height:4px;background:#fff;transition:top 0.1s, transform 0.1s, background 0.1s;}
.fancybox-nav span:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.fancybox-nav span:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.fancybox-prev span:before, .fancybox-next span:after{top:25px;}
.fancybox-prev span:after, .fancybox-next span:before{top:6px;}
.fancybox-prev span{left:25px;}
.fancybox-next span{right:25px;}
.fancybox-nav:hover span{}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,0.7);}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font-size:13px;line-height:20px;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:0 20px;background:#000;background:rgba(0, 0, 0, 0.7);color:#FFF;font-size:20px;line-height:30px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
.photos{margin:30px 0;}
.photo{display:inline-block;line-height:0;width:23.5%;margin:0 2% 20px 0;border:none;transition:0.3s opacity;}
.photos:hover .photo{opacity:0.7;}
.photos:hover .photo:hover{border:none;opacity:1;}
.photo--last{margin-right:0;}
.photo img{width:100%;}
code {display: inline-block;padding: 3px 5px;margin:-3px 0;background: whitesmoke;border-radius: 3px}
@media screen and (min-width:1680px){.item__holder{width:33.333%;}
    .portfolio-more .item__holder:nth-child(3){display:block;}
}
@media screen and (max-width:1200px) and (min-width:1000px){.item__overlay{padding:30px;}
    .item__name{font-size:20px;line-height:25px;margin:0 0 10px 0;}
    .item__desc{line-height:22px;}
}
@media screen and (max-width:1000px){.item__holder{width:100%;float:none;}
    .portfolio-list .item__holder{width:50%;float:left;}
}
@media screen and (max-width:800px){.portfolio-list .item__holder{width:100%;float:none;}
    .portfolio-list.inner .main{padding:0;}
    h1{font-size:32px;line-height:32px;}
    .blog__name{font-size:20px;line-height:24px;}
    .blog__preview{font-size:15px;line-height:22px;}
    .overlay{padding:0;}
    .popup, .form{padding:40px 10px;}
    .popup .form{padding:0;}
    .popup{width:100%;min-height:100%;}
    .number{width:50%;}
    .video{margin:0;}
    .num{font-size:50px;line-height:60px;}
    .with-num{margin:0 0 30px 50px;}
    .left, .main, .content, .left__inner{position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;}
    .left__inner{padding:0;overflow:hidden;}
    .top{width:100%;}
    .menu--expand{width:100%;}
    .left{}
    .white .left{}
    .header, .text, .socials{width:auto;}
    .main{padding:0;}
    .menu{padding-right:0;}
    .map__holder{position:relative;height:500px;}
    .footer__write .write{padding:0 10px;}
    .footer__contact{display:none;}
    .clients{margin:0;}
    .client{width:33.33%;}
    .text{padding:0 25px 80px;}
}
@media screen and (max-width:480px){.item__overlay{padding:30px;}
    .item__name{font-size:20px;line-height:25px;margin:0 0 10px 0;}
    .item__desc{line-height:22px;}
    .item__overlay{transition:none;}
    .footer__logo{float:none;}
    .footer__write{float:none;margin:25px 0 0 0;}
    .footer__write .write{display:block;line-height:60px;height:60px;font-size:18px;}
    .footer__contact{display:block;position:relative;left:auto;padding:0;width:auto;margin:25px 0 0 0;}
    .footer__contact strong{margin-right:0;display:block;}
    .client{width:50%;}
    .photo{width:auto;margin-right:0;}
    .post__author{float:none;}
    .post__share{float:none;padding:0 0 0 60px;}
}
@media screen and (max-width:320px){.logo{height:50px;width:260px;}
    .menu{padding-left:50px;}
}
@media
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;}
}
.subscribe__label {display: block;font-family: "PFBeauBold", "Arial", sans-serif;}