ul.portfolio-item {} ul.portfolio-item > li { margin-bottom: 12px; padding-left: 28px; position: relative; } ul.portfolio-item > li:before {position: absolute; left: 0;} ul.portfolio-item > li.link:before { content: url(/img/portfolio-link.png); } ul.portfolio-item > li.type:before { content: url(/img/portfolio-type.png); } ul.portfolio-item > li.date:before { content: url(/img/portfolio-date.png); } ul.portfolio-item > li.seo_pack:before { content: url(/img/portfolio-pack.png); } a.baguetteBoxItem { display: inline-block; position: relative; vertical-align: top; width: auto;} a.baguetteBoxItem:after { background: url("/resources/portfolio/divisan/steklo.png") no-repeat scroll center center #000; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; width: 100%;} a.baguetteBoxItem:hover:after {opacity: 0.7;} a.baguetteBoxItem > img { box-shadow: 0 0 10px 0 #7d7d7d;} .russkiy_navigator .proto_block__txt { background-color: #fff; padding: 35px; margin-bottom: 10px; } .russkiy_navigator .proto_block__txt p:last-child { margin-bottom: 0; } #content.tehintels .project { padding: 40px 0; } #content.tehintels .colorwhite { margin-bottom: 26px; } .proto_block__img { position: relative; width: 400px; margin-bottom: 20px; } .russkiy_navigator .wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .proto_block__img img:nth-child(2) { position: absolute; /* top: 0; */ left: 0; bottom: 5px; } .proto_block:not(.proto_block__description_txt) span { box-shadow: 0 0 57px 0 rgba(0, 0, 0, 0.58); border-radius: 22px; } .proto_block__description_txt p { margin-bottom: 14px; } .proto_block__description_txt b { margin-bottom: 10px; } .proto_block span:nth-child(1){ margin-top: 66px; } .proto_block span:nth-child(2) { position: absolute; top: 177px; z-index: 100; left: 12%; } .proto_block span:nth-child(3){ margin-top: 40px; } .proto_block__description_title { color: #fefefe; font-size: 25px; font-weight: 400; line-height: 30px; margin-bottom: 13px; } .proto_block span:nth-child(4) { position: relative; left: 128px; z-index: 1; margin-top: 210px; } .proto_block span:nth-child(5) { box-shadow: none; } .proto_block__description { width: 210px; text-align: left; padding: 42px 35px 37px; box-shadow: 0 0 57px rgba(0, 0, 0, 0.58); border-radius: 20px; background-color: #272a2c; margin-bottom: 30px; z-index: 10; position: relative; } .proto_block__description p { text-indent: 0; font-size: 14px; font-weight: 400; line-height: 18px; color: #fff; } .proto_block__description_txt { color: #fefefe; transform: rotate(-90deg); text-align: right; } .proto_block__description::before { position: absolute; background-image: url(/img/line_top_block.png); content: ''; top: 0px; width: 249px; height: 1px; left: 13px; right: 0; text-align: center; bottom: 0; } .proto_block__description::after { position: absolute; background-image: url(/img/line_top_block.png); content: ''; bottom: 0px; width: 249px; height: 1px; left: 13px; right: 0; text-align: center; bottom: 0; } .proto_block__description_txt p{ line-height: 45px; font-size: 40px; font-weight: 400; line-height: 35px; } .proto_block__description_txt p:first-child { text-align: left; } .proto_block__description_txt b { display: block; box-shadow: none !important; color: #7db5d8; font-size: 100px; font-weight: 700; line-height: 75px; text-align: center; margin-left: 23px; } .item-navogation { top: 150px; border: 3px solid #A8A8A8; border-radius: 27px; -moz-border-radius: 27px; -webkit-border-radius: 27px; position: fixed; display: block; color: #a4a4a4; white-space: nowrap; overflow: hidden; z-index: 1100; } .item-navogation > span {opacity: 0;} .item-navogation:hover > span {opacity: 1;} .item-navogation.prev { /*left: -60px;*/ padding: 14px 0 14px 48px; width: 0; transition: all 0.2s; margin: 140px 0 0 -110px; background-color: #ebebeb;} .item-navogation.prev:before { border-left: 3px solid; border-top: 3px solid; content: ""; height: 15px; left: -2px; margin-left: 20px; position: absolute; top: 17px; width: 15px; transform: rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .item-navogation.prev:hover {width: 60px; /*left: -120px;*/ color: #2f2f2f; border-color: #2f2f2f; margin: 140px 0 0 -170px;} .item-navogation.next { /*right: -60px;*/ padding: 14px 34px 14px 14px; width: 0; transition: all 0.2s; margin: 140px 0 0 1000px; background-color: #ebebeb;} .item-navogation.next:before { border-right: 3px solid; border-top: 3px solid; content: ""; height: 15px; right: 17px; margin-left: 20px; position: absolute; top: 17px; width: 15px; transform: rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .item-navogation.next:hover {width: 60px; /*right: -120px;*/ color: #2f2f2f; border-color: #2f2f2f;} .macbook { width: 520px; height: 325px; position: relative; margin: 0 auto; padding: 33px 142px 104px 141px; background-image: url(/img/macbook.png); background-repeat: no-repeat; } .macbook:after {position: absolute; content: url(/img/macbook-after.png); top: 3px; right: 113px;} #content.portfolio-item > .howmuch { background: url("/img/how-much.png") repeat fixed 0 0 rgba(0, 0, 0, 0); padding: 52px 0 61px; text-align: center; color: #fff; } #content.portfolio-item > .howmuch .span6, #content.portfolio-item > .white.mainpage .span6 { width: 417px;} #content.portfolio-item > .howmuch.project img , .divisan > .inside img { -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);} img.main-divisan { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);} #content.portfolio-item > .inside > .span4 > a {display: inline-block; position: relative; width: auto; height: 100%;} #content.portfolio-item > .inside > .span4 > a:after {content: ''; position: absolute; width: 100%; height: calc(100% - 5px); background: url(/resources/portfolio/divisan/steklo.png) no-repeat center center #000; transition: all 0.2s; opacity: 0; top: 0; left: 0;} #content.portfolio-item > .inside > .span4 > a:hover:after { opacity: 0.7;} #content.portfolio-item > .white.costwhite a {position: relative; left: 80px;} #content.portfolio-item > .white.costwhite a:before {position: absolute; left: -80px; top: -7px;} #content.portfolio-item > .white.costwhite > .wrapper > .span6:first-child > a:before { content: url(/resources/portfolio/costwhite1.png);} #content.portfolio-item> .white.costwhite > .wrapper > .span6:last-child > a:before { content: url(/resources/portfolio/costwhite2.png);} span.table_up {color: #85B000; margin-left: 47px; position: relative;} span.table_up:before {position: absolute; content: url(/img/table_up.png); left: -17px; top: -1px;} /*-----CHARTS--------*/ .chart { width: 100%; height: 300px; margin: 30px auto 45px; display: block;} .chart .numbers { width: 50px; height: 100%; margin: 0; padding: 0; display: inline-block; float: left;} .chart .numbers li { text-align: right; padding-right: 1em; list-style: none; height: 50px; border-bottom: 1px solid #444; position: relative;} .chart .numbers li:last-child { height: 30px;} .chart .numbers li span { color: #212121; position: absolute; bottom: 0; right: 10px;} .chart .bars { display: inline-block; background: rgba(0, 0, 0, 0.2); width: 800px; height: 300px; padding: 0; margin: 0; box-shadow: 0 0 0 1px #444;} .chart .bars li { display: table-cell; width: 100px; height: 300px; margin: 0; text-align: center; position: relative;} .chart .bars li .bar { display: block; width: 70px; margin-left: 15px; background: #49E; position: absolute; bottom: 0;} .chart .bars li .bar:hover { background: #5AE; cursor: pointer;} .chart .bars li .bar:hover:before { color: #212121; content: attr(data-percentage) ''; position: relative; bottom: 20px;} .chart .bars li span { color: #212121; width: 100%; position: absolute; bottom: -2em; left: 0; text-align: center;} /*-------------------*/ /*-----ITEMS---------*/ /*-------------------*/ /*-----Divisan-------*/ #content.divisan > .howmuch.project img , .divisan > .inside img { -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);} .divisan .parallax, .divisan .parallax2 {position: absolute; top: 1900px; left: -100px;} #content.divisan > .inside .span4 > a {display: inline-block; position: relative; width: auto; height: 100%;} #content.divisan > .inside .span4 > a:after {content: ''; position: absolute; width: 100%; background: url(/resources/portfolio/divisan/steklo.png) no-repeat center center #000; transition: all 0.2s; opacity: 0; top: 0; left: 0; right: 0; bottom: 5px;} #content.divisan > .inside .span4 > a:hover:after { opacity: 0.7;} /*-----Advance Shipping------*/ #content.shipping > .howmuch { background: url("/resources/portfolio/advance-shipping/light.png") no-repeat scroll center -55px, url("/resources/portfolio/advance-shipping/pattern.jpg") repeat scroll center top rgba(0, 0, 0, 0);} #content.shipping > .howmuch.project img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative;left: -60px;} .shipping > .inside > .span4> img { position: relative; box-shadow: 0 0 10px 0 #ccc;} .shipping > .inside .item1 > img { margin-top: 60px;} .shipping > .inside .item2 > img { margin-left: 60px;} .shipping > .inside .item3 > img { margin-top: 225px;} .shipping > .inside .item4 > img { left: 0; position: absolute; top: -500px;} .shipping > .inside .item4 { margin-bottom: 200px;} /*-----Madistyle----------*/ #content.medistyle > .howmuch { background: #275101; /* Old browsers */ background: -moz-linear-gradient(top, #275101 0%, #275101 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#275101), color-stop(100%,#275101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #275101 0%,#275101 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #275101 0%,#275101 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #275101 0%,#275101 100%); /* IE10+ */ background: linear-gradient(to bottom, #275101 0%,#275101 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275101', endColorstr='#275101',GradientType=0 ); /* IE6-9 */ } #content.medistyle > .howmuch.project img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative;} #content.medistyle .inside img { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);} #content.medistyle > .inside .span3 > a {display: inline-block; position: relative; width: auto; height: 100%;} #content.medistyle > .inside .span3 > a:after {content: ''; position: absolute; width: 100%; background: url(/resources/portfolio/divisan/steklo.png) no-repeat center center #000; transition: all 0.2s; opacity: 0; top: 0; left: 0; right: 0; bottom: 5px;} #content.medistyle > .inside .span3 > a:hover:after { opacity: 0.7;} /*------Profiprint--------*/ #content.profiprint > .inside .span3 > a {display: inline-block; position: relative; width: auto; height: 100%;} #content.profiprint > .inside .span3 > a:after {content: ''; position: absolute; width: 100%; background: url(/resources/portfolio/divisan/steklo.png) no-repeat center center #000; transition: all 0.2s; opacity: 0; top: 0; left: 0; right: 0; bottom: 5px;} #content.profiprint > .inside .span3 > a:hover:after { opacity: 0.7;} #content.profiprint .quantity{border: 1px dashed #8cb900;border-radius: 5px;padding: 25px 0 30px;position: relative;} #content.profiprint .profpr{border-top:#ebebeb 4px solid;} #content.profiprint ul.blue-marker > li{width:100%;} #content.profiprint .point{position: absolute; width: 44px;height: 40px;background: url(/img/bluemarkershadow.png) no-repeat center;z-index: 2;cursor:pointer;} #content.profiprint .point:after{ color: #fff; font-size: 16px; line-height: 16px; width:16px; font-weight: bold; left: 16px; position: absolute; top: 8px; text-align: center;} #content.profiprint .point.point_1:after{content:"1";} #content.profiprint .point.point_2:after{content:"2";} #content.profiprint .point.point_3:after{content:"3";} #content.profiprint .point.point_4:after{content:"4";} #content.profiprint .point.point_5:after{content:"5";} #content.profiprint .point.point_6:after{content:"6";} #content.profiprint .point.point_7:after{content:"7";} #content.profiprint .point.point_1{top: 125px; left: 395px;} #content.profiprint .point.point_2{top: 175px; left: 170px;} #content.profiprint .point.point_3{top: 1195px; left: 610px;} #content.profiprint .point.point_4{top: 400px; left: 170px;} #content.profiprint .point.point_5{top: 500px; left: 170px;} #content.profiprint .point.point_6{top: 1235px; left: 475px;} #content.profiprint .point.point_7{top: 75px; left: 210px;} #content.profiprint .tip{ width: 307px; background: #fff; position: absolute; top: -10px; left: 54px; padding: 20px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); z-index: 3; display: block; opacity: 0; visibility: hidden; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } #content.profiprint .point:hover .tip { visibility: visible; opacity: 1; } /*------Vita--------------*/ .vita .howmuch > .wrapper{height: 400px; background: url(/resources/portfolio/seo-howwework.png) scroll no-repeat center bottom ;} .vita .howmuch > .wrapper .project-item {font-size: 14px; position: absolute;} .vita .howmuch > .wrapper .project-item.item1 {top: 50px; left: 20px;} .vita .howmuch > .wrapper .project-item.item2 {top: 50px; left: 330px;} .vita .howmuch > .wrapper .project-item.item3 {top: 50px; left: 632px;} .vita .howmuch > .wrapper .project-item.item4 {top: 250px; left: 482px;} .vita .howmuch > .wrapper .project-item.item5 {top: 250px; left: 180px;} .vita > .firstblock img, .vita > .secondblock img, .vita > .thirdblock img {position: relative; left: -25px;} .bilostalo .bilostalo-item { height: 85px; line-height: 22px; margin-bottom: 40px; padding-left: 75px; position: relative; } .bilostalo .bilostalo-item:before { left: 1px; position: absolute; top: -5px;} .bilostalo > .bilo > .bilostalo-item:before { content: url("/img/riski-marker-grey.png");} .bilostalo > .stalo > .bilostalo-item:before { content: url("/img/riski-marker-green-green.png");} .bilostalo .bilostalo-item:after { color: #fff; font-size: 22px; font-weight: bold; left: 9px; padding: 13px 18px; position: absolute; text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13); top: 2px; } .bilostalo .item1:after {content: '1';} .bilostalo .item2:after {content: '2';} .bilostalo .item3:after {content: '3';} /*-----Akant---------*/ #content.akant > .howmuch { background: url(/resources/portfolio/akant/akant-back.jpg) scroll no-repeat top center; padding: 52px 0 33px;} #content.akant > .howmuch.second { background: url(/resources/portfolio/akant/akant-back-second.png) scroll repeat top center; } #content.akant > .inside .span20 > a {display: inline-block; position: relative; width: auto; height: 100%;} #content.akant > .inside .span20 > a:after {content: ''; position: absolute; width: 100%; background: url(/resources/portfolio/divisan/steklo.png) no-repeat center center #000; transition: all 0.2s; opacity: 0; top: 0; left: 0; right: 0; bottom: 5px;} #content.akant > .inside .span20 > a:hover:after { opacity: 0.7;} /*-----HOTEY-----------*/ #content.hotey .spisok-rabot img { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);} #content.hotey .space { padding: 60px 0;} #content.hotey .space .span5.alignleft { margin-right: 90px; position: relative;} #content.hotey .space .span5.alignleft:after { content: url("/img/arrow2.png"); position: absolute; right: -60px; top: 6px;} /*-----DOMALETTO-------*/ #content.domaletto > .deistvia > .span6 {width: 440px;} #content.domaletto > .deistvia > .span6 > .item1:after { content: '1';} #content.domaletto > .deistvia > .span6 > .item2:after { content: '2';} #content.domaletto > .deistvia > .span6 > .item3:after { content: '3';} #content.domaletto > .deistvia > .span6 > .item4:after { content: '4';} #content.domaletto > .deistvia > .span6 > .item5:after { content: '5';} #content.domaletto > .deistvia > .span6 > .item6:after { content: '6';} #content.domaletto > .deistvia > .span6 > .item7:after { content: '7';} #content.domaletto > .deistvia > .span6 > .item8:after { content: '8';} #content.domaletto > .deistvia > .span6 > .item9:after { content: '9';} #content.domaletto > .deistvia > .span6 > .item10:after { content: '10';} #content.domaletto > .deistvia > .span6 > .item11:after { content: '11';} #content.domaletto > .deistvia > .span6 > .item12:after { content: '12';} #content.domaletto > .deistvia > .span6 > .item13:after { content: '13';} #content.domaletto > .deistvia > .span6 > .item14:after { content: '14';} #content.domaletto > .deistvia > .span6 > .item:before { content: url("/img/riski-marker-thin.png"); left: 0px; position: absolute; top: 32px;} #content.domaletto > .deistvia > .span6 > .item:after { color: #fff; font-size: 22px; left: -1px; padding: 13px 18px; position: absolute; text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13); top: 40px; width: 30px; text-align: center; } #content.domaletto > .deistvia > .span6 > .item { padding: 35px 0 0 80px; border-top: 1px solid #D1D0DF; width: 360px; position: relative;} #content.domaletto > .deistvia > .span6 > .item > .head {padding-right: 30px;} #content.domaletto > .deistvia > .span6 > .item > .desc > a:after { background: url("/resources/portfolio/divisan/steklo.png") no-repeat scroll center center #000; bottom: 5px; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; width: 100%; } #content.domaletto > .deistvia > .span6 > .item > .desc > a:hover:after {opacity: 0.7;} #content.domaletto > .deistvia > .span6 > .item > .desc > a { display: inline-block; height: 100%; position: relative; width: auto; vertical-align: top;} #content.domaletto > .deistvia > .span6 > .item > .desc > a.witharrow:before { position: absolute; content: url("/resources/portfolio/arrow-right.png"); left: -22px; top: 35px;} #content.domaletto > .deistvia > .span6 > .item > .desc img {box-shadow: 0 0 10px 0 #7d7d7d;} #content.domaletto .start > .floatright {width: 275px; position: relative;} #content.domaletto .start > .floatright:before { position: absolute; content: url("/resources/portfolio/arrow-right.png"); left: -35px; top: 20px;} #content.domaletto .start table {font-size: 14px;} #content.domaletto .results .item { padding-left: 60px; width: 375px; margin-right: 60px; position: relative; } #content.domaletto .results .item:before {content: url("/img/mipredlagaemmarkergreen.png"); left: 0px; position: absolute;} #content.domaletto .results .item a:after { background: url("/resources/portfolio/divisan/steklo.png") no-repeat scroll center center #000; bottom: 5px; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; width: 100%; } #content.domaletto .results .item a:hover:after {opacity: 0.7;} #content.domaletto .results .item a { display: inline-block; height: 100%; position: relative; width: auto; vertical-align: top;} #content.domaletto .results .item img { box-shadow: 0 0 10px 0 #7d7d7d;} #content.domaletto .results .item > p.witharrow {position: relative;} #content.domaletto .results .item > p.witharrow:after { content: url("/resources/portfolio/arrow-right.png"); left: 160px; position: absolute; top: 120px; transform: rotate(90deg); } #content.domaletto .blue-block-stars a:after { background: url("/resources/portfolio/divisan/steklo.png") no-repeat scroll center center #000; bottom: 5px; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; width: 100%; } #content.domaletto .blue-block-stars a:hover:after {opacity: 0.7;} #content.domaletto .blue-block-stars a { display: inline-block; height: 100%; position: relative; width: auto; vertical-align: top;} #content.domaletto .need > ul > li { padding-left: 60px; position: relative; margin-bottom: 35px; padding-right: 15px;} #content.domaletto .need > ul > li:before { position: absolute; content: url(/resources/portfolio/domaletto/beforemarker.png); left: 6px; top: 0;} #content.domaletto .need > ul > li:after { position: absolute; left: 18px; top: 5px; color: #fff; font-weight: bold;} #content.domaletto .need > ul > li.item1:after { content: '1';} #content.domaletto .need > ul > li.item2:after { content: '2';} #content.domaletto .need > ul > li.item3:after { content: '3';} #content.domaletto .need > ul > li.item4:after { content: '4';} #content.domaletto .need > ul > li.item5:after { content: '5';} #content.domaletto .need > ul > li.item6:after { content: '6';} #content.domaletto .need > ul > li > img { position: relative; top: -8px;} /*------VSVADEB----------------*/ #content.vsvadeb .firstblock .item { padding-bottom: 40px; border-bottom: 1px solid #d8d8d8;} #content.vsvadeb .firstblock .item .desc { padding-left: 80px; position: relative; padding-right: 25px;} #content.vsvadeb .firstblock .item .desc:after { color: #fff; font-size: 22px; left: 8px; padding: 13px 18px; position: absolute; text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13); top: 2px; font-weight: bold; } #content.vsvadeb .firstblock .item .desc:before { content: url("/img/riski-marker-thin.png"); left: 1px; position: absolute; top: -5px;} #content.vsvadeb .firstblock .item1 .desc:after {content: '1';} #content.vsvadeb .firstblock .item2 .desc:after {content: '2';} #content.vsvadeb .firstblock .item3 .desc:after {content: '3';} #content.vsvadeb .firstblock .item4 .desc:after {content: '4';} #content.vsvadeb .firstblock .item5 .desc:after {content: '5';} #content.vsvadeb .firstblock .item6 .desc:after {content: '6';} #content.vsvadeb .firstblock .item7 .desc:after {content: '7';} #content.vsvadeb .firstblock .item8 .desc:after {content: '8';} #content.vsvadeb .firstblock .item9 .desc:after {content: '9';} #content.vsvadeb .firstblock .item9 { border-bottom: none;} #content.vsvadeb .secondblock .item { padding-left: 80px; position: relative;} #content.vsvadeb .secondblock .item:before { content: url("/img/mipredlagaemmarker.png"); left: 0; position: absolute;} #content.vsvadeb .secondblock .item a:after { background: url("/resources/portfolio/divisan/steklo.png") no-repeat scroll center center #000; bottom: 5px; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; width: 100%; } #content.vsvadeb .secondblock .item a { display: inline-block; height: 100%; position: relative; vertical-align: top; width: auto;} #content.vsvadeb .secondblock .item a:hover:after {opacity: 0.7;} #content.vsvadeb .secondblock .item a > img { box-shadow: 0 0 10px 0 #7d7d7d;} /*-----Stroymat--------*/ #content.stroymat {} #content.stroymat > .blue-block-stars.firstblock .span12{ padding: 40px 0 25px; } #content.stroymat > .blue-block-stars .span12{ border: 1px dashed #8cb900; border-radius: 5px; padding: 40px 0 20px; position: relative;} #content.stroymat > .blue-block-stars .span12:before { content: url("/img/context-bottom-before-star.png"); left: 428px; position: absolute; top: -43px; } #content.stroymat > .secondblock .span12 {border-top: 1px solid #008fd5; border-bottom: 1px solid #008fd5; padding: 30px 0 50px;} #content.stroymat > .thirdblock .item { position: relative;} #content.stroymat > .thirdblock .item > .desc { padding-left: 80px; padding-right: 25px; position: relative; line-height: 24px !important;} #content.stroymat > .thirdblock .item > .desc:before { content: url("/img/riski-marker-thin.png"); left: 1px; position: absolute; top: -5px;} #content.stroymat > .thirdblock .item > .desc:after { color: #fff; font-size: 22px; font-weight: bold; left: 8px; padding: 13px 18px; position: absolute; text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13); top: 2px; } #content.stroymat > .thirdblock .item1 > .desc:after { content: "1";} #content.stroymat > .thirdblock .item2 > .desc:after { content: "2";} /*-----Pns--------*/ #content.pns .wrapper.description{padding:50px 0;} #content.pns > .blue-block-stars .span12{ border: 1px dashed #8cb900; border-radius: 5px; padding: 60px 0 40px; position: relative;} #content.pns > .blue-block-stars .span12:before { content: url("/img/context-bottom-before-star.png");left: 428px;position: absolute;top: -43px;} #content.pns .result{padding:40px 0 25px;} #content.pns .result .span12{padding:20px 0 40px;border-top: 1px solid #008fd5;border-bottom: 1px solid #008fd5;margin:0 0 60px;} #content.pns .result ol{list-style:none; counter-reset: num;} #content.pns .result li{padding:8px 0 8px 65px;color:#85b000;font-size:20px;line-height:25px;font-weight:bold;position:relative;margin-bottom: 10px;} #content.pns .result li:before{content: url(/resources/portfolio/pns/bg_li_seo.png);left: 10px;position: absolute;top: 2px;width:42px;height:38px;} #content.pns .result li:after{color: #fff; font-size: 22px;font-weight: bold;left: 26px;position: absolute;text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13);top: 6px;content: counter(num) '';counter-increment: num;} #content.pns .result hr{background:#d8d8d8;margin:25px 0;} #content.pns .result .span6 div span{color:#85b000;} #content.pns .item {padding: 25px 25px 25px 75px;position:relative;line-height: 22px;margin:25px 0 0;border-bottom:#d8d8d8 1px solid;} #content.pns .item11{border:none;} #content.pns .item:before {content: url("/img/riski-marker-thin.png");left: 0px;position: absolute;top: 0px;width: 63px;height:63px;} #content.pns .item:after { color: #fff;font-size: 22px;line-height: 22px;font-weight: bold;left: 0;padding: 20px 0;position: absolute;text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13);top: 0;width: 63px;text-align: center;} #content.pns .project-item:after{display:none;} #content.pns .item1:after {content: '1';} #content.pns .item2:after {content: '2';} #content.pns .item3:after {content: '3';} #content.pns .item4:after {content: '4';} #content.pns .item5:after {content: '5';} #content.pns .item6:after {content: '6';} #content.pns .item7:after {content: '7';} #content.pns .item8:after {content: '8';} #content.pns .item9:after {content: '9';} #content.pns .item10:after {content: '10';} #content.pns .item11:after {content: '11';} #content.pns .item3 img{margin:0 0 0 -75px;} #content.pns.serm .item3 img{margin:0;} #content.pns .graph{background:#0a3750;padding:20px 0;} #content.pns.serm .item span{color:#008fd5;} /*-----advance-shipping--------*/ #content.adv_ship .description{padding:50px 0;} #content.adv_ship > .blue-block-stars .span12{ border: 1px dashed #8cb900; border-radius: 5px; padding: 60px 0 40px; position: relative;} #content.adv_ship > .blue-block-stars .span12:before { content: url("/img/context-bottom-before-star.png");left: 428px;position: absolute;top: -43px;} #content.adv_ship .item {padding: 25px 0 25px 75px;position:relative;line-height: 22px;margin:25px 0 0;border-bottom:#d8d8d8 1px solid;font-size:16px;} #content.adv_ship .item p > span{color:#85b000;} #content.adv_ship .item3 span{color:#008fd5;} #content.adv_ship .item7{border:none;} #content.adv_ship .item:before {content: url("/img/riski-marker-thin.png");left: 0px;position: absolute;top: 0px;width: 63px;height:63px;} #content.adv_ship .item:after { color: #fff;font-size: 22px;line-height: 22px;font-weight: bold;left: 0;padding: 20px 0;position: absolute;text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13);top: 0;width: 63px;text-align: center;} #content.adv_ship .item1:after {content: '1';} #content.adv_ship .item2:after {content: '2';} #content.adv_ship .item3:after {content: '3';} #content.adv_ship .item4:after {content: '4';} #content.adv_ship .item5:after {content: '5';} #content.adv_ship .item6:after {content: '6';} #content.adv_ship .item7:after {content: '7';} #content.adv_ship .result{padding:30px 0;} #content.adv_ship .yandex_words .span6 > div{width:375px;font-size:16px;line-height:32px;} #content.adv_ship .yandex_words hr{margin:0;background:#164058;} #content.adv_ship .review{border-top:#008fd5 1px solid;border-bottom:#008fd5 1px solid;padding:20px 0 30px;margin: 30px 0 0;} #content.adv_ship .bottom{padding:25px 0;} #content.adv_ship .bottom > .wrapper > div {display: table-cell;vertical-align: middle;} /*-------Kondit-------*/ #content.kondit .firstblock .item { padding-left: 68px; position: relative; margin-bottom: 25px; line-height: 22px;} #content.kondit .firstblock .item:before { content: url("/img/mipredlagaemmarker.png"); left: 0; position: absolute; top: 5px;} /*-------Emmebi---------*/ #content.emmebi .inside .span6 { width: 417px;} #content.emmebi .inside .span3 {margin: 0 20px;} /*-------Veles-------*/ #content.veles #main-banner {background:url(/resources/portfolio/veles/banner-back.jpg) repeat-x;} #content.veles .banner {width: 100%;height:332px;overflow:hidden;background:url(/resources/portfolio/veles/banner-light-back.jpg) repeat-x; padding: 0;} #content.veles #banner {width:960px;height:332px;position:relative;margin: 0 auto; } #content.veles #banner img {position: relative; left:-420px;} #content.veles .clean {width:1800px;height:332px;position: absolute !important; top: 0; opacity: 0;z-index: 3;filter: alpha(opacity=0);} #content.veles #map{display: block;} #content.veles #map span{display: none;font-style: normal;font-size: 18px;padding: 14px 18px;position: absolute;text-align: center;background: rgba(41,104,148,0.6);background: #296894;z-index: 2;color: #fff;opacity: 0.8;} #map #em1{left: 640px;top: 15px;} #map #em2{left: 710px;top: 95px;} #map #em3{left: 564px;top: 190px;} #map #em4{left: 304px;top: 50px;} #map #em5{left: 114px;top: 175px;} #map #em6{left: 242px;top: 38px;} .em1:after { content: url(/resources/portfolio/veles/em1.png); position: absolute; bottom: -46px; right: 0;} .em2:after { content: url(/resources/portfolio/veles/em2.png); position: absolute; bottom: -46px; left: -27px;} #content.veles .inside .span6 { width: 417px;} #content.veles .inside .span3 {margin: 0 20px;} /*---------ELSPACE-----------*/ #content.elspace > .howmuch { background: url(/resources/portfolio/elspace/main-back.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 52px 0 45px;} #content.elspace > .howmuch.second { background: url(/resources/portfolio/elspace/preim-back.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0); } /*---------TSK--------------*/ #content.tsk {} #content.tsk > .blue-block-stars.firstblock .span12{ padding: 40px 0 25px; } #content.tsk > .blue-block-stars .span12{ border: 1px dashed #8cb900; border-radius: 5px; padding: 40px 0 20px; position: relative;} #content.tsk > .blue-block-stars .span12:before { content: url("/img/context-bottom-before-star.png"); left: 428px; position: absolute; top: -43px;} #content.tsk > .secondblock .result .item { margin-bottom: 45px; padding-left: 68px; position: relative; text-align: left;} #content.tsk > .secondblock .result .item:before { content: url("/img/mipredlagaemmarkergreen.png"); left: 14px; position: absolute; top: -5px;} #content.tsk > .thirdblock .item > .desc:before { content: url("/img/riski-marker-thin.png"); left: 1px; position: absolute; top: -18px;} #content.tsk > .thirdblock .item1 > .desc:after { content: "1";} #content.tsk > .thirdblock .item2 > .desc:after { content: "2";} #content.tsk > .thirdblock .item3 > .desc:after { content: "3";} #content.tsk > .thirdblock .item4 > .desc:after { content: "4";} #content.tsk > .thirdblock .item5 > .desc:after { content: "5";} #content.tsk > .thirdblock .item6 > .desc:after { content: "6";} #content.tsk > .thirdblock .item > .desc:after { color: #fff; font-size: 22px; font-weight: bold; left: 8px; padding: 13px 18px; position: absolute; text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13); top: -12px;} #content.tsk > .thirdblock .item > .desc { line-height: 24px !important; padding-left: 80px; position: relative;} #content.tsk > .thirdblock .item > .desc .span4 {width: 265px;} #content.tsk > .thirdblock .item > .desc a.marker {position: relative;} #content.tsk > .thirdblock .item > .desc a.marker:before { content: url("/resources/portfolio/arrow-right.png"); left: -28px; position: absolute; top: 40px;} #content.tsk > .result .item { background-color: #fff; padding: 45px 30px; width: 233px;} #content.tsk > .result .item > .border { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px dashed #8CB900; position: relative; padding: 10px 0; } #content.tsk > .result .item > .border:before {position: absolute; left: 30px; top: 10px; content: url(/img/green-arrow-up.png);} #content.tsk > .result .item > .border.down:before { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);} #content.tsk > .result .item-trans { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px dashed #fff; background-color: transparent; padding: 30px; } #content.tsk > .result .item-trans > .colorwhite { line-height: 19px !important;} #content.veles .inside .span3 { margin: 0;} /*-----HOTTSPB---------*/ #content.portfolio-item.hot > .howmuch { background: #2F8D97;} #content.portfolio-item.firstyle > .white.bottom { border-top: 4px solid #e5e5e5;} #content.portfolio-item.firstyle.trans > .white.mainpage > .wrapper{ padding-bottom: 0 !important;} .slide.newyear { background: url(/img/ny_slide.png) no-repeat scroll 0 0 ;} span.comic {font-family: comic sans ms; font-size: 25px; text-decoration: underline;} .youtube-box2 { background: url(/img/ny_video.png) no-repeat scroll 0 0 ; cursor: pointer;} .youtube-box2, .youtube-frame2 {width: 258px !important; height: 160px !important;} /*------LAKME-----------*/ #content.lakme > .space ul.blue-risk { border-bottom: 1px solid #008fd5; border-top: 1px solid #008fd5; padding: 25px 0;} #content.lakme .spisok-rabot img { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);} #content.lakme > .razvitie .item:before { content: url("/img/riski-marker-thin.png"); left: 0; position: absolute; top: 0; } #content.lakme > .razvitie .item:after { color: #fff; font-size: 22px; left: -1px; padding: 13px 18px; position: absolute; text-align: center; text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13); top: 5px; width: 30px; } #content.lakme > .razvitie .item1:after { content: "1";} #content.lakme > .razvitie .item2:after { content: "2";} #content.lakme > .razvitie .item3:after { content: "3";} #content.lakme > .razvitie .item4:after { content: "4";} #content.lakme > .razvitie .item { padding-left: 80px; position: relative; box-sizing: border-box;} /*------OSNOVA-----------*/ #content.osnova .arrowleft, #content.osnova .arrowright { position: relative;} #content.osnova .arrowleft:before { position: absolute; content: url(/img/landing-arrowleft.png); top: -60px; right: 60px;} #content.osnova .arrowright:before { position: absolute; content: url(/img/landing-arrowright.png); top: -60px; left: 60px;} #content.osnova .arrowright:nth-child(1) { top: 110px;} #content.osnova .arrowright:nth-child(2) { top: 480px;} #content.osnova .arrowright:nth-child(3) { top: 885px;} #content.osnova .arrowleft:nth-child(1) { top: 375px;} #content.osnova .arrowleft:nth-child(2) { top: 830px;} #content.osnova .arrowleft:nth-child(3) { top: 1000px;} /*-------PITOMNIK------------*/ #content.pitomnik {} #content.pitomnik .colorgreen { color: #08b088 !important;} #content.pitomnik > .project { background: url(/resources/portfolio/pitomnik/project_back.png) repeat-x scroll 0 0 transparent; position: relative; padding: 45px 0;} #content.pitomnik > .project:after { position: absolute; content: ''; width: 100%; bottom: 0; left: 0; background: url(/resources/portfolio/pitomnik/project_back_after.png) repeat-x scroll 0 0 transparent; height: 32px; display: block;} #content.pitomnik > .project img { position: relative; left: -90px;} #content.pitomnik > .howmuch { position: relative; background: none #fff; color: #000;} #content.pitomnik > .howmuch:after { position: absolute; content: ''; width: 100%; top: -32px; left: 0; background: url(/resources/portfolio/pitomnik/project_macbook_after.png) repeat-x scroll 0 0 transparent; height: 32px; display: block;} #content.pitomnik > .howmuch .font14 { line-height: 1.4 !important;} #content.pitomnik > .howmuch img {max-width: 100%;} #content.alfadom .project { background: url(/resources/portfolio/alfadom/alfadom_back.jpg) no-repeat scroll center / cover transparent; padding: 50px 0;} #content.alfadom .howmuch { color: #0e0f2b; background: url(/resources/portfolio/alfadom/alfadom_howmuch.jpg) no-repeat scroll center / cover transparent;} #content.alfadom .wrapper.description { padding: 50px 0 55px;} #content.alfadom .wrapper.description.inside { padding: 45px 0 0;} #content.alfadom .wrapper.description .h2 { margin-bottom: 35px;} #content.alfadom.portfolio-item > .howmuch { padding: 50px 0 55px;} #content.altern .project { background: url(/resources/portfolio/altern/project_main.jpg) no-repeat scroll center transparent; padding: 50px 0; height: 1185px;} #content.altern .ohrana { background: url(/resources/portfolio/altern/ohrana.jpg) no-repeat scroll center transparent; padding: 35px 0; } #content.altern .how { background-color: #fff; padding: 50px 0; } #content.altern .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #0dbdee !important;} #content.domal .withline { position: relative; padding: 80px 0 50px;} #content.domal .withline:before { position: absolute; content: ''; height: 51px; top: 0; left: 0; right: 0; background: url(/resources/portfolio/domal/line1.png) repeat-x scroll center transparent;} #content.domal .withline:after { position: absolute; content: ''; height: 2px; bottom: 0; left: 0; right: 0; background: url(/resources/portfolio/domal/line2.png) repeat-x scroll center transparent;} #content.domal .whiteblock { padding: 50px 0;} #content.domal .imgblock { border-top: 1px dashed #cbced0; padding: 40px 0; position: relative;} #content.domal .imgblock .floatright { width: 423px; position: absolute; top: 40px; right: 0; } #content.domal .imgblock .floatright:before { content: url(/resources/portfolio/domal/arrow.png); left: 100px; top: 0; position: absolute;} /*----------EElle--------*/ #content.eelle {} #content.eelle a.baguetteBoxItem:after { display: none;} #content.eelle .lightgrey { background-color: #f6f6f6; padding: 30px 0;} #content.eelle .colorpink { color: #e93a93 !important;} #content.eelle .wrapper.description { padding: 35px 0;} #content.eelle .span6.left { border-top: 1px solid #ed3897; border-bottom: 1px solid #ed3897; padding: 30px 0;} #content.eelle .span6.left.last { padding: 20px 0;} #content.eelle .span6.left ul > li { margin-bottom: 5px; position: relative;} #content.eelle .span6.left ul > li:before { position: relative; content: '✔'; color: #eb499c; margin-right: 5px;} body .mobile { width: 232px; height: 413px; position: relative; padding: 93px 33px 122px 59px; background-image: url(/resources/portfolio/eelle/mobile.png); background-repeat: no-repeat; } #content.eelle #scrollsite2 { position: absolute; width: 232px; height: 413px; top: 93px; left: 59px; overflow: hidden; } #content.eelle .baguetteBox{font-size:0;} #content.eelle .baguetteBox > div{width:164px;display:inline-block;vertical-align:top;margin:0 15px;} #content.eelle .baguetteBox > div:nth-child(1) {margin-left:0;} #content.eelle .baguetteBox > div:nth-child(5) {margin-right:0;} #content.eelle .baguetteBox > div img{margin-bottom:30px;} /*----------Format_A--------*/ #content.format_a .colorbrown{color:#4b332f !important;} #content.format_a .project{position: relative;background:#ebe8e1 url(/resources/portfolio/format_a/bg_project.png) no-repeat center top;padding-top:40px;} #content.format_a .project:after{position: absolute; content: ''; width:1182px; height: 20px; top: 0; background: url(/resources/portfolio/format_a/shadow_project.png) no-repeat center;left:50%;margin-left:-591px;} #content.format_a .project hr{background:#ee5921;height:4px;margin:-3px 0 0;} #content.format_a .project img{margin-left:-3px;display:block;} #content.format_a .dizain{background:#fff url(/resources/portfolio/format_a/bg_dizain.png) no-repeat center 110px;} #content.format_a .dizain .wrapper{padding:50px 0 0;} #content.format_a .dizain .macbook {width: 609px;height: 381px; padding: 39px 166px 81px 167px;background: url(/resources/portfolio/format_a/macbook.png) no-repeat center;} #content.format_a #scrollsite { position: absolute;width: 609px;height: 381px;top: 39px;left: 167px;overflow: hidden;} #content.format_a .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.format_a .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff !important;} #content.format_a .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #0dbdee !important;} #content.format_a .elements{background:#ebe8e1;padding:130px 0 70px;margin-top: -80px;} #content.format_a .elements span{display: block; margin-top: -15px;} #content.format_a .inside{background:#fff;padding:50px 0;} #content.format_a .inside .baguetteBox{font-size:0;} #content.format_a .inside .baguetteBox > div{width:300px;display:inline-block;vertical-align:top;} #content.format_a .inside .baguetteBox > div:nth-child(3n+2){margin:0 20px;} #content.format_a .inside .baguetteBox a.baguetteBoxItem{margin-bottom:20px;} #content.format_a .inside .baguetteBox a.baguetteBoxItem > img {box-shadow: none;} #content.format_a .white.bottom {padding: 25px 0;background:#ebebeb;} #content.format_a .white.bottom > .wrapper .btn {display: block !important;padding: 12px 17px 15px;} /*----------Biznes_inkubator--------*/ #content.biznes_inkubator .project{padding-top:45px; height:385px;position: relative;background:#fff url(/resources/portfolio/biznes_inkubator/bg.png) no-repeat right bottom;} #content.biznes_inkubator .project .wrapper{background: url(/resources/portfolio/biznes_inkubator/book.png) no-repeat right bottom; height:385px;} #content.biznes_inkubator .project .wrapper > div{width:380px;margin:85px 0 0 30px;position:relative;line-height:30px;font-size:22px;} #content.biznes_inkubator .project .wrapper > div:after{content:"";width:72px;height:46px;position: absolute;background: url(/resources/portfolio/biznes_inkubator/pic.png) no-repeat center;bottom:-60px;left:154px;} #content.biznes_inkubator .dizain{padding-top:45px; position: relative;background: url(/resources/portfolio/biznes_inkubator/bg3.png) repeat center;} #content.biznes_inkubator .dizain .wrapper{border-bottom:#ffd203 4px solid;} #content.biznes_inkubator #scrollsite { height: 325px;overflow: hidden;} #content.biznes_inkubator .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.biznes_inkubator .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;} #content.biznes_inkubator .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.biznes_inkubator .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -120px !important;} #content.biznes_inkubator .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #ffd203 !important;} .mCS_img_loaded{display:block;} #content.biznes_inkubator #txtcloud {top: 20px; right: -105px;} #content.biznes_inkubator .mainpage{padding:45px 0;} #content.biznes_inkubator .mainpage .wrapper{padding:0;width:980px;} #content.biznes_inkubator .mainpage .wrapper > div{line-height:22px !important;} #content.biznes_inkubator .note{position:absolute;left:695px;top:130px;width:238px;height:144px;background:url(/resources/portfolio/biznes_inkubator/list.png) no-repeat center;padding:107px 0 0;} #content.biznes_inkubator .note2{position:absolute;left:525px;top:525px;width:226px;height:180px;background:url(/resources/portfolio/biznes_inkubator/list2_4.png) no-repeat center;padding:60px 0 0;} #content.biznes_inkubator .note3{position:absolute;left:510px;top:867px;width:265px;height:175px;background:url(/resources/portfolio/biznes_inkubator/list3.png) no-repeat center;padding:100px 0 0;} #content.biznes_inkubator .note4{position:absolute;left:650px;top:1200px;width:226px;height:160px;background:url(/resources/portfolio/biznes_inkubator/list2_4.png) no-repeat center;padding:80px 0 0;} #content.biznes_inkubator .inside{border-top:#ebebeb 1px solid;padding:45px 0 100px;background:#fff url(/resources/portfolio/biznes_inkubator/bg2.png) no-repeat center bottom;} #content.biznes_inkubator .inside .baguetteBox{font-size:0;} #content.biznes_inkubator .inside .baguetteBox > div{width:300px;display:inline-block;vertical-align:top;} #content.biznes_inkubator .inside .baguetteBox > div:nth-child(3n+2){margin:0 20px;} #content.biznes_inkubator .inside .baguetteBox a.baguetteBoxItem{margin-bottom:20px;} #content.biznes_inkubator .white.bottom {padding: 25px 0;background:#ebebeb;} #content.biznes_inkubator .white.bottom > .wrapper .btn {display: block !important;padding: 12px 17px 15px;} /*----------Liona--------*/ #content.liona .dizain{padding:45px 0; height:708px;position: relative;background:#fff url(/resources/portfolio/liona/bg_dizain.png) no-repeat center top;} #content.liona .elements{padding:80px 0 40px;background:#fff url(/resources/portfolio/liona/fon.png) no-repeat center 40px;} #content.liona .elements span{text-transform:uppercase;color:#0f395f;margin:20px 0;} #content.liona .inside{padding:65px 0;} #content.liona .inside .baguetteBox{font-size:0;} #content.liona .inside .baguetteBox > div{width:300px;display:inline-block;vertical-align:top;} #content.liona .inside .baguetteBox > div:nth-child(3n+2){margin:0 20px;} #content.liona .inside .baguetteBox a.baguetteBoxItem{margin-bottom:20px;} #content.liona .white.bottom {padding: 25px 0;background:#ebebeb;} #content.liona .white.bottom > .wrapper .btn {display: block !important;padding: 12px 17px 15px;} /*-----Rise--------*/ #content.rise .wrapper.description{padding:50px 0;} #content.rise > .blue-block-stars .span12{ border: 1px dashed #8cb900; border-radius: 5px; padding: 60px 0 40px; position: relative;} #content.rise > .blue-block-stars .span12:before { content: url("/img/context-bottom-before-star.png");left: 428px;position: absolute;top: -43px;} #content.rise .result{padding:40px 0 25px;} #content.rise .result .span12{padding:20px 0 40px;border-top: 1px solid #008fd5;border-bottom: 1px solid #008fd5;margin:0 0 60px;} #content.rise .item {padding: 25px 25px 25px 75px;position:relative;line-height: 22px;margin:25px 0 0;border-bottom:#d8d8d8 1px solid;} #content.rise .item12{border:none;} #content.rise .item:before {content: url("/img/riski-marker-thin.png");left: 0px;position: absolute;top: 0px;width: 63px;height:63px;} #content.rise .item:after { color: #fff;font-size: 22px;line-height: 22px;font-weight: bold;left: 0;padding: 20px 0;position: absolute;text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13);top: 0;width: 63px;text-align: center;} #content.rise .item1:after {content: '1';} #content.rise .item2:after {content: '2';} #content.rise .item3:after {content: '3';} #content.rise .item4:after {content: '4';} #content.rise .item5:after {content: '5';} #content.rise .item6:after {content: '6';} #content.rise .item7:after {content: '7';} #content.rise .item8:after {content: '8';} #content.rise .item9:after {content: '9';} #content.rise .item10:after {content: '10';} #content.rise .item11:after {content: '11';} #content.rise .item12:after {content: '12';} #content.rise .white{border-bottom: 4px solid #ebebeb;} #content.rise .macbook {width: 632px;height: 475px; padding: 38px 116px 61px 89px;background: url(/resources/portfolio/rise/macbook.png) no-repeat center;} #content.rise .macbook:after{display:none;} #content.rise #scrollsite { position: absolute;width: 632px;height: 475px;top: 38px;left: 89px;overflow: hidden;} #content.rise .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.rise .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;border:#d7d7d7 1px solid;} #content.rise .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.rise .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -120px !important;} #content.rise .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2b519c !important;} .mCS_img_loaded{display:block;} #content.rise #txtcloud {top: 20px; right: -105px;} #content.rise .project{padding-top:46px; height:545px;position: relative;background: url(/resources/portfolio/rise/bg_project.jpg) no-repeat center; background-size:cover;} #content.rise .card{background: url(/resources/portfolio/rise/bg_card.jpg) no-repeat center; background-size:cover;padding:40px 0;} #content.rise .inside .baguetteBox{font-size:0;} #content.rise .inside .baguetteBox > div:nth-child(3n+2) {margin: 0 20px;} #content.rise .inside .baguetteBox > div {width: 300px;display: inline-block;vertical-align: top;} #content.rise .inside .baguetteBox a.baguetteBoxItem {margin-bottom: 20px;} /*-----Transcontinental--------*/ .trans .sem_yadro div{vertical-align:middle;} .trans .sem_yadro div span{background:#d1d0e0;display:block;line-height:40px;text-align:center;} .top_ya{font-size:0;} .top_ya ul{width:48.5%;line-height:40px;display:inline-block;} .top_ya ul + ul{margin-left:3%;} .top_ya li{border-bottom:#d8d8d8 1px solid;} .top_ya li:first-child{border-top:#008fd5 1px solid;} .top_ya li div{width:80%;font-size:16px;display:inline-block;vertical-align:middle;} .top_ya li div + div{width:20%;} .optim li{margin-bottom: 45px; padding-left: 68px;position: relative;} .optim li:before{content: url("/img/mipredlagaemmarker.png");left: 14px;position: absolute;top: -5px;} .trans .white.bottom{border-top: 4px solid #ebebeb;} .trans .cup{padding:20px 0 0 77px;background: url(/resources/portfolio/trans/cup.png) no-repeat left top;position:relative;} .trans .cup:before{font-size:30px;color:#0a3750;position:absolute;font-weight:bold;left:30px;top:15px;} .trans .cup.place_1:before{content:"1";} .trans .cup.place_2:before{content:"2";} .trans .cup.place_9:before{content:"9";} .trans .cup p{padding-left:23px;} /*-----evobeauty--------*/ .ev_kra .aim li, .ev_kra .seo li{padding:10px 0 0 60px;margin-bottom:15px;position: relative;height:28px;} .ev_kra .aim li:before {content: url("/img/mipredlagaemmarkergreen.png"); left: 0px; position: absolute;} .ev_kra .seo li:before {content: url("/img/mipredlagaemmarker.png"); left: 0px; position: absolute;} .circle{background: url(/resources/portfolio/ev_kra/circle.png) no-repeat center;height:235px;width:226px;padding:30px 20px 0;} .circle .big{font-size:55px;margin:0;} .circle hr{background:rgba(255,255,255,0.3);margin-bottom:10px;} .tren .aim li{padding:10px 0 0 60px;margin-bottom:15px;position: relative;height:28px;} .tren .aim li:before {content: url("/img/mipredlagaemmarkergreen.png"); left: 0px; position: absolute;} .tren.white {border-bottom: 4px solid #ebebeb;} /*-----AGM--------*/ #content.agm .prototip{background:#fff url(/resources/portfolio/agm/prototip.jpg) no-repeat center bottom; height:600px;} #content.agm .design{background:#fff url(/resources/portfolio/agm/eagle.png) no-repeat -20px 110px;} #content.agm .macbook {} #content.agm .macbook:after{display:none;} #content.agm #scrollsite { position: absolute;width: 481px;height: 641px;top: 71px;left: 55px;overflow: hidden;} #content.agm .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.agm .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #ebebeb !important;border:#ebebeb 1px solid; height: 530px;} #content.agm .mCSB_scrollTools .mCSB_draggerContainer{height:530px;} #content.agm .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.agm .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -85px !important;} #content.agm .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #0dbdee !important;} .mCS_img_loaded{display:block;} #content.agm #txtcloud {top: 20px; right: -105px;} #content.agm .advantages{background: url(/resources/portfolio/agm/bg.jpg) repeat center top;padding-top:200px;} /*-----bismark--------*/ #content.bismark .project{background: url(/resources/portfolio/bismark/project.jpg) no-repeat center; height:590px;} #content.bismark .design{background: url(/resources/portfolio/bismark/bg_design.jpg) no-repeat center bottom;} #content.bismark .macbook {width: 632px;height: 476px; padding: 39px 116px 61px 89px;} #content.bismark .macbook:after{display:none;} #content.bismark #scrollsite { position: absolute;width: 632px;height: 476px;top: 39px;left: 89px;overflow: hidden;} #content.bismark .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.bismark .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;border:#d7d7d7 1px solid;} #content.bismark .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.bismark .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -125px !important;} #content.bismark .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #d5143b !important;} .mCS_img_loaded{display:block;} #content.bismark #txtcloud {top: 20px; right: -105px;} #content.bismark .familiarity .span9{border:#cfcfcf 1px dashed;border-radius:10px;-webkit-border-radius:10px;} #content.bismark .icons{background: url(/resources/portfolio/bismark/icon.jpg) no-repeat center; height:399px;} /*-----eelle_seo--------*/ #content.eelle_seo .white{padding:30px 0;} #content.eelle_seo .item {padding: 25px 0 25px 80px;position:relative;line-height: 22px;margin:25px 0 0;} #content.eelle_seo .item:before {content: url("/img/riski-marker-thin.png");left: 0px;position: absolute;top: 0px;width: 63px;height:63px;} #content.eelle_seo .item:after { color: #fff;font-size: 22px;line-height: 22px;font-weight: bold;left: 0;padding: 20px 0;position: absolute;text-shadow: -6px 6px 0 rgba(0, 0, 0, 0.13);top: 0;width: 63px;text-align: center;} #content.eelle_seo .item1:after {content: '1';} #content.eelle_seo .item2:after {content: '2';} #content.eelle_seo .item3:after {content: '3';} #content.eelle_seo .item4:after {content: '4';} #content.eelle_seo .item5:after {content: '5';} #content.eelle_seo .item6:after {content: '6';} #content.eelle_seo .item7:after {content: '7';} #content.eelle_seo .item8:after {content: '8';} #content.eelle_seo .item9:after {content: '9';} #content.eelle_seo .result{ background: url(/img/space.jpg) repeat fixed 0 0;} #content.eelle_seo .result .span4{background: url(/resources/portfolio/eelle/ring.png) no-repeat center; height:265px;} .font35{font-size:35px;} .font55{font-size:55px;} #content.eelle_seo table.tarifi td{padding: 10px 15px;} #content.eelle_seo #yastat .twentytwenty-handle:before{height: 317px;} #content.eelle_seo #yastat:after{width: 900px;background: url(/resources/portfolio/eelle/beforeafter.png);} /*-----megaln--------*/ #content.megaln .prototip{background: url(/resources/portfolio/megaln/bg_prot.jpg) no-repeat center; height:770px;} #content.megaln .macbook {width: 632px;height: 476px; padding: 39px 116px 61px 89px;} #content.megaln .macbook:after{display:none;} #content.megaln #scrollsite { position: absolute;width: 632px;height: 476px;top: 39px;left: 89px;overflow: hidden;} #content.megaln .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.megaln .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;border:#d7d7d7 1px solid;} #content.megaln .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.megaln .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -125px !important;} #content.megaln .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2b519c !important;} .mCS_img_loaded{display:block;} #content.megaln #txtcloud {top: 20px; right: -105px;} #content.megaln .elements{padding:40px 0 30px;background:#ebebeb url(/resources/portfolio/megaln/fon.png) no-repeat center top;height:408px;} #content.megaln .elements span{text-transform:uppercase;color:#0f395f;margin:20px 0;} #content.megaln .familiarity .span9{border:#cfcfcf 1px dashed;border-radius:10px;-webkit-border-radius:10px;} #content.megaln .icons{background: url(/resources/portfolio/bismark/icon.jpg) no-repeat center; height:399px;} /*-----golos--------*/ #content.golos .project{padding-top:46px; height:480px;position: relative;background: url(/resources/portfolio/golos/bg_prot.jpg) no-repeat center;} #content.golos .dizain{position:relative;z-index:1;background:#fff url(/resources/portfolio/golos/bg_diz.png) no-repeat center 140px;} #content.golos .macbook {width: 605px;height: 380px; padding: 39px 166px 80px 167px;background: url(/resources/portfolio/golos/macbook.png) no-repeat center; margin-bottom: -80px;} #content.golos .macbook:after{display:none;} #content.golos #scrollsite { position: absolute;width: 605px;height: 380px;top: 39px;left: 167px;overflow: hidden;} #content.golos .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.golos .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;border:#d7d7d7 1px solid;} #content.golos .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.golos .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -120px !important;} #content.golos .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #008fd5 !important;} .mCS_img_loaded{display:block;} #content.golos #txtcloud {top: 20px; right: -105px;} #content.golos .card{padding:110px 0 35px;position: relative;background: #fbee4f;color:#444;} #content.golos .words{background:#fbee4f;padding:0 0px 50px;} #content.golos .words > img{margin:-55px 0 20px;display:inline-block;} #content.golos .words div + div:before{content: url(/resources/portfolio/golos/before.png);left: 30px;position: absolute;top: -25px;width: 22px;height:17px;} #content.golos .words div + div:after{content: url(/resources/portfolio/golos/after.png);right: 30px;position: absolute;bottom: -25px;width: 22px;height:17px;} /*-----parket--------*/ #content.parket .macbook {width: 670px;height: 377px; padding: 28px 27px 183px 27px;background: url(/resources/portfolio/parket/macbook.png) no-repeat center; margin-bottom: -140px;} #content.parket .macbook:after{display:none;} #content.parket #scrollsite { position: absolute;width: 670px;height: 377px;top: 28px;left: 27px;overflow: hidden;} #content.parket .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.parket .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;border:#d7d7d7 1px solid;} #content.parket .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.parket .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -120px !important;} #content.parket .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #008fd5 !important;} .mCS_img_loaded{display:block;} #content.parket #txtcloud {top: 20px; right: -105px;} #content.parket .adaptive{background:#fff url(/resources/portfolio/parket/bg_adaptiv.jpg) no-repeat center top;padding:200px 0 75px;} /*-----vik--------*/ #content.vik .project{padding-top:38px; height:650px;position: relative;background: url(/resources/portfolio/vik/bg_project.jpg) no-repeat center;} #content.vik .card{padding-top:53px; height:451px;position: relative;background: url(/resources/portfolio/vik/bg.jpg) no-repeat center;} #content.vik #scrollsite { position: absolute;width: 520px;height: 325px;top: 33px;left: 141px;overflow: hidden;} #content.vik .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.vik .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;border:#d7d7d7 1px solid;} #content.vik .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.vik .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -120px !important;} #content.vik .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #008fd5 !important;} #content.vik .costwhite .wrapper.description{padding:50px 0;} /*-----megatrans--------*/ #content.megatrans .dizain{height:808px;background: url(/resources/portfolio/megatrans/bg_dizain.jpg) no-repeat center top;} #content.megatrans .macbook {width: 673px;height: 506px; padding: 42px 125px 66px 95px;background: url(/resources/portfolio/megatrans/macbook.png) no-repeat center; } #content.megatrans .macbook:after{display:none;} #content.megatrans #scrollsite { position: absolute;width: 673px;height: 506px;top: 42px;left: 95px;overflow: hidden;} #content.megatrans .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.megatrans .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;border:#d7d7d7 1px solid;} #content.megatrans .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.megatrans .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -120px !important;} #content.megatrans .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #0f3a5d !important;} .mCS_img_loaded{display:block;} #content.megatrans #txtcloud {top: 20px; right: -105px;} /*-----TRIARC--------*/ #content.triarc .triarc__text {margin-left: auto;margin-right: auto;} #content.triarc .triarc__text, #content.triarc .triarc__text p {line-height: 1.5;} #content.triarc .triarc__text p:first-child {margin-bottom: 20px;} #content.triarc .promo {background: #fff;padding-top: 40px;text-align: center;overflow: hidden;max-width: 100%;} #content.triarc .promo .megah1 {color:#0a3d58;} #content.triarc .promo__text {margin:0 auto 35px;color: #444;max-width: 725px;} #content.triarc .promo__img {vertical-align: top;max-width: 100%;} #content.triarc .diz {color: #fff;background:#4779b4 url('/resources/portfolio/triarc/diz.jpg') no-repeat center top;height: 1012px;padding-top: 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;overflow: hidden;} #content.triarc .diz__title {color: #fff;margin-bottom: 30px;text-shadow: 1px 1px 0 rgba(0,0,0,.1);} #content.triarc .diz__text {text-shadow: 1px 1px 0 rgba(0,0,0,.2);max-width: 770px;} #content.triarc .pcbook {position: absolute;bottom: 213px;left: 50%;width: 711px;margin-left: -363px;height: 444px;background: #fff;} #content.triarc #scrollsite {height:444px;overflow: hidden;width: 711px;} #content.triarc .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #008fd5 !important;box-shadow:0 2px 2px rgba(0,0,0,.3);} #content.triarc .newcat {background: #fff;border-bottom: 1px solid #ebebeb;overflow: hidden;text-align: center;} #content.triarc .newcat__img {max-width: 100%;vertical-align: top;margin-top: 30px;} #content.triarc .newcat__title {font-family:'PT Sans', sans-serif;font-size: 30px;font-weight: bold;letter-spacing: 0.02em;} #content.triarc .newcat__text {color: #444;} #content.triarc .ending {background: #fff url('/resources/portfolio/triarc/endbg.jpg') no-repeat top center;-webkit-background-size: cover; background-size: cover;overflow: hidden;text-align: center;padding-top: 60px;padding-bottom: 60px;} #content.triarc .ending__title {margin-bottom: 40px;font-family:'PT Sans', sans-serif;font-size: 30px;font-weight: bold;letter-spacing: 0.02em;} #content.triarc .ending__img {max-width: 100%;vertical-align: top;margin-top: 20px;margin-bottom: 60px;} #content.triarc .ending__text {color: #444;max-width: 765px;} #content.triarc .minigall {background: #ebebeb;padding: 40px 0 80px;} #content.triarc .minigall__title {margin-bottom: 40px;} .miniBaguette {margin: 0 -12px;} .miniBaguette:after {content:'';display: table;width: 100%;clear: both;} .miniBaguette__col {float: left;width: 20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 12px;} .miniBaguette--4 .miniBaguette__col {width: 25%;} a.miniBaguette__link {display: block;margin-top: 20px;width: 100%;} a.miniBaguette__link:first-child {margin-top: 0;} a.miniBaguette__link img {display: block;vertical-align: top;width: 100%;} /*-----#TRIARC--------*/ /*-----ASTER--------*/ #content.aster {} #content.aster .aster__text {margin-left: auto;margin-right: auto;} #content.aster .aster__text, #content.aster .aster__text p {line-height: 1.5;} #content.aster .aster__text p:first-child {margin-bottom: 20px;} #content.aster .diz {background: #fff;padding-top: 40px;overflow: hidden;} #content.aster .diz__title {margin-bottom: 30px;} #content.aster .diz__wrap {margin-bottom: -40px;} #content.aster .diz__text {max-width: 780px;} .asterSlider {background: url('/resources/portfolio/aster/diz.jpg') no-repeat center top;height:715px;padding-top: 201px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;margin-top: -100px;} .asterSlider__inner {position: relative;left: 15px;height: 444px;width: 711px;overflow: hidden;margin: 0 auto;} .asterSlider__inner:before, .asterSlider__inner:after {content:'';position: absolute;display: block;z-index: 999;} .asterSlider__inner:before {background: url('/resources/portfolio/aster/diz-left.png') no-repeat;width: 17px;height: 29px;left: 0;bottom: 1px;} .asterSlider__inner:after {background: url('/resources/portfolio/aster/diz-right.png') no-repeat;width: 10px;height: 91px;right: 0;top: 315px;} #aster-slides {width: 100%;} .asterSlider__slider { position: relative;text-align: center; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;} .asterSlider__slider li {float:left;width: 711px;} .asterSlider__slider img {vertical-align: top;width: 100%;height: 444px;display: block;} #content.aster .struct {background: #fff;padding-top: 40px;overflow: hidden;} #content.aster .struct__text {width: 602px;position: relative;left:40px;text-align: left;margin-bottom: 45px;} #content.aster .struct__bold {font-weight: bold;} #content.aster .struct__list, #content.aster .struct__list li {list-style:disc inside;} #content.aster .present {background: #fff;padding: 60px 0 50px;overflow: hidden;} #content.aster .present__title {font-family:'PT Sans', sans-serif;font-size: 30px;font-weight: bold;letter-spacing: 0.02em;} #content.aster .present__text {font-size: 16px;} #content.aster .present__img {vertical-align: top;max-width: 100%;display: block;margin: 50px auto 0;} #content.aster .minigall {padding: 60px 0;} #content.aster .minigall__title {margin-bottom: 40px;} /*-----#ASTER--------*/ /*-----ECO--------*/ #content.teheco {} .extraTitle {font-family:'PT Sans', sans-serif;font-size: 30px;font-weight: bold;letter-spacing: 0.02em;} #content.teheco .eco__text {max-width: 775px;margin-left: auto;margin-right: auto;color: #444;} #content.teheco .eco__text, #content.teheco .eco__text p {line-height: 1.5;color: #444;} #content.teheco .diz {background:#f7fcff url('/resources/portfolio/eco/bg.jpg') no-repeat center top;height: 790px;overflow:visible;padding-top: 40px;position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #content.tehintels .diz { height: 520px; overflow:visible; padding-top: 40px; position: relative; padding-bottom: 40px; background-color: #ebebeb; } #content.russkiy_navigator .project { padding: 20px 0; } #content.russkiy_navigator .minigall { padding: 20px 0 !important; } #content.russkiy_navigator .diz { padding-bottom: 20px; padding-top: 20px; height: 560px; } #content.russkiy_navigator .diz__monitor { bottom: -103px; } #content.tehintels.gold #scrollsite { width: 93%; top: 28px; left: 26px; height: 377px; } #content.tehintels .minigall { background-color: #fff; padding: 40px 0; } #content.tehintels .minigall__title { margin-bottom: 40px; } #content.tehintels .diz__monitor { background:url('/resources/portfolio/eco/monitor.png') no-repeat 0 0; position: absolute; bottom: -106px; left: 50%; margin-left: -361px; width: 723px; height: 588px; z-index: 1; } #content.tehintels .diz__monitor-in { position: relative; left: 26px; top: 29px; overflow: scroll; height: 376px; width: 670px; } #content.teheco .diz__monitor {background:url('/resources/portfolio/eco/monitor.png') no-repeat 0 0;position: absolute;bottom: -106px;left: 50%;margin-left: -361px;width: 723px;height: 588px;z-index: 1;} #content.teheco .diz__monitor-in {position: relative;left: 26px;top: 29px;overflow: scroll;height: 376px;width: 670px;} #content.teheco .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #008fd5 !important;-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3);} #content.teheco .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background: #fff !important;-webkit-box-shadow: inset 0 0 0 1px #d7d7d7; box-shadow: inset 0 0 0 1px #d7d7d7;} #content.teheco .calcul {background: #fff;padding: 140px 0 55px;position: relative;overflow: hidden;} #content.teheco .calcul:before {content:'';height: 1px;width: 940px;margin-left: -470px;left: 50%;position: absolute;bottom: 0;background: #ebebeb;} #content.teheco .calcul__text, #content.teheco .geograf__text {margin-bottom: 40px;} #content.teheco .calcul__title, #content.teheco .geograf__title {margin-bottom: 10px;} #content.teheco .calcul__img, #content.teheco .geograf__img {display: block;margin: 0 auto;} #content.teheco .calcul__img img, #content.teheco .geograf__img img {max-width: 100%;} #content.teheco .geograf {background: #fff;padding: 55px 0 40px;} #content.teheco .minigall {padding:40px 0;} #content.teheco .minigall__title {margin-bottom: 40px;} /*-----#ECO--------*/ /*-----STRANNIK--------*/ #content.strannik {} #content.strannik .strannik__text {max-width: 880px;margin-left: auto;margin-right: auto;} #content.strannik .strannik__text, #content.strannik .strannik__text p {line-height: 1.4;} #content.strannik .mb30 {margin-bottom: 30px;} #content.strannik .mb20 {margin-bottom: 20px;} #content.strannik .project {background:#4d8ed4 url('/resources/portfolio/strannik/project-bg.jpg') no-repeat center top;-webkit-background-size: cover;background-size: cover;padding: 40px 0 50px;color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #content.strannik .project__title {color: #fff;} #content.strannik .project__img {padding-top: 10px;} #content.strannik .project__img img {vertical-align: top;max-width: 100%;} #content.strannik .strannikbg {background: #fff url('/resources/portfolio/strannik/bg.jpg') no-repeat center top;} #content.strannik .diz {padding: 40px 0 0px;} #content.strannik .diz .wrapper {border-bottom:1px solid #ebebeb;padding-bottom: 10px;} #content.strannik .diz__text {max-width: 715px;} #content.strannik .diz__pad {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 38px 0 0 89px;position: relative;margin: 0 auto;width: 837px;height: 575px;background: url('/resources/portfolio/strannik/pad.png') no-repeat 0 0;} #content.strannik .diz__pad-in {display: block;overflow: scroll;width: 632px;height: 476px;border-radius: 5px;} #content.strannik .diz__pad-in img {vertical-align: top;width: 100%;border-radius: 5px;} #content.strannik .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #0a3d58 !important;-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3);} #content.strannik .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background: #f3f3f3 !important;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2);} #content.strannik .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.strannik .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -135px !important;} #content.strannik .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.strannik .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {margin: -12px 0;} #content.strannik .cab {padding: 30px 0 0;} #content.strannik .cab__text {color: #444444;} #content.strannik .cab__text2 {max-width: 860px;color: #444444;} #content.strannik .reg__img {text-align: center;margin-bottom: 30px;} #content.strannik .reg__img img {vertical-align: top;max-width: 100%;} #content.strannik .cab__img {text-align: center;} #content.strannik .cab__img img {vertical-align: top;max-width: 100%;display:inline-block;margin-right: -164px;} #content.strannik .minigall {padding: 40px 0;} #content.strannik .minigall__title {margin-bottom: 40px;} /*-----#STRANNIK--------*/ /*-----LABORIA--------*/ .text-lower {text-transform: lowercase !important;} .text-lower:first-letter {text-transform: none !important;} .text-center {text-align: center;} .img-block {max-width: 100%;} .img-block img {vertical-align: top;max-width: 100%;} .list-numeric {counter-reset: item;} .list-numeric li {position: relative;display: block;padding-left: 50px;padding-top: 5px;} .list-numeric li:before {content:counter(item);counter-increment: item;background:url('/resources/portfolio/laboria/list-numeric.png') no-repeat 0 0;width: 37px;height: 33px;position: absolute;left: 0;top: 0;color: #fff;font-weight: bold;font-size: 16px;font-family:'PT Sans', sans-serif;text-align: center;line-height: 33px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 6px;} .clr:after {content: '';display: table;width: 100%;clear: both;} .laboriaDesc .span3 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 15px;} #content.laboria .wrapper.description {padding-top: 55px;} #content.laboria .procItem .span2 {width: 84px;display: block;float: left;margin-right: 20px;} #content.laboria .procItem .span10 {overflow: hidden;float: none;width: auto;display: block;} #content.laboria .pcbook {text-align: center;} #content.laboria .pcbook__img {display: inline-block;vertical-align: top;width: 803px;height: 462px;background:url('/resources/portfolio/laboria/mac.png') no-repeat 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 33px 0 0 141px;} #content.laboria .pcbook__img img {width: 100%;vertical-align: top;} #content.laboria #scrollsite {width: 520px;height: 325px;overflow-y: scroll;overflow-x: visible;} #content.laboria .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #008fd5 !important;} #content.laboria .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.laboria .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #f3f3f3 !important;} #content.laboria .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.laboria .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -120px !important;} #content.laboria .laboriaPoints {position: relative;text-align: center;} #content.laboria .laboriaPoints img {vertical-align: top;} #content.laboria .laboriaRez {text-align: center;border-top: 1px solid #486879;padding-top: 30px;margin-bottom: 20px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between; } #content.laboria .laboriaRez__item {display: inline-block;vertical-align: top;width: 90px;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto} #content.laboria .laboriaRez__img {vertical-align: top;max-width: 100%;} #content.laboria .laboriaRez__num {display: block;margin-top: 15px;text-align: center;font-size: 30px;line-height: 1;} #content.laboria .laboriaRez__text {text-align: center;display: block;margin-top: 15px;white-space:nowrap;} #content.laboria .labrInteresting {border-top: 4px solid #ebebeb;} #content.laboria .laborOptim {margin-left: -20px;} #content.laboria .laborTop {display: inline-block;vertical-align: top;} /*-----#LABORIA--------*/ /*-----MKT--------*/ #content.mkt .procItem {min-height: 84px;} #content.mkt .procItem .span2 {width: 84px;display: block;float: left;margin-right: 20px;} #content.mkt .procItem .span10 {overflow: hidden;float: none;width: auto;display: block;} #content.mkt .pcbook {text-align: center;} #content.mkt .pcbook__img {display: inline-block;vertical-align: top;width: 803px;height: 462px;background:url('/resources/portfolio/mkt/pc.png') no-repeat 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 33px 0 0 141px;} #content.mkt .pcbook__img img {width: 100%;vertical-align: top;} #content.mkt #scrollsite {width: 520px;height: 325px;overflow-y: scroll;overflow-x: visible;} #content.mkt .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #008fd5 !important;} #content.mkt .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.mkt .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #f3f3f3 !important;} #content.mkt .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.mkt .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -120px !important;} #content.mkt .mktRez {text-align: center;padding-top: 30px;margin-bottom: 30px;width: 887px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between; } #content.mkt .mktRez__item {white-space:nowrap;display: inline-block;vertical-align: top;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;overflow: hidden;} #content.mkt .mktRez__cont {text-align: left;display: inline-block;overflow: hidden;padding-top: 15px;} #content.mkt .mktRez__img {vertical-align: top;max-width: 100%;display:inline-block;} #content.mkt .mktRez__num {display: block;font-size: 30px;line-height: 1;} #content.mkt .mktRez__text {display: block;margin-top: 3px;} .someTable {width: 100%;} .someTable tr {width: 100%;} .someTable tr:hover td {background: rgba(0,0,0,.01);} .someTable td, th {padding: 15px 10px;text-align: center;vertical-align: top;} .someTable th {border-bottom: 1px solid #d8d8d8;font-size: 18px;font-weight: normal;} .someTable td {border-bottom: 1px dotted #d8d8d8;-webkit-transition: background .3s;-o-transition: background .3s;transition: background .3s;} .someTable th:first-child, .someTable td:first-child {border-right: 1px dotted #d8d8d8;text-align: left;padding-left: 0;} #content.mkt .mktInteresting {border-top: 4px solid #ebebeb;} /*-----#MKT--------*/ /*-----KONTUR PAK--------*/ #content.contur {} #content.contur .pcbook {text-align: center;} #content.contur .pcbook__img {display: inline-block;vertical-align: top;width: 803px;height: 462px;background:url('/resources/portfolio/kontur/pc.png') no-repeat 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 33px 0 0 141px;} #content.contur .pcbook__img img {width: 100%;vertical-align: top;} #content.contur #scrollsite {width: 520px;height: 325px;overflow-y: scroll;overflow-x: visible;} #content.contur .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #008fd5 !important;} #content.contur .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.mkt .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #f3f3f3 !important;} #content.contur .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.contur .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -120px !important;} #content.contur .procItem .span2 {width: 84px;display: block;float: left;margin-right: 20px;} #content.contur .procItem .span10 {overflow: hidden;float: none;width: auto;display: block;} #content.contur .conturPoints {position: relative;} #content.contur .conturPoints img {vertical-align: top;max-width: 100%;} #content.contur .point{position: absolute; width: 44px;height: 40px;background: url(/img/bluemarkershadow.png) no-repeat center;z-index: 2;cursor:pointer;} #content.contur .point:after{ color: #fff; font-size: 16px; line-height: 16px; width:16px; font-weight: bold; left: 16px; position: absolute; top: 8px; text-align: center;} #content.contur .point.point_1:after{content:"1";} #content.contur .point.point_2:after{content:"2";} #content.contur .point.point_3:after{content:"3";} #content.contur .point.point_4:after{content:"4";} #content.contur .point.point_5:after{content:"5";} #content.contur .point.point_6:after{content:"6";} #content.contur .point.point_7:after{content:"7";} #content.contur .point.point_1{top: 11px; left: 398px;z-index: 2;} #content.contur .point.point_2{top: 11px; left: 122px;z-index: 4;} #content.contur .point.point_3{top: 36px; left: 122px;z-index: 3;} #content.contur .point.point_4{top: 36px; left: 398px;z-index: 1;} #content.contur .point.point_5{top: 112px; left: 21px;} #content.contur .point.point_6{top: 500px; left: 141px;} #content.contur .point.point_7{top: 180px; left: 580px;} #content.contur .point.point_7 .tip {width: 300px;} #content.contur .tip{ width: 400px; background: #fff; position: absolute; top: -10px; left: 54px; padding: 20px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5), -2px 0 5px rgba(0,0,0,.3), 0 -2px 5px rgba(0,0,0,.3); z-index: 9; display: block; opacity: 0; visibility: hidden; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content.contur .tip:before {content: '';position: absolute;left: -20px;top: 17px;width: 0;height: 0;border: 10px solid transparent;border-right-color:#fff;} #content.contur .point:hover .tip { visibility: visible; opacity: 1; z-index: 999; } #content.contur .quantity {border: 1px dashed #8cb900;border-radius: 10px;padding: 25px 0 30px;position: relative;} #content.contur .konturInteresting {border-top: 4px solid #ebebeb;} .semibold {font-weight: 600;} .text-right {text-align: right;} /*-----#KONTUR PAK--------*/ /*-----ELMETALL--------*/ #content.elmetal {} #content.elmetal .pcbook {text-align: center;} #content.elmetal .pcbook__img {display: inline-block;vertical-align: top;width: 803px;height: 462px;background:url('/resources/portfolio/kontur/pc.png') no-repeat 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 33px 0 0 141px;} #content.elmetal .pcbook__img img {width: 100%;vertical-align: top;} #content.elmetal #scrollsite {width: 520px;height: 325px;overflow-y: scroll;overflow-x: visible;} #content.elmetal .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #008fd5 !important;} #content.elmetal .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.mkt .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #f3f3f3 !important;} #content.elmetal .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.elmetal .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -120px !important;} #content.elmetal .procItem .span2 {width: 84px;display: block;float: left;} #content.elmetal .procItem .span10 {margin-left: 104px;float: none;width: auto;display: block;} #content.elmetal .elmetallPoints {position: relative;} #content.elmetal .elmetallPoints img {vertical-align: top;max-width: 100%;} #content.elmetal .point{position: absolute; width: 44px;height: 40px;background: url(/img/bluemarkershadow.png) no-repeat center;z-index: 2;cursor:pointer;} #content.elmetal .point:after{ color: #fff; font-size: 16px; line-height: 16px; width:16px; font-weight: bold; left: 16px; position: absolute; top: 8px; text-align: center;} #content.elmetal .point.point_1:after{content:"1";} #content.elmetal .point.point_2:after{content:"2";} #content.elmetal .point.point_3:after{content:"3";} #content.elmetal .point.point_4:after{content:"4";} #content.elmetal .point.point_1 {top: 308px; left: 15px;} #content.elmetal .point.point_2 {top: 302px; left: 203px;} #content.elmetal .point.point_3 {top: 388px; left: 592px;} #content.elmetal .point.point_4 {top: 724px; left: 15px;} #content.elmetal .tip{ width: 400px; background: #fff; position: absolute; top: -10px; left: 54px; padding: 20px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5), -2px 0 5px rgba(0,0,0,.3), 0 -2px 5px rgba(0,0,0,.3); z-index: 9; display: block; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content.elmetal .tip:before {content: '';position: absolute;left: -20px;top: 17px;width: 0;height: 0;border: 10px solid transparent;border-right-color:#fff;} #content.elmetal .point:hover {z-index: 9;} #content.elmetal .point:hover .tip { visibility: visible; opacity: 1; z-index: 999; } #content.elmetal .elmetList {margin-left: -10px;} #content.elmetal .quantity {border: 1px dashed #8cb900;border-radius: 10px;padding: 25px 0 30px;position: relative;} #content.elmetal .quantity__text {line-height: 1.3 !important;} #content.elmetal .elmetRez {text-align: center;padding-top: 10px;margin-bottom: 60px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between; } #content.elmetal .elmetRez__item {display: inline-block;vertical-align: top;width: 90px;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto} #content.elmetal .elmetRez__img {vertical-align: top;max-width: 100%;} #content.elmetal .elmetRez__num {display: block;margin-top: 15px;text-align: center;font-size: 30px;line-height: 1;} #content.elmetal .elmetRez__text {text-align: center;display: block;margin-top: 15px;white-space:nowrap;} .elmetStat {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;} .elmetStat__cell {-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;display: inline-block;vertical-align: top;width: 50%;white-space:nowrap;} .elmetStat__cell:last-child {padding-left: 20px;} .elmetRezult__icn {display: block;} .elmetRezult__text {overflow: hidden;} .portfolioInteresting {border-top: 4px solid #ebebeb;} /*-----#ELMETALL--------*/ /*-----LOTOS--------*/ #content.lotos {} #content.lotos .lotos__text {margin-left: auto;margin-right: auto;} #content.lotos .diz {background:url('/resources/portfolio/lotos/diz.jpg') no-repeat center top;height: 809px;padding-top: 45px;position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content.lotos .diz__text, #content.lotos .diz__text p {max-width: 660px;line-height: 1.4;} #content.lotos .diz__pad {position: absolute;width: 712px;height:444px;left: 127px;top: 209px;border-radius: 3px;} #content.lotos .diz__pad-in {overflow-x:hidden;overflow-y:scroll;height:444px;width: 100%;} #content.lotos .diz__pad-in img {width:100%;} #content.lotos .points__text, #content.lotos .points__text p {max-width: 866px;line-height: 1.4;} #content.lotos .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #0f3a5d !important;} #content.lotos .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.lotos .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #f3f3f3 !important;} #content.lotos .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.lotos .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -85px !important;} #content.lotos .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.lotos .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {width: 8px !important;box-shadow:inset 0 0 0 1px #d7d7d7;} /*-----#LOTOS--------*/ /*-----BUHUCHET--------*/ .orange {background: #e05e20;} #content.buh {} #content.buh .buh__text, #content.buh .buh__text p {line-height: 1.4;margin-left: auto;margin-right: auto;} #content.buh .pre {padding-top: 30px;position: relative;z-index: 5;margin-bottom: 55px;} #content.buh .pre__text {font-size: 20px;line-height: 1.4;color: #1f1f1f;background:url('/resources/portfolio/buh/notebook.png') no-repeat right top;min-height: 348px; font-family:'PT Sans', sans-serif;padding-right: 450px;padding-top: 75px;width: 860px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .buhOrange {position: relative;margin-bottom: 390px;} .buhOrange:before {content:'';height: 100%;width: 100%;position: absolute;top: -120px;left: 0;background:#e05e20;z-index: 1; -webkit-transform: skew(0deg, -7deg);-ms-transform: skew(0deg, -7deg);transform: skew(0deg, -7deg); } .buhOrange:after {content:'';height: 100%;width: 100%;position: absolute;bottom: -120px;left: 0;background:#e05e20;z-index: 1; -webkit-transform: skew(0deg, -7deg);-ms-transform: skew(0deg, -7deg);transform: skew(0deg, -7deg); } #content.buh .diz {position: relative;z-index: 9;} #content.buh .diz .wrapper {border-bottom: 1px solid #c9541d;} #content.buh .diz__title, #content.buh .diz__text, #content.buh .promo__title, #content.buh .promo__text {color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,.1);} #content.buh .diz__text {max-width: 670px;} #content.buh .diz__pad {background:url('/resources/portfolio/buh/ipad.png') no-repeat right top;margin-left: auto;margin-right: auto;width: 837px;height: 575px;position: relative;padding: 38px 0 0 89px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #content.buh .diz__pad-in {overflow-x: hidden;overflow-y:auto;width: 633px;height: 476px;} #content.buh .diz__pad-in img {width: 100%;vertical-align: top;} #content.buh .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #008fd5 !important;} #content.buh .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.buh .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #f3f3f3 !important;} #content.buh .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.buh .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -130px !important;} #content.buh .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.buh .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {width: 8px !important;box-shadow:inset 0 0 0 1px #d7d7d7;} #content.buh .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 14px !important;} #content.buh .promo {z-index: 9;position: relative;padding-bottom: 465px;} #content.buh .promo__img {position: absolute;top: 100%;left: 50%;margin-top: 20px;margin-left: -418px;} #content.buh .promo__text {max-width: 780px;} #content.buh .сalcul {position: relative;z-index: 9;} #content.buh .сalcul__text {max-width: 770px;} .buhInteresting {border-top: 1px solid #ebebeb;} /*-----#BUHUCHET--------*/ /*-----FRAM--------*/ #content.fram {} #content.fram .fram__text, #content.fram .fram__text p {color: #000;line-height: 1.4;} #content.fram .diz {background:url('/resources/portfolio/fram/bg.jpg') no-repeat 0 0;-webkit-background-size: cover;background-size: cover;min-height: 770px;padding: 40px 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #content.fram .diz__text {max-width: 700px;margin-left: auto;margin-right: auto;} #content.fram .diz__pad {background: url('/resources/portfolio/fram/pad.png') no-repeat 0 0;width: 837px;height: 575px;} #content.fram .diz__pad {background:url('/resources/portfolio/buh/ipad.png') no-repeat right top;margin-left: auto;margin-right: auto;width: 837px;height: 575px;position: relative;padding: 38px 0 0 89px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #content.fram .diz__pad-in {overflow-x: hidden;overflow-y:auto;width: 633px;height: 476px;} #content.fram .diz__pad-in img {width: 100%;vertical-align: top;} #content.fram .promo__text {max-width: 825px;margin-left: auto;margin-right: auto;} #content.fram .sldr {background: #e9e9e9;padding: 40px 0;} #content.fram .sldr__in {width: 920px;margin-left: auto;margin-right: auto;} #content.fram .rslides1_tabs {text-align: center;padding-top: 20px;} #content.fram .rslides1_tabs li {display: inline-block;vertical-align: top;margin: 0 5px;} #content.fram .rslides1_tabs a {display: inline-block;vertical-align: top;background: #fff;width: 8px;height: 8px;border-radius: 50%;overflow: hidden;text-indent: 100%;white-space:nowrap;} #content.fram .rslides1_tabs .rslides_here a {background: #8db900;} #content.fram .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #0a3d58 !important;} #content.fram .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.fram .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #f3f3f3 !important;} #content.fram .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.fram .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -130px !important;} #content.fram .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.fram .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {width: 10px !important;box-shadow:inset 0 0 0 1px #d7d7d7;} #content.fram .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 14px !important;} .farmInteresting {border-top: 2px solid #ebebeb;} .farmInteresting .btn {padding:10px 90px;} /*-----#FRAM--------*/ #content.rise .item { border-bottom: none; } #content.rise .wrapper.description { padding-bottom: 10px; } #content.profiprint.rise .point.point_1 { left: 419px; top: 110px;} #content.profiprint.rise .point.point_2 { left: 115px; top: 111px;} #content.profiprint.rise .point.point_3 { left: 180px; top: 1322px;} #content.profiprint.rise .point.point_4 { left: -22px; top: 1158px;} #content.profiprint.rise .point.point_5 { left: 170px; top: 131px;} #content.profiprint.rise .point:hover { z-index: 30; } .optim li:before { content: url(/img/bluemarkershadow.png);} .optim li::after { color: #ffffff; left: 27px; position: absolute; text-align: center; top: 0; width: 22px; z-index: 2; } .optim li:nth-child(1):after { content: '1';} .optim li:nth-child(2):after { content: '2';} .optim li:nth-child(3):after { content: '3';} .optim li:nth-child(4):after { content: '4';} .optim li:nth-child(5):after { content: '5';} .optim li:nth-child(6):after { content: '6';} .optim li:nth-child(7):after { content: '7';} .portfolio-item hr { background-color: #008fd5; border: 0 none; clear: both; color: #008fd5; height: 1px; margin: 0 0 25px; } .portfolio-item .wrapper { max-width: 940px; min-width: 940px;padding: 20px 0;} .portfolio-item .wrapper ol, .portfolio-item .wrapper ul{ list-style-position: inside; } /*--------Adaptive-------*/ .row-fluid .span660, .span660 {width: 658px;*width: 655px;display: inline-block;vertical-align: top;} .row-fluid .span280, .span280 {width: 275px;*width: 275px;display: inline-block;vertical-align: top;} .row-fluid .span20, .span20 {width: 19.48936170212765%;*width: 19.43617021276594%;display: inline-block;vertical-align: top;} .row-fluid .span12, .span12 {width: 100%; *width: 99.94680851063829%;display: inline-block; vertical-align: top;} .row-fluid .span11, .span11 {width: 91.48936170212765%;*width: 91.43617021276594%;display: inline-block;vertical-align: top;} .row-fluid .span10, .span10 {width: 82.97872340425532%;*width: 82.92553191489361%;display: inline-block;vertical-align: top;} .row-fluid .span9 , .span9 {width: 74.46808510638297%;*width: 74.41489361702126%;display: inline-block;vertical-align: top;} .row-fluid .span8, .span8 {width: 65.95744680851064%;*width: 65.90425531914893%;display: inline-block;vertical-align: top;} .row-fluid .span7, .span7 {width: 57.44680851063829%;*width: 57.39361702127659%;display: inline-block;vertical-align: top;} .row-fluid .span6, .span6 {width: 48.93617021276595%;*width: 48.88297872340425%;display: inline-block;vertical-align: top;} .row-fluid .span5, .span5 {width: 40.42553191489362%;*width: 40.37234042553192%;display: inline-block;vertical-align: top;} .row-fluid .span4, .span4 {width: 31.914893617021278%;*width: 31.861702127659576%;display: inline-block;vertical-align: top;} .row-fluid .span3, .span3 {width: 23.404255319148934%;*width: 23.351063829787233%;display: inline-block;vertical-align: top;} .row-fluid .span2, .span2 {width: 14.893617021276595%;*width: 14.840425531914894%;display: inline-block;vertical-align: top;} .row-fluid .span1, .span1 {width: 6.382978723404255%;*width: 6.329787234042553%;display: inline-block;vertical-align: top;} .row-fluid .span, .span {display: inline-block;vertical-align: top;} .blue-block-stars { background: url("/img/how-much-2.png") no-repeat scroll center top, rgba(0, 0, 0, 0) url("/img/how-much.png") repeat fixed 0 0; clear: both; } #content.rise.portfolio-item .item { padding-top: 10px;} #content.dosaaf .macbook { background-image: url("/img/macbook.png"); background-repeat: no-repeat; height: 325px; margin: 0 auto; padding: 33px 142px 104px 141px; position: relative; width: 520px; } #content.dosaaf .macbook:after{display:none;} #content.dosaaf #scrollsite { height: 325px; left: 140px; overflow: hidden; position: absolute; top: 33px; width: 521px; } #content.dosaaf .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #content.dosaaf .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #f3f3f3 !important;border:#d7d7d7 1px solid;} #content.dosaaf .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #content.dosaaf .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: -120px !important;} #content.dosaaf .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2b519c !important;} .mCS_img_loaded{display:block;} #content.dosaaf #txtcloud {top: 20px; right: -105px;} #content .wrapper.description { padding: 25px 0; } #content.alfadom #scrollsite { height: 325px; left: 140px; overflow: hidden; position: absolute; top: 33px; width: 521px; } .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: -70px !important;} #content.gold #scrollsite { height: 325px; left: 140px; overflow: hidden; position: absolute; top: 33px; width: 521px; } #content.portfolio-item.uchebnik > .project { background: #0a3548 none repeat scroll 0 0; padding: 50px 0; } #content.aktubinsk > .howmuch { background: #ebebeb none repeat scroll 0 0; border-top: 9px solid #119533; color: #000000; } #content.aktubinsk > .howmuch.greengrad { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e2eee4 0px, #fdfffe 100%) repeat scroll 0 0; } #content.veles #banner img { left: -420px; position: relative; max-width: 10000px;max-height: 10000px; } .uberisneg .header::before, .uberisneg .video::before, .uberisneg .algo::before, .uberisneg .advantage::before { background: rgba(0, 0, 0, 0) url("/resources/portfolio/uberisneg/tarrow2.png") no-repeat scroll -18px top; content: ""; display: block; height: 66px; margin: 0 auto; width: 48px; } .uberisneg .header { left: 695px; top: 77px; } .uberisneg .header, .uberisneg .compare, .uberisneg .video, .uberisneg .tovars, .uberisneg .algo, .uberisneg .review, .uberisneg .advantage, .uberisneg .feedback { height: auto; position: absolute; width: 230px; } .portfolio-item .header { background-color: transparent !important;} .uberisneg .compare { left: 15px; top: 288px; } .uberisneg .video { left: 695px; top: 637px; } .uberisneg .tovars { left: 15px; top: 781px; } .uberisneg .algo { left: 695px; top: 1007px; } .uberisneg .review { left: 15px; top: 1115px; } .uberisneg .advantage { left: 695px; top: 1264px; } .uberisneg .feedback { left: 15px; top: 1414px; } .uberisneg .compare::before, .uberisneg .tovars::before, .uberisneg .review::before, .uberisneg .feedback::before { background: rgba(0, 0, 0, 0) url("/resources/portfolio/uberisneg/tarrow.png") no-repeat scroll 19px top; content: ""; display: block; height: 66px; margin: 0 auto; width: 48px; } .uberisneg .compare { left: 15px; top: 288px; } .uberisneg .header, .uberisneg .compare, .uberisneg .video, .uberisneg .tovars, .uberisneg .algo, .uberisneg .review, .uberisneg .advantage, .uberisneg .feedback { height: auto; position: absolute; width: 230px; } #content.nevcon .project { background: rgba(0, 0, 0, 0) url("/resources/portfolio/nevcon/project.png") repeat scroll 0 0; height: 605px; overflow: visible; padding: 45px 0; position: relative; width: 100%; } #content.nevcon #scrollsite { height: 325px; left: 140px; overflow: hidden; position: absolute; top: 33px; width: 521px; } #content.nevcon .project .para-3 { background: rgba(0, 0, 0, 0) url("/resources/portfolio/nevcon/parallax/p03.png") no-repeat scroll center center; height: 591px; position: absolute; top: 84px; width: 100%; } #content.nevcon .project .para-2 { background-image: url("/resources/portfolio/nevcon/parallax/p02.png"); background-position: 15px 0; background-repeat: no-repeat; height: 339px; position: absolute; right: 0; width: 328px; z-index: 102; } #content.nevcon .project .para-fix { background: rgba(0, 0, 0, 0) url("/resources/portfolio/nevcon/parallax/pfix.png") no-repeat scroll center center; bottom: 100px; height: 226px; position: absolute; width: 100%; z-index: 100; } #content.nevcon .project .para-1 { background: rgba(0, 0, 0, 0) url("/resources/portfolio/nevcon/parallax/p01.png") no-repeat scroll left top; height: 388px; left: -15px; position: absolute; top: 0; width: 100%; z-index: 103; } #content.nevcon .project .para-top { height: 591px; position: absolute; top: 226px; width: 100%; z-index: 101; } #content.nevcon .project .para-top .pic { background: rgba(0, 0, 0, 0) url("/resources/portfolio/nevcon/parallax/ptop.png") no-repeat scroll center center; height: 591px; margin: 0 auto; width: 1289px; } #content.nevcon #innerpages::before { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.65) 0px, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0; content: ""; display: block; height: 840px; left: 0; position: absolute; top: 0; width: 100%; } #content.nevcon #innerpages { background: rgba(0, 0, 0, 0) url("/resources/portfolio/nevcon/luxfon.png") repeat scroll 0 0; box-sizing: border-box; height: 840px; padding: 40px 0 0; position: relative; width: 100%; } #content.nevcon #innerpages .w309 { display: inline-block; margin-right: 1px; position: relative; vertical-align: top; width: 309px; } a.baguetteBoxItem.skew:after { background: rgba(0, 0, 0, 0) url("/resources/portfolio/nevcon/skewfon.png") no-repeat scroll center center; bottom: 0; content: ""; height: 283px; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; width: 225px; } a.baguetteBoxItem:after { background: #000000 url("/resources/portfolio/divisan/steklo.png") no-repeat scroll center center; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; width: 100%; } #content.nevcon #innerpages a.baguetteBoxItem.skew { display: block; height: 283px; left: -86px; position: absolute; top: 300px; width: 225px; } #content.osnova .arrowleft:before { content: url("/img/landing-arrowleft.png"); position: absolute; right: 60px; top: -60px; } #content.osnova .arrowright:before { content: url("/img/landing-arrowright.png"); left: 60px; position: absolute; top: -60px; } ul.blue-bubble > li:before { content: url("/img/mipredlagaemmarker.png"); left: -5px; position: absolute; } ul.blue-bubble > li { margin-bottom: 10px; padding-left: 55px; position: relative; } #content .space { background: rgba(0, 0, 0, 0) url("/img/space.jpg") repeat scroll center bottom; padding: 20px 0; } #content.hotey .space .span5.alignleft:after { content: url("/img/arrow2.png"); position: absolute; right: -60px; top: 6px; } .portfolio-item.stemcell .blue-block-stars .wrapper-bar:before { background: #09374f url("/resources/portfolio/stemcellbank/stem-star.png") no-repeat scroll 0 0; content: ""; display: block; height: 84px; left: calc(50% - 42px); position: absolute; top: -42px; width: 84px; } .portfolio-item.stemcell .blue-block-stars .description .wrapper-bar { border: 1px dashed #85b000; border-radius: 10px; height: 220px; margin: 70px auto 50px; position: relative; width: 100%; } .portfolio-item.stemcell .blue-block-stars .wrapper-bar .bartitle { color: #85b000; display: block; font-family: "Days"; font-size: 30px; margin: 50px auto 0; text-align: center; } .portfolio-item.stemcell .blue-block-stars .wrapper-bar .bar { background: rgba(0, 0, 0, 0) url("/resources/portfolio/stemcellbank/strip.png") repeat-x scroll 0 0; border: 3px solid #85b000; border-radius: 5px; display: block; height: 32px; margin: 50px auto 0; position: relative; text-align: center; width: 820px; } .portfolio-item.stemcell .bar .inner.show { width: 100%; } .portfolio-item.stemcell .bar .inner { background: #85b000 none repeat scroll 0 0; bottom: 0; height: 32px; left: 0; position: absolute; top: 0; transition: all 2s ease 0s; width: 1%; } .inner { color: #000000; font-size: 15px; line-height: 21px; } .portfolio-item.stemcell .bar .inner .incloud:before { border-bottom: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid #ffffff; content: ""; display: block; left: 32px; position: absolute; top: 40px; } .portfolio-item.stemcell .bar .inner .incloud:after { border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid #ffffff; content: ""; display: block; left: 37px; position: absolute; top: 40px; } .portfolio-item.stemcell .bar .inner .incloud { background: #ffffff none repeat scroll 0 0; border-radius: 4px; color: #85b000; font-size: 20px; font-weight: bold; height: 32px; padding-top: 8px; position: absolute; right: -40px; text-align: center; top: -25px; width: 75px; } #yastat:after, #yastat2:after { background: rgba(0, 0, 0, 0) url("/resources/portfolio/stemcellbank/beforeafter.png") repeat scroll 0 0; bottom: -55px; content: ""; display: block; height: 40px; left: -20px; position: absolute; width: 979px; } #yastat2 { margin-bottom: 70px; } #yastat { margin-bottom: 70px; } .yastat .before:before { background: rgba(0, 0, 0, 0) url("/resources/portfolio/stemcellbank/before.png") no-repeat scroll left center; content: ""; display: inline-block; height: 14px; margin: 0 15px 0 0; width: 11px; } .yastat .before, .yastat .after { display: block; float: left; font-size: 13px; width: 50%; } .yastat .after:after { background: rgba(0, 0, 0, 0) url("/resources/portfolio/stemcellbank/before.png") no-repeat scroll left center; content: ""; display: inline-block; height: 14px; margin: 0 0 0 15px; transform: rotate(-180deg); width: 11px; } .yastat .after { text-align: right; } .yastat .before, .yastat .after { display: block; float: left; font-size: 13px; width: 50%; } .twentytwenty-container img { max-width: 1000px; max-height: 1000px;} #content.portfolio-item.akant .deepsky { background: rgba(0, 0, 0, 0) url("/img/space.jpg") repeat fixed 0 0; padding: 60px 0 55px; position: relative; } #content.portfolio-item.akant .deepsky .span12:before { content: url("/img/context-bottom-before-star.png"); left: 428px; position: absolute; top: -43px; } #content.portfolio-item.akant .deepsky .span12 { border: 1px dashed #8cb900; border-radius: 5px; padding: 40px 0 20px; position: relative; } .contextsetup .result .span4 { background: rgba(0, 0, 0, 0) url("/resources/images/ring.png") no-repeat scroll center center; height: 208px; margin: 0 0 0 5px; } .portfolio-item .white { background-color: #fff;} ul.blue-marker { margin-bottom: 20px;} ul.blue-marker > li:before { background: #008fd5 none repeat scroll 0 0; border-radius: 4px; content: ""; height: 7px; left: -19px; position: absolute; top: 6px; width: 7px; } ul.blue-marker > li { left: 30px; line-height: 120%; list-style: outside none none; margin-bottom: 6px; position: relative; width: calc(100% - 30px); } .portfolio_page.kompaniya-biznes-inkubator .portfolio_page__proto_wrap{ background-color: #fff; }