.inner {font-size:18px;width: 100%;}

.inner .content {margin-top:530px;background:#fff;position:relative;z-index: 1; width: 100%;}
.inner .wrapper {max-width:100%;overflow:hidden;}

.wrap {width:919px; margin:0px auto;}

.header {z-index:10;}
.header .navi.lang .navi-item.active a {color:#000;}

.top {position:fixed;left:0;top:0;width:100%;height:600px;text-align:center;color:#fff;min-width:999px;z-index: 0;}
.top .logo {padding:177px 0px 30px 0px;}
.top .text {width:520px;margin:0px auto 25px auto;}
.top .nav {font-family:'casper_bold_italic', arial, sans-serif;}
.top .nav div {position:absolute;top:300px;}
.top .nav .nav-l {left:0;}
.top .nav .nav-r {right:0;}
.top .nav .nav-l .icon {margin-right:5px;}
.top .nav .nav-r .icon {margin-left:5px;}
.top .nav a {color:#fff;text-decoration:none;}
.top .nav .icon {margin-top:-2px;}

h2 {font-family:'casper_bold', arial, sans-serif;line-height:50px;font-size:50px;margin-bottom:5px;}
h3 {font-family:'casper_bold', arial, sans-serif;line-height:38px;font-size:30px;margin-bottom:5px;}
p {line-height:28px;}

blockquote {border-left:4px solid #000;padding-left:20px;overflow:hidden;}
blockquote .inn {margin:-4px 0px -5px 0px;}

ul.ul {}
ul.ul li {margin-bottom:10px;padding-left:10px;background:url(/i/li.png) 0 6px no-repeat;}

.block {position:relative;z-index: 10}
.block .wrap {padding:60px 0px 60px 0px;}

.concept {z-index: 1}
.concept .text {text-align:center;margin-bottom:50px;}
.concept .image {padding:20px 0px;}

.gallery {z-index: 2; height: 2400px;}
.gallery .photo {height: 800px; width: 100%; position: absolute; overflow: hidden; text-align: center;}
.gallery .photo img {min-height: 100%; width: auto; min-width: 100%; display: inline-block;position: relative;}
.gallery .photo-1 {z-index: 10; top: 0;}
.gallery .photo-2 {z-index: 20; top: 800px;}
.gallery .photo-3 {z-index: 30; top: 1600px;}
.gallery .photo-description {display: block;width: 529px;height: 242px;position: absolute;border: solid 20px rgba(180, 221, 216, .5);left: 50%;margin-left: -285px;top:800px;}
.gallery .photo-description-inner {width: 100%;height: 100%;background: #b4ddd8 url(../i/bristol-pattern-2.png) center center repeat;}
.gallery .photo-title {padding-top: 24px;margin-bottom: 6px}
.gallery .photo .btn {margin-top: 12px;}

.benefits {}
.benefits .wrap {padding:70px 0px 60px 0px;}
.benefits .list {margin-right:-100px;}
.benefits .list li {color:#000;width:220px;display:inline-block;vertical-align:top;margin:0px 20px 50px 0px;}
.benefits .list li span {opacity:0;top:50px;position:relative;font-size:14px;line-height:22px;display:block;border-left:3px solid #000;padding-left:10px;margin-top:10px;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.benefits .list li img {opacity:0;top:50px;position:relative;margin-left:14px;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.benefits .list li:nth-child(1) img {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.benefits .list li:nth-child(1) span {-webkit-transition-delay: 0.07s;-moz-transition-delay: 0.07s;-ms-transition-delay: 0.07s;-o-transition-delay: 0.07s;transition-delay: 0.07s;}
.benefits .list li:nth-child(2) img {-webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-ms-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;}
.benefits .list li:nth-child(2) span {-webkit-transition-delay: 0.17s;-moz-transition-delay: 0.17s;-ms-transition-delay: 0.17s;-o-transition-delay: 0.17s;transition-delay: 0.17s;}
.benefits .list li:nth-child(3) img {-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.benefits .list li:nth-child(3) span {-webkit-transition-delay: 0.27s;-moz-transition-delay: 0.27s;-ms-transition-delay: 0.27s;-o-transition-delay: 0.27s;transition-delay: 0.27s;}
.benefits .list li:nth-child(4) img {-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-ms-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.benefits .list li:nth-child(4) span {-webkit-transition-delay: 0.37s;-moz-transition-delay: 0.37s;-ms-transition-delay: 0.37s;-o-transition-delay: 0.37s;transition-delay: 0.37s;}
.benefits .list li:nth-child(5) img {-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-ms-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.benefits .list li:nth-child(5) span {-webkit-transition-delay: 0.47s;-moz-transition-delay: 0.47s;-ms-transition-delay: 0.47s;-o-transition-delay: 0.47s;transition-delay: 0.47s;}
.benefits .list li:nth-child(6) img {-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-ms-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}
.benefits .list li:nth-child(6) span {-webkit-transition-delay: 0.57s;-moz-transition-delay: 0.57s;-ms-transition-delay: 0.57s;-o-transition-delay: 0.57s;transition-delay: 0.57s;}
.benefits .list li:nth-child(7) img {-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-ms-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.benefits .list li:nth-child(7) span {-webkit-transition-delay: 0.67s;-moz-transition-delay: 0.67s;-ms-transition-delay: 0.67s;-o-transition-delay: 0.67s;transition-delay: 0.67s;}
.benefits .list li:nth-child(8) img {-webkit-transition-delay: 0.7s;-moz-transition-delay: 0.7s;-ms-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s;}
.benefits .list li:nth-child(8) span {-webkit-transition-delay: 0.77s;-moz-transition-delay: 0.77s;-ms-transition-delay: 0.77s;-o-transition-delay: 0.77s;transition-delay: 0.77s;}
.benefits .list.active li img,
.benefits .list.active li span {top:0;opacity:1;}

.benefits .text {text-align:center;color:#fff;margin-bottom:45px;}

.types {}
.types .wrap {padding:0px;height:1900px;}

.contacts {}
.contacts .contacts-map {width: 100%;height: 100%;left: 0;top: 0;}
.contacts .wrap {padding:0px;height:700px;}
.contacts .text {padding:40px 0px 0px 15px;}
.contacts blockquote {margin:0px 0px 0px -15px;padding-left:11px;margin-bottom:40px;}
.contacts .mkad {margin-bottom:26px;}
.contacts .mkad span {display:block;font-size:14px;line-height:17px;margin-bottom:3px;}
.contacts .mkad em {font-style:normal;display:block;font-size:50px;line-height:50px;word-spacing:-0.2em}
.contacts .highway {font-size:30px;line-height:30px;}
.contacts .icon-hihgway {width:35px;height:35px;background:url(/i/icons.png) 0 -267px no-repeat;margin-top:-10px;vertical-align:top;margin-bottom:18px;}
.contacts .list {}
.contacts .list p {font-size:14px;margin-bottom:5px;}
.contacts .list li {font-size:18px;line-height:18px;}
.contacts .dot {position:absolute;width:1px;height:1px;display:none;}
.contacts .dot span {display:block;left:-14px;top:-14px;width:27px;height:28px;background:url(/i/icons.png) -57px -270px no-repeat;position:absolute;}
.contacts .color {position:absolute;}

.marsel .contacts .highway {
	font-size: 25px;
}

.info {text-align:center;background: #fff}
.info .wrap {padding:100px 0px 50px 0px;}
.info .logo {margin-bottom:15px;}
.info .text {margin-bottom:54px;}
.info .text p {font-size:30px;line-height:40px;}
.info .btn {margin-bottom:50px;}
.info .up {height:30px;position:relative;}

.up-icon {position:fixed;width:30px;height:30px;display:block;bottom:30px;right:30px;z-index:5000;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.up-icon.active {opacity:1;}
.up-icon.active2 {right:50%;bottom:99px;margin-right:-15px;}

.btn {text-align:center;}


.bristol .top {background:url(/i/bristol-top.jpg) 50% 50% no-repeat;}

.bristol .concept .image {padding:75px 0px 65px 0px;}
.bristol .concept .image .list {text-align:center;height: 254px;}
.bristol .concept .image .list li {width:221px;display:inline-block;text-align:center;}
.bristol .concept .image .list li img {height:223px;vertical-align:bottom;margin-bottom:13px;position:relative;top:50px;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.bristol .concept .image .list li:nth-child(1) img {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.bristol .concept .image .list li:nth-child(2) img {-webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-ms-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;}
.bristol .concept .image .list li:nth-child(3) img {-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.bristol .concept .image .list li:nth-child(4) img {-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-ms-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.bristol .concept .image .list li span {display:block;position:relative;}
.bristol .concept .image .list.active li img {top:0;opacity:1;}

.bristol .types {background:#fff url(/i/bristol-types.png) 50% 100% no-repeat;}
.bristol .types .house {position:absolute;z-index:5;}
.bristol .types .house .img {width:100%;height:100%;left:0px;top:0px;position:absolute;background:url(/i/houses.png) 0 0 no-repeat;}
.bristol .types .house .img span {display:block;width:100%;height:100%;background:url(/i/houses.png) 0 0 no-repeat;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.bristol .types .house h3 {position:absolute;width:100%;text-align:center;bottom:-50px;left:0;margin-bottom:0;}
.bristol .types .house .dot {opacity:0;position:absolute;width:33px;height:33px;left:50%;margin-left:-16px;bottom:-95px;background:url(/i/icons.png) -93px -103px no-repeat;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.bristol .types .house .text {width:430px;position:absolute;left:90%;opacity:0;top:-50px;border:6px solid #AB3A8E;background:#000 url(../i/bristol-house-bg.png) -10px 0 repeat;padding:27px 35px 27px 35px;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.bristol .types .house .text.toright {left:auto;right:90%;background-position:-14px 0;}
.bristol .types .house .text:before {content:'';display:block;position:absolute;left:-38px;top:96px;width:38px;height:62px;background:url(/i/icons.png) 0 -193px no-repeat;}
.bristol .types .house .text.toright:before {right:-38px;left:auto;background:url(/i/icons.png) -54px -193px no-repeat;}
.bristol .types .house-1 {width:216px;height:164px;left:64px;top:163px;}
.bristol .types .house-1 .img {background-position:0 0;}
.bristol .types .house-1 .img span {background-position:0 -186px;}
.bristol .types .house-1 .text {display:block;margin-top: -20px;}
.bristol .types .house-2 {width:228px;height:163px;left:627px;top:582px;}
.bristol .types .house-2 h3 {width:202px;}
.bristol .types .house-2 .dot {margin-left:-33px;bottom:-97px;}
.bristol .types .house-2 .img {background-position:-216px 0;}
.bristol .types .house-2 .img span {background-position:-216px -186px;}
.bristol .types .house-3 {width:289px;height:149px;left:39px;top:1039px;}
.bristol .types .house-3 .img {background-position:-444px 0;}
.bristol .types .house-3 .img span {background-position:-444px -186px;}
.bristol .types .house-4 {width:253px;height:186px;left:600px;top:1442px;}
.bristol .types .house-4 .img {background-position:-733px 0;}
.bristol .types .house-4 .img span {background-position:-733px -186px;}
.bristol .types .house-4 .text {top:-35px}
.bristol .types .house.active .img span,
.bristol .types .house.active .dot {opacity:1;}
.bristol .types .house.active .text {left:120%;opacity:1;}
.bristol .types .house.active .text.toright {left:auto;right:120%;}

.bristol .types .dot {position:absolute;left:0;top:0width:1px;height:1px;}
.bristol .types .dot span {display:block;position:absolute;left:-16px;top:-16px;width:33px;height:33px;background:url(/i/icons.png) -93px -103px no-repeat;}

.bristol .benefits {background:#29cad3 url(/i/bristol-pattern.png) 50% 0 repeat;}

.bristol .contacts {background: url(/i/bristol-pattern-2.png) 50% 0 repeat;}
.bristol .contacts .contacts-map {background:url(/i/bristol-contacts.png) 50% 0% no-repeat;}
.bristol .contacts .contacts-map-en {background:url(/i/bristol-contacts-en.png) 50% 0% no-repeat;}
.bristol .contacts .color {left:162px;top:538px;width:67px;height:85px;background:url(/i/icons.png) -112px -191px no-repeat;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.bristol .contacts .color.active {opacity:1;}

.cambridge .top {background:url(/i/cambridge-top.jpg) 50% 50% no-repeat;}
.cambridge .top .logo {padding: 87px 0px 20px 0px;}

.cambridge .concept .image {padding:85px 0px 70px 0px;}
.cambridge .concept .image .list {text-align:center;height: 281px;}
.cambridge .concept .image .list li {width:268px;display:inline-block;text-align:center;margin-right: 48px;}
.cambridge .concept .image .list li img {height:268px;vertical-align:bottom;margin-bottom:13px;position:relative;top:50px;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.cambridge .concept .image .list li:nth-child(1) img {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.cambridge .concept .image .list li:nth-child(2) img {-webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-ms-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;}
.cambridge .concept .image .list li:nth-child(3) img {-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.cambridge .concept .image .list li.last {margin-right: 0;}
.cambridge .concept .image .list li span {display:block;position:relative;}
.cambridge .concept .image .list.active li img {top:0;opacity:1;}

.cambridge .gallery .photo-description-inner {background: #b4ddd8 url(../i/cambridge-pattern-2.png) center center repeat;}

.cambridge .benefits {background:#b4ddd8 url(/i/cambridge-pattern.png) 50% 100%;}
.cambridge .benefits .wrap {padding-top: 120px;}
.cambridge .benefits ul li {margin-bottom: 110px;}
.cambridge .benefits h3 {color: #000; font-family: 'casper', arial, sans-serif; margin-top: -10px}

.cambridge .contacts {background: url(/i/cambridge-pattern-2.png) 50% 0 repeat;}
.cambridge .contacts .contacts-map {background:url(/i/cambridge-contacts3.png) 50% 0% no-repeat;}
.cambridge .contacts .contacts-map-en {background:url(/i/cambridge-contacts3_en.png) 50% 0% no-repeat;}
.cambridge .contacts .text {padding-top:70px;}

.cambridge .types {background: #fff}
.cambridge .types .wrap {height: 1000px;}
.cambridge .types .house {position:absolute;z-index:5;}
.cambridge .types .house .img {width:100%;height:100%;left:0px;top:0px;position:absolute;background:url(/i/cambridge-houses.png) 0 0 no-repeat;}
.cambridge .types .house .img span {display:block;width:100%;height:100%;background:url(/i/cambridge-houses.png) 0 0 no-repeat;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.cambridge .types .house h3 {position:absolute;width:100%;text-align:center;bottom:-50px;left:0;margin-bottom:0;}
.cambridge .types .house .text {width:430px;position:absolute;left:50%;opacity:0;top:-50px;border:6px solid #29cad3;background:#fff url(../i/cambridge-house-bg.png) 0 -2px repeat;padding:27px 35px 27px 35px;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.cambridge .types .house .text.toright {left:auto;right:90%;background-position:3px -2px;}
.cambridge .types .house .text:before {content:'';display:block;position:absolute;left:-37px;top:96px;width:38px;height:62px;background:url(/i/icons.png) -190px -193px no-repeat;}
.cambridge .types .house .text.toright:before {right:-38px;left:auto;background:url(/i/icons.png) -244px -193px no-repeat;}

.cambridge .types .house-1 {width: 456px; height: 380px;left:35px;top:60px;}
.cambridge .types .house-1 .img {background-position:0 0;width: 456px; height: 274px;margin-top: 105px;}
.cambridge .types .house-1 .img span {background-position:0 -274px;}
.cambridge .types .house-1 .text {display:block;margin-top: 105px}
.cambridge .types .house-1 h3 {text-align: left;top: 0; left: 22px;}

.cambridge .types #newtonBlock {position: absolute; width: 400px; height: 400px; top: 500px;}

.cambridge .types .house-2 {width:401px;height:183px;left:500px;top:82px;}
.cambridge .types .house-2 h3 {width:202px; left:50%; margin-left: -90px; top: 190px;}
.cambridge .types .house-2 .dot {margin-left:-33px;bottom:-97px;}
.cambridge .types .house-2 .img {background-position:-456px 0;}
.cambridge .types .house-2 .img span {background-position:-456px -274px;}

.cambridge .types .house-3 {width:265px;height:445px;left:-20px;top:-25px;}
.cambridge .types .house-3 .img {background-position:0 -548px;top: 30px;z-index: 10;position: relative;z-index: 101;}
.cambridge .types .house-3 .img span {background-position:-265px -548px;}
.cambridge .types .house-3 h3 {font-size: 18px; line-height: 18px; font-family: 'casper_bold_italic', arial, sans-serif;text-align: left;top: 270px;left: 15px;z-index: 110;}
.cambridge .types .house-3 h3 span {font-size: 14px; font-family: 'casper_italic', arial, sans-serif;}
.cambridge .types .house-3 .apple {display: block;position: absolute;width:26px;height:32px;background:url(/i/cambridge-apple.png) 0 0 no-repeat;/*left:155px;top:315px;*/left: 175px;top: 30px;margin-top: -190px;z-index: 100;opacity: 1;-webkit-transition: margin 250ms linear;-moz-transition: margin 250ms linear;-ms-transition: margin 250ms linear;-o-transition: margin 250ms linear;transition: margin 250ms linear;}

/*.cambridge .types .house-3 .apple.active {opacity: 0;}*/

.cambridge .types .house.active .img span {opacity:1;}
.cambridge .types .house.active .text {left:82%;opacity:1;}
.cambridge .types .house.active .text.toright {left:auto;right:85%;}
.cambridge .types .house.active2 {opacity: 0;}

/* ----------- TEMPORARY NEWTON's DISAPPEARANCE ----------- */
/*.cambridge #newtonBlock.active .house-3 {
    -webkit-transition-delay: 2s;-moz-transition-delay: 2s;-ms-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;
    opacity: 0;
}
*/

.cambridge #newtonBlock.active .house-3 .img span {
    -webkit-transition-delay: 0.8s;-moz-transition-delay: 0.8s;-ms-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;
    opacity: 1;
}

.cambridge #newtonBlock.active .house-3 .apple {
    -webkit-transition: margin 0.7s linear;
    -moz-transition: margin 0.7s linear;
    -ms-transition: margin 0.7s linear;
    -o-transition: margin 0.7s linear;
    transition: margin 0.7s linear;
    margin-top: 0;
}

.cambridge #newtonBlock.active .house-2 .img span {
    -webkit-transition-delay: 2s;-moz-transition-delay: 2s;-ms-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;
    opacity: 1;
}

.cambridge #newtonBlock.active .house-2 .text {
    -webkit-transition-delay: 2s;-moz-transition-delay: 2s;-ms-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;
    left:auto;right:85%;
    opacity: 1;
}

.cambridge .contacts .color {left:399px;top:214px;width:296px;height:280px;background:url(/i/cambridge-area.png) 0px 0px no-repeat;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.cambridge .contacts .color.active {opacity:1;}

.marsel .top {background:url(/i/marsel-top.jpg) 50% 50% no-repeat;}
.marsel .top .logo {padding: 94px 0px 20px 0px;}

.marsel .concept .image {padding-top: 50px}
.marsel .concept .image .list {height:368px}
.marsel .concept li img {display: block;position: relative;left: 50%;margin-left: -290px;opacity: 0; top: 50px;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.marsel .concept .list.active img {opacity: 1; top: 0;}

.marsel .gallery .photo-description-inner {background: #b4ddd8 url(../i/marsel-pattern-2.png) center center repeat;}

.marsel .benefits {background:#b4ddd8 url(/i/marsel-pattern.png) 50% 100%;}
.marsel .benefits .wrap {padding-top: 120px;}
.marsel .benefits ul li {margin-bottom: 110px;}
.marsel .benefits ul li.second-row {margin-bottom: 80px}
.marsel .benefits ul li span {margin-top: 0;color: #fff; border-color: #fff}
.marsel .benefits ul li img {margin-left: 0;}
.marsel .benefits h3 {color: #fff; font-family: 'casper', arial, sans-serif; margin-top: -10px}
.marsel .benefits .text {margin-bottom: 68px}

.marsel .contacts {background: url(/i/marsel-pattern-2.png) 50% 0 repeat;}
.marsel .contacts .contacts-map {background:url(/i/marsel-contacts.png) 50% 0% no-repeat;}
.marsel .contacts .contacts-map-en {background:url(/i/marsel-contacts-en.png) 50% 0% no-repeat;}
.marsel .contacts .text {padding-top:70px;}

.marsel .types {background: #fff url(/i/marsel-space.png) 50% 134px no-repeat}

.marsel .types .wrap {height: 1902px;}
.marsel .types .house {position:absolute;z-index:5;text-align: center;}
.marsel .types .house .img {width:100%;height:100%;left:0px;top:0px;position:absolute;background:url(/i/marsel-houses.png) 0 0 no-repeat;}
.marsel .types .house .img span {display:block;width:100%;height:100%;background:url(/i/marsel-houses.png) 0 0 no-repeat;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.marsel .types .house h3 {position:relative;text-align:center;background: rgba(255,255,255,0.8);display:inline;padding: 6px 15px;}

.marsel .types .house .text {text-align: left;width:430px;position:absolute;left:50%;opacity:0;top:-50px;border:6px solid #29cad3;background:#fff url(../i/marsel-house-bg.png) 0 -2px repeat;padding:27px 35px 27px 35px;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.marsel .types .house .text.toright {left:auto;right:90%;background-position:1px -2px;}
.marsel .types .house .text:before {content:'';display:block;position:absolute;left:-37px;top:96px;width:38px;height:62px;background:url(/i/icons.png) -190px -280px no-repeat;}
.marsel .types .house .text.toright:before {right:-38px;left:auto;background:url(/i/icons.png) -244px -280px no-repeat;}

.marsel .types .house-1 {width: 340px; height: 468px;left:0px;top:167px;}
.marsel .types .house-1 .img {background-position:0 0;width: 340px; height: 468px;}
.marsel .types .house-1 .img span {background-position:-480px 0px;}
.marsel .types .house-1 .text {display:block;margin-top: 0;}
.marsel .types .house-1 h3 {top: 180px;margin-left: 30px;}

.marsel .types .house-2 {width:474px;height:541px;left:440px;top:702px;}
.marsel .types .house-2 .img {background-position:0 -467px;}
.marsel .types .house-2 .img span {background-position:-480px -467px;}
.marsel .types .house-2 h3 {top: 167px;margin-left: 30px;}
.marsel .types .house-2 .text {display:block;}

.marsel .types .house-3 {width:441px;height:530px;left:15px;top:1310px;}
.marsel .types .house-3 .img {background-position:0 -1008px;}
.marsel .types .house-3 .img span {background-position:-475px -1008px;}
.marsel .types .house-3 h3 {top: 192px;}
.marsel .types .house-3 .text {display:block;margin-top: 105px}

.marsel .types .house.active .img span,
.marsel .types .house.active .dot {opacity:1;}
.marsel .types .house.active .text {left:96%;opacity:1;}
.marsel .types .house.active .text.toright {left:auto;right:92%;}

.marsel .contacts .color {left:599px;top:312px;width:268px;height:333px;background:url(/i/icons.png) 0px -360px no-repeat;opacity:0;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.marsel .contacts .color.active {opacity:1;}

.trans-top {
	-webkit-transition: top 150ms linear;
	-moz-transition: top 150ms linear;
	-ms-transition: top 150ms linear;
	-o-transition: top 150ms linear;
	transition: top 150ms linear;
}
.trans-opacity {
    -webkit-transition: opacity 250ms linear;
    -moz-transition: opacity 250ms linear;
    -ms-transition: opacity 250ms linear;
    -o-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}