/* Propeller 16.01.10 */

.portfolio .container{padding-right:0}
.portfolio .items li{padding-bottom:6.5em}
.portfolio .items li img{margin-left:-2em}
.portfolio .items li .description{padding-top:.4em}

/* old design
.portfolio li{overflow:hidden;padding-bottom:1px}
.portfolio li .image{display:block;width:65%;height:200px;float:left}
.portfolio li .image .wrap{display:block;width:100%;height:200px;overflow:hidden}*/
.portfolio li .type{height:60px;margin-bottom:-60px;background:url(http://www.artic.ua/images/design/portfolio/type-bg.png) no-repeat 100% 0;float:right;position:relative;z-index:5;width:60px}
.portfolio li .type .icon{background-repeat:no-repeat;background-position:2px -4px;margin-right:-10px;display:block;width:70px;height:60px;cursor:pointer}
.portfolio li.corporate-site .type .icon{background-image:url(http://www.artic.ua/images/design/services/corporate-sites-s.png)}
.portfolio li.promo-site .type .icon{background-image:url(http://www.artic.ua/images/design/services/promo-sites-s.png)}
.portfolio li.interface-intranet .type .icon{background-image:url(http://www.artic.ua/images/design/services/interface-intranet-s.png)}
.portfolio li.mobile-site .type .icon{background-image:url(http://www.artic.ua/images/design/services/mobile-sites-s.png);background-position:7px -4px}
.portfolio li.applications-for-iphone .type .icon{background-image:url(http://www.artic.ua/images/design/services/applications-for-iphone-s.png);background-position:8px -4px}
.portfolio li.web-programming .type .icon{background-image:url(http://www.artic.ua/images/design/services/web-programming-s.png);background-position:10px -4px}
.portfolio li.advert-visuals .type .icon{background-image:url(http://www.artic.ua/images/design/services/advert-visuals-s.png);background-position:4px -4px}
.portfolio li.best-site .type .icon{background-image:url(http://www.artic.ua/images/design/services/best-site-s.png);background-position:10px -4px}
/*.portfolio li .description{margin-left:67%}*/
/* end for old design */

.portfolio-detail h1{padding-bottom:0;line-height:1em}
.portfolio-detail h1 .external{white-space:nowrap;padding-right:20px}
.portfolio-detail h1 .external i{padding-right:25px;margin:0 -25px 0 5px;background:url(http://www.artic.ua/images/design/sprite.png) no-repeat -120px 12px;cursor:pointer}
.portfolio-detail h1 .external:link,.portfolio-detail h1 .external:visited{color:#007dc6}
.portfolio-detail h1 .external:hover{color:#1993fa}
.portfolio-detail h1 .external:hover i{background-position:-145px 12px}

.portfolio-detail .column-left{width:75%;float:left}
.portfolio-detail .column-left .container{padding-left:0;padding-right:0;margin:0;padding-bottom:0}
.portfolio-detail .items li{padding-bottom:7em}
.portfolio-detail .items .title{padding:0 2em 1em 35%}
.portfolio-detail .items p{padding:0 2em 1em 35%}
.portfolio-detail .items p.narrow-par{width:55%}
.portfolio-detail .items .image{text-align:right;max-width:75em;padding-right:1em}
.portfolio-detail .items .image .gradients,.portfolio-detail .items .image .gradients div,.portfolio-detail .items .image .bg-image{padding:0}
.portfolio-detail .items .image .bg-image{background-repeat:no-repeat;background-position:50% 0;width:100%}
.portfolio-detail .items .image .gradients{overflow:hidden;width:100%;position:relative;z-index:10}
.portfolio-detail .items .image .gradients div{width:175px;background-position:0 0;background-repeat:repeat-y}
.portfolio-detail .items .image .gradients .left{float:left;background-image:url(http://www.artic.ua/images/design/portfolio/white-bg-l.png)}
.portfolio-detail .items .image .gradients .right{float:right;background-image:url(http://www.artic.ua/images/design/portfolio/white-bg-r.png)}
.portfolio-detail .items .image-narrow{text-align:center;}


.portfolio-detail .column-right{margin-left:75%}
.portfolio-detail .client{padding:5em 2em 0 0}
.portfolio-detail .client p{font-size:1em;line-height:1.4em;padding-bottom:1em}
.portfolio-detail .client p.recommendations{overflow:hidden}
.portfolio-detail .client p.recommendations a{}
.portfolio-detail .client p.recommendations a img{float:left;margin-right:5px}

.portfolio-detail .task{margin:20px 10px 0 -10px;padding:10px;font-style:italic;line-height:1.5em;overflow:hidden;width:99%}
.portfolio-detail .task div{padding:.5em;background:#fbf9e7;float:left}

.portfolio-detail h4{padding-left:26.5%;margin:2em 0 1em 0}
.portfolio-detail table{width:100%}
.portfolio-detail table td{width:30%;padding:40px 20px;text-align:center}
.portfolio-detail table td.l{text-align:left}
.portfolio-detail table td.c{text-align:center}
.portfolio-detail table td.r{text-align:right}