/* Portfolio Detail*/
.portf-detail{
	font-size: 14px;
	line-height: 24px;
}
.portf-detail p{
	margin-bottom: 24px;
}
.site-type{
	position: absolute;
}
.portf-top{
	padding: 46px 0 55px;
}

.portf-top .site-type{
	top: 0;
	left: 75px;
}
.portf-top h1{
	font-size: 24px;
	text-transform: uppercase;
	line-height: 24px;
	padding-bottom: 12px;
	padding-left: 14px;
	margin: 0 0 12px 291px;
	font-weight: normal;
}


.portf-top h2{
	padding: 0 10px;
	margin: 0 0 0 291px;
}
.portf-top h2 span{
	font-size: 24px;
	text-transform: uppercase;
	line-height: 36px;
	padding: 0 8px;
}

.portf-top .preview-text{
	position: absolute;
	font-size: 14px;
	line-height: 24px;
	z-index: 10;
}


.logotype h2{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 40px;
	font-weight: normal;
}

.logo-item{
	float: left;
	margin: 0 20px 18px 0;
}
.logo-item-img{
	background: #aabac4;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 10px;
}
.logo-item-img img{
	display: block;
}
.logo-item-name{
	padding-left: 8px;
}
.logotype-list{
	z-index: 20;
}

.logo-item-img .step-sw{
	top: 18px;
	right: 29px;
}
.logotype-detail .close{
	display: inline-block;
	width: 40px;
	height: 25px;
	background: url('/bitrix/tpl/img/portfolio/giftcards/ico-up.png');
	position: absolute;
	right: 0;
	bottom: 30px;
	cursor: pointer;
}


.concept{
	padding: 24px 0 14px;
}


.concept h2{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 40px;
	font-weight: normal;
}

.concept-img img{
	display: block;
	margin: 0 auto;
}

#concept-sw-1{left: 138px;}
#concept-sw-2{left: 312px;}
#concept-sw-3{left: 475px;}
#concept-sw-4{left: 622px;}
#concept-sw-5{left: 757px;}

.step-name-1{ left: 126px;}
.step-name-2{ left: 334px;}
.step-name-3{ left: 488px;}
.step-name-4{ left: 630px;}
.step-name-5{ left: 770px;}

.concept-detail{
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
}

.concept-d{
	display: none;
	position: relative;
	text-align: center;
}

.concept-detail .close{
	position: absolute;
	top: 27px;
	right: 90px;
	display: inline-block;
	width: 37px;
	height: 37px;
	background: url('/bitrix/tpl/img/portfolio/ico-close-ellipse.png');
	cursor: pointer;
}
.concept-detail .detail{
	position: absolute;
	top: 323px;
	left: 22px;
}
.concept-detail .detail .ico-ar{
	position: absolute;
	top: -37px;
	right: 25px;
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url('/bitrix/tpl/img/portfolio/ico-tap-ar-black.png');
}
.concept-detail .detail .text{
	width: 190px;
	padding: 18px 18px 20px;
	background: #fff;
	border: 1px dashed #acacac;
	text-align: left;
	line-height: 18px;
	font-size: 14px;
	color: #282828;
}
.concept-detail .detail .head{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 9px;
}


.concept-h{
	margin-bottom: 25px;
	text-align: center;
}
.concept-sw{
	font-size: 18px;
	color: #585858;
	padding-left: 36px;
	margin-left: -36px;
	cursor: pointer;
}
.concept-sw span{
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px dashed #585858;
}
.concept-sw.act{
	color: #688e3f;
	background: url('/bitrix/tpl/img/portfolio/ico-check.png') no-repeat 0 center;
}
.concept-sw.act span{
	border-bottom: 1px dashed #688e3f;
}
.concept-b{
	min-height: 480px;
}
.concept-b .step-sw{
	position: absolute;
	left: 50%;
	top: 180px;
	margin-left: -45px;
}
.cb-b{
	padding: 0 70px;
}
.cb-img{
	position: relative;
}
.cb-loupe{
	position: absolute;
	display: none;
}
.cb-loupe-1{top: 123px; left: 0;}
.cb-loupe-2{top: 34px; right: -25px;}
.cb-loupe-3{top: 73px; left: -60px;}
.cb-loupe-4{top: -16px; right: -22px;}

.step-sw{
	position: absolute;
	cursor: pointer;
}
.step-sw.left{
	left: 163px;
}
.step-sw.right{
	left: 735px;
}
#step-sw-1{ top: 20px;}
#step-sw-2{ top: 245px;}
#step-sw-3{ top: 408px;}
#step-sw-4{ top: 410px;}
#step-sw-5{ top: 585px;}
#step-sw-6{ top: 722px;}
#step-sw-7{ top: 847px;}
#step-sw-8{ top: 1023px;}
.ico-tap{
	display: inline-block;
	width: 80px;
	height: 80px;
	background-image: url('/bitrix/tpl/img/portfolio/ico-tap.png');
	background-position: 0 0;
}
.ico-tap-w{
	background-image: url('/bitrix/tpl/img/portfolio/ico-tap-w.png');
}
.act .ico-tap, .step-sw:hover .ico-tap{
	background-position: 0 -80px;
}
.step-name{
	display: block;
	margin: 8px 0 0 2px;
}
.step-ar{
	position: absolute;
	top: 70px;
	left: -19px;
	display: inline-block;
	width: 20px;
	height: 25px;
	background: url('/bitrix/tpl/img/portfolio/ico-tap-ar.png');
}
.step-ar.dark{
	background: url('/bitrix/tpl/img/portfolio/ico-tap-ar-dark.png');
}
.step-ar.gray{
	background: url('/bitrix/tpl/img/portfolio/ico-tap-ar-gray.png');
}
/* stage */
.stage-close{
	position: absolute;
	top: 38px;
	right: 44px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url('/bitrix/tpl/img/portfolio/ico-close.png');
	cursor: pointer;
}
.detail-stage{
	display: none;
	
	position: absolute;
	top: 0;
	left: -23px;
	width: 1006px;
	height: 899px;
	padding: 70px 0 0;
	background: url('/bitrix/tpl/img/portfolio/ledenland/stage-bkg.jpg') no-repeat;
	z-index: 50;
	border: 1px solid #4c4b4b;
}
.stage-item{
	display: none;
}
.stage-item h3{
	font-size: 48px;
	line-height: 50px;
	color: #d7d6d6;
	text-transform: uppercase;
	font-weight: 600;
	width: 676px;
	margin: 0 auto 85px;
}
.ds-text{
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	width: 676px;
	margin: 0 auto;
}
.ds-img{
	text-align: center;
}

#detail-stage-4.stage-item h3{
	font-size: 30px;
	margin-bottom: 50px;
}

.prototype{
	padding: 24px 0 24px;
}
.prototype h2{
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 40px;
}

.drag{
	padding-left: 124px;
}
.drag-box{
	position: relative;
	width: 770px;
}
.drag-box .left, .drag-box .right{
	position: absolute;
	top: 0;
	left: 0;
	width: 770px;
	overflow: hidden;
}
.drag-box .right{
	z-index: 10;
}
.drag-box .left{
	z-index: 20;
}
.drag-bar{
	position: absolute;
	top: 0;
	left: 764px;
	width: 6px;
	height: 100%;
	background: #f9bf41;
	z-index: 30;
}
.drag-bar i{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -22px;
	display: inline-block;
	width: 44px;
	height: 44px;
	background: url('/bitrix/tpl/img/portfolio/ico-drag.png');
	cursor: pointer;
}


.port-proto{
	background: url('/bitrix/tpl/img/portfolio/ledenland/bkg-ledenland-bottom.png') repeat-x;
}
.port-proto-in{
	height: 944px;
	padding-top: 95px;
	background: url('/bitrix/tpl/img/portfolio/ledenland/bkg-elips.png') no-repeat center center;
}
.port-proto h2{
	font-size: 24px;
	line-height: 2px;
	color: #e1dfdf;
	margin: 35px 0 145px;
	font-weight: 400;
}

.port-adapt{
	background: url('/bitrix/tpl/img/portfolio/line.png') repeat-x left bottom #f7f7f5;
	padding: 30px 0 50px;
}
.port-adapt h2{
	font-size: 24px;
	color: #615f5f;
	font-weight: normal;
	margin-bottom: 24px;
}
.p-adapt-item{
	float: left;
	position: relative;
	overflow: hidden;
}
.pai-open{
	display: block;
	position: relative;
	z-index: 10;
}
.pai-hover, .pai-disable{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
.pai-disable{
	top: -12px;
	left: -12px;
}
.pai-tap{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	z-index: 30;
	cursor: pointer;
}
.ico-close-small{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('/bitrix/tpl/img/portfolio/ico-close-small.png');
	cursor: pointer;
}
.p-adapt-item .ico-close-small{
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 15;
}

.port-detail{
	padding: 25px 0 5px;
}
.port-detail h2{
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 24px;
}


.led-numbers{
	padding: 95px 0 90px;
}
.led-n-time, .led-n-cost{
	padding-left: 70px;
}
.ico-time-big{
	display: inline-block;
	width: 72px;
	height: 82px;
	vertical-align: middle;
	background: url('/bitrix/tpl/img/portfolio/ico-time-big.png');
}
.ico-cost-big{
	display: inline-block;
	width: 77px;
	height: 85px;
	vertical-align: middle;
	background: url('/bitrix/tpl/img/portfolio/ico-cost-big.png');
}
.led-n-time span, .led-n-cost span{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #343b4a;
	line-height: 36px;
	margin-left: 38px;
}
.led-n-time span b, .led-n-cost span b{
	color: #de9801;
}

.rub{
	display: inline-block;
	width: 15px;
	height: 17px;
	vertical-align: middle;
	background: url('/bitrix/tpl/img/portfolio/rub.png');
}


.steps{
	position: absolute;
	top: -40px;
	left: 50%;
}
.steps .step-item, .steps .step-trans{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-right: 12px;
	cursor: pointer;
}
.steps .step-item .step-name{
	position: absolute;
	top: 90px;
	left: 2px;
	height: 26px;
}
.steps .step-item:first-child .step-name{
	left: -30px;
}
.steps .step-item .circle{
	font-size: 36px;
	color: #e1dfdf;
	display: inline-block;
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
}
.steps .step-item.act .circle{
	background: #e09d01;
}
.step-trans{
	display: inline-block;
	width: 74px;
	height: 42px;
	background: url('/bitrix/tpl/img/portfolio/ico-arrow.png') no-repeat;
}
.step-trans.scale{
	width: 101px;
	height: 33px;
	background: url('/bitrix/tpl/img/portfolio/ico-scale.png') no-repeat;
	margin: 0 4px 0 -8px;
}
.step-trans.scale.dark{
	background: url('/bitrix/tpl/img/portfolio/ico-scale-dark.png') no-repeat;
}

.led-step-stage{
	width: 738px;
	height: 400px;
	padding: 32px 8px 314px 140px;
	margin: 0 auto;
	background: url('/bitrix/tpl/img/portfolio/ledenland/mak.png') no-repeat 0 0;
}
.lss-in{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.etap img{
	display: block;
	margin: 70px auto;
}