/* Start:/bitrix/templates/main/css/projects/megalabs.css?140853300315917*/

html, body {
	height:100%;
}
nav {
	z-index: 16;
}
body.megalabs {
	color: #ffffff;
}
body.megalabs header {
	z-index: 100;
}
body.megalabs .solution-background {
	background: #4900a3 url(/projects/megalabs/img/problem-back.png) no-repeat center -55px;
	color: #fff;
	margin-top: -50px;
	padding: 65px 0 0px 0;
}
body.megalabs .internal-background {
	margin-top: 0px;
	background: #00988b url(/projects/megalabs/img/back-2.png) no-repeat center 0;

}
body.megalabs .slide-background {
	background: #006c9f url(/projects/megalabs/img/back-3.png) no-repeat center 0;
	overflow: hidden;
}
body.megalabs .results-background {
	background: #01b151 url(/projects/megalabs/img/back-4.png) no-repeat center 0;
}
body.megalabs .total-results-background {
	background: url(/projects/megalabs/img/result-back-2.png) no-repeat center bottom, url(/projects/megalabs/img/result-back-1.png) no-repeat center 0;
	padding-top: 70px;
	height: 423px;
	overflow: hidden;
}
body.megalabs section.intro h1 {
	color: #20445f;
	display:inline-block;
	padding:0 6px 0 5px;
}
body.megalabs section.intro .task b {
	top: 25px;
}
body.megalabs .demo_time {
	display:inline-block;
	padding:0 6px 0 5px;
}
body.megalabs .social_buttons {
	display:inline-block;
	color:#021093;
	font-weight:bold;
	margin-right:40%;
	margin-left:6px;
}
body.megalabs a,demo {
	color: #021093;
}
body.megalabs .social_buttons .tw_counter, body.megalabs .social_buttons .fb_counter {
	margin-right:10px;
}

body.megalabs .social_buttons .tw_btn, body.megalabs .social_buttons .tw_counter {
	color:#00aeef;
	font-weight:bold;
}
body.megalabs .social_buttons .fb_btn, body.megalabs .social_buttons .fb_counter {
	color:#283270;
	font-weight:bold;
}
body.megalabs .social_buttons .pin_btn {
	color:#ed1c24;
	font-weight:bold;
}

body.megalabs section.intro time {
	color:#898989;
	font-weight:normal;
}
body.megalabs section.intro .task {
	padding:25px 25px 25px 25px;
	background:#fff;
	color: #333333;
}
body.megalabs section.problem ul > li .explanation {
	padding:26px 0 8px 150px;
}
body.megalabs section.intro {
	margin:auto;
	position: relative;
}
body.project section.problem-solution ul > li:first-child {
	border:none;
}
body.megalabs .lightSlider .rsOverflow:before, .lightSlider .rsOverflow:after, .lightSlider .rsOverflow:before, .lightSlider .rsOverflow:after {
	background: #4622a6 !important;
}
body.megalabs .lightSlider .rsOverflow {
	border-top-color: #4622a6 !important;
}
body.megalabs .lightSlider .rsArrow.rsArrowRight:before {
	border-left: 34px solid #cb2742 !important;
}
body.megalabs .lightSlider .rsArrow.rsArrowLeft:before {
	border-right: 34px solid #cb2742 !important;
}
body.megalabs .lightSlider .rsArrow:hover, body.megalabs .lightSlider .rsArrow:hover {
	background: #cb2742 !important;
}

body.megalabs .screenshot-1 {
	background:url(/bitrix/templates/main/img/projects/megalabs/yellow-bg.png) repeat-x 50% 45%;
}
body.megalabs section.description-about p {
	width: 690px;
}
body.megalabs section.description-visualization {
	max-width:800px;
	margin:0 auto;
	position:relative;
}
body.megalabs section.description-visualization div.picture {
	width:31%;
	max-width:232px;
	height:399px;
	position:absolute;
	bottom:-50px;
	left:0;
}
body.megalabs section.description-visualization div.picture img {
	max-width:100%;
}
body.megalabs section.description-visualization div.text {
	width:69%;
	margin-top:80px;
	padding-left:29%;
}
body.megalabs .description-about {
	padding-left:80px;
	padding-bottom:40px
}
body.megalabs section.problem-solution {
	margin:0 auto;
}
body.megalabs section.results .explanation {
  -webkit-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  -ms-transition: padding 0.5s;
  -o-transition: padding 0.5s;
  transition: padding 0.5s;
}

body.megalabs section.results {
	background: transparent;
	position:relative;
	margin:0px auto;
}
body.megalabs section.results ul {
	text-align: center;
}
body.megalabs section.results ul > li {
	width: auto !important;
}
body.project section.results b {
	position: absolute;
	left: 0px;
	top: 15px;
}
body.megalabs section.results .explanation {
	padding:15px 70px 40px 150px
}
body.megalabs section.results .explanation p {
	padding: 0 0 20px;
}

body.megalabs section.social {
	margin-bottom: 0;
}
body.megalabs section.social ul > li {
	margin-bottom: 0;
}
body.megalabs section.social ul > li a {
	margin-right: 20px;
}
body.megalabs section.tree-concept {
	text-align: center;
}
body.megalabs section.tree-concept ul {
	padding-top: 90px;
}
body.megalabs section.tree-concept ul > li {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #003577;
	padding: 0 13px;
	vertical-align: top;
}
body.megalabs section.tree-concept ul > li  summary {
	height: 70px;
	display: block;
}
body.megalabs section.tree-concept ul > li .caption {
	display: block;
	font-size: 25px;
}
body.megalabs div.social-at-head {
	display: block;
	width: 170px;
	position: absolute;
	right: 0;
	top: 60px;
}
body.project section.screenshot.resolution {
	display: none;
}
body.project section.screenshot.screen-1 {
	padding-top: 75px;
}
body.project section.screenshot.screen-reserv {
	display: none;
}
body.project section.screenshot.screen-2 {
	padding-bottom: 120px;
}
body.project section.screenshot.screen-3 {
	padding-left: 0;
}
body.project section.screenshot .wrapper.brow-phone  {
	max-width: 891px;
	margin: 0 auto;
	padding-right: 40px;
	position: relative;
}
body.project section.screenshot .wrapper.brow-phone  img {
	width: auto;
	float: right;
}
body.project section.screenshot .wrapper.brow-phone  .phone {
	position: absolute;
	z-index: 2;
	top: 120px;
	left: 0;
}
section.stroikomplect-description {
	display:block;
	max-width: 608px;
    padding: 60px 20px 120px;
	margin:0 auto 0;
	
}
section.stroikomplect-description>.quote {
	float:none;
	width:100%;
	max-width:100%;
}
body.megalabs .quote q {
	background-color: #ffffff;
	color: #000000;
}
body.megalabs .quote q:after {
	border-top: 20px solid #ffffff;
}
body.megalabs section.social .behance-revision {
	color: #0054bc;
}
body.megalabs section.social .behance-revision a {
	color: #0054bc;
}
body.megalabs section.screenshot .wrapper img {
	min-width: 100px!important;
}
body.megalabs section.screenshot .wrapper.animation {
	max-width: 1030px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
body.megalabs section.screenshot .wrapper.animation .anim-place {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
body.megalabs section.screenshot .wrapper.animation .anim-phone {
	margin-top: -600px;
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 25px;
	 -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
body.megalabs section.screenshot .wrapper.animation .anim-phone.a1 {
	margin-top: 0px;
	position: absolute;
	z-index: 2;
	top: 218px;
	right: 25px;
}
body.megalabs section.screenshot.screen-result {
	padding-bottom: 0px;
	overflow: visible;
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result {
	max-width: 489px;
	height: 417px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result img{
	position: absolute;
	-moz-transition-duration: 1.1s;
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -ms-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.25);
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result .anim-place{
	z-index: 1;
	top: 60px;
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result .anim-res-1 {
	z-index: 2;
	top: -63px;
	right: 79px;
	margin-top: -1600px;
	-moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result .anim-res-2{
	z-index: 2;
	top: 70px;
	left: 0px;
	margin-top: -1600px;
	-moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result .anim-res-3{
	z-index: 2;
	top: 20px;
	left: 145px;
	margin-top: -1600px;
	-moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result .anim-res-4{
	z-index: 2;
	top: 108px;
	left: 200px;
	margin-top: -1600px;
	-moz-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result .anim-res-5{
	z-index: 2;
	top: 89px;
	right: 22px;
	margin-top: -1600px;
	-moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
body.megalabs section.screenshot.screen-result .wrapper.animation-result .media-res{
	margin-top: 0px;
}
@media screen and (min-width: 320px) {
	body.project section.screenshot {
		margin-bottom: 0px;
	}
	.wrapper.mountain {
		min-height: 835px;
	}
	div.yellow.lift-button .explanation {
		padding: 100px 0 150px 0!important;
		height: 500px;
	}
}
@media screen and (min-width: 480px) {
	.wrapper.mountain {
		min-height: 500px;
	}
	div.yellow.lift-button .explanation {
		padding: 0 100px 0 150px!important;
		height: 500px;
	}
	body.project section.intro {
		padding-top: 50px;
	}
}
@media screen and (max-width: 480px) {
	body.megalabs div.social-at-footer ul li a {
		font-size: 20px !important;
		padding-bottom: 0px !important;
	}
	body.megalabs section.intro .task {
		padding: 30px 20px;
	}
	body.megalabs .solution-background {
		margin-top: 0 !important;
		padding-top: 15px !important;
	}
	body.megalabs div.social-at-head {
		display: none;
	}
	body.megalabs section.problem-solution .before-slider {
		margin-bottom: -20px !important;
	}
	body.megalabs section.screenshot.screen-1 {
		padding-top: 30px;
	}
	body.megalabs .internal-background section.problem-solution ul > li {
		padding-top: 25px;
		padding-bottom: 10px;
	}
	body.megalabs .solution-background section.problem-solution ul > li {
		padding-bottom: 0px;
	}
	body.megalabs .slide-background section.problem-solution ul > li {
		padding-top: 30px;
		padding-bottom: 25px;
	}
	body.megalabs .results-background section.problem-solution ul > li {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	body.megalabs section.screenshot.screen-2 {
		padding-bottom: 80px;
	}
	section.stroikomplect-description {
		padding-top: 70px;
		padding-bottom: 75px;
	}
	body.megalabs section.results {
		padding-bottom: 190px;
	}
	body.megalabs .total-results-background {
		padding-top: 60px;
		background: #cb2741 url(/projects/megalabs/img/result-back-2.png) no-repeat center bottom;
		background-size: 269px 160px;
		height: auto;
	}
}
@media screen and (min-width: 769px) {
	body.megalabs .social_buttons {
		margin-left:0;
		margin-right:80px;
		float:right;
		margin-top:-40px;
	}
	body.megalabs section.intro .task p {
		padding-left:125px;
	}
	body.megalabs section.problem-solution ul > li .explanation.before-slider-device {
		padding: 40px 93px 10px 150px;
	}
	body.megalabs section.problem-solution ul > li .explanation.after-slider-device {
		padding: 50px 93px 10px 150px;
	}
	body.megalabs section.problem-solution ul > li .explanation.after-slider-image {
		padding: 50px 62px 40px 150px;
	}
	body.megalabs section.problem-solution ul > li .explanation.result-text {
		padding: 70px 62px 40px 150px;
	}
	body.megalabs section.problem-solution ul > li .explanation.before-slider {
		padding: 100px 93px 80px 150px;
	}
	body.megalabs section.screenshot .slider-wrapper {
		overflow: hidden;
	}
	body.project section.problem-solution ul > li .explanation  {
		padding-right: 96px;
		padding-bottom: 50px;
	}
	body.project section.problem-solution ul > li .explanation.before-slider p {
		padding-bottom: 0;
	}
	body.project section.problem-solution ul > li .explanation.after-slider {
		padding: 75px 100px 75px 150px;
	}
	body.project section.problem-solution ul > li .explanation.after-concept {
		padding: 65px 100px 40px 150px;
	}
	body.megalabs section.results ul > li .explanation {
		padding: 20px 100px 40px 150px;
	}
	body.megalabs section.intro .title {
		padding: 0;
	}
}
@media screen and (max-width: 769px) {
	body.megalabs section.results .explanation {
		padding: 30px 20px 0 20px;
	}
	body.megalabs section.results .explanation p {
		padding: 0 0 20px;
	}
	body.project section.results b {
		position: absolute;
		left: 20px;
		top: 0px;
	}
	body.megalabs section.description-visualization div.picture img {
		display:none;
	}
	body.megalabs section.description-visualization div.text {
		width:100%;
		margin-top:40px;
		padding-left:0;
	}
	body.megalabs .description-about {
		padding-left:0;
	}
	body.megalabs section.tree-concept ul {
		padding-top: 20px;
	}
	body.megalabs .solution-background {
		padding-bottom: 20px;
	}
	body.megalabs div.social-at-head {
		top: 65px;
		right: 10px;
		width: auto;
		position: initial;
	}
	body.project section.intro .task p {
		padding: 7px 0 0;
	}
	body.megalabs section.problem-solution .before-slider {
		margin-bottom: -30px;
	}
	body.megalabs section.problem-solution .after-concept {
		margin-top: -30px;
	}
	body.project div.social-at-footer .behance-revision {
		padding-bottom: 25px;
	}
	body.megalabs section.intro .title {
		padding: 0;
	}
	body.megalabs section.problem-solution7 .content {
		display: none;
	}
	body.megalabs .results-background section.screenshot.screen-3 .wrapper  {
		padding: 0; 
	}
	body.megalabs section.intro .title h1 {
		padding-left: 20px;
	}
	body.megalabs section.intro .title .demo_time {
		padding-left: 20px;
	}
}
@media screen and (max-width: 820px) {
	body.megalabs section.tree-concept ul > li {
		display: block;
		margin-top: 40px;
	}
	body.megalabs br {
		display: none;
	}
}
@media screen and (min-width: 960px) {
	body.project section.screenshot.resolution {
		display: block;
	}
	body.megalabs .internal-background {
		margin-top: -78px;
	}
	body.project section.screenshot.screen-1 {
		padding-top: 120px;
	}
}
@media screen and (max-width: 1000px) {
	body.megalabs section.tree-concept ul > li.big img {
		width: 233px;
	}
	body.megalabs section.screenshot .wrapper {
		padding: 0 5px;
	}
	body.megalabs .slide-background .img-block-new {
		display: none;
	}
	body.project section.screenshot.screen-reserv {
		display: block;
	}
	body.project section.screenshot .wrapper.brow-phone  {
		padding: 0 5px; 
	}
	body.project section.screenshot .wrapper.brow-phone  .phone {
		display: none;
	}
	body.megalabs section.screenshot .wrapper.animation .anim-place {
		display: none;
	}
	body.megalabs section.screenshot .wrapper.animation .anim-phone {
		display: none;
	}
	body.megalabs section.screenshot .wrapper.animation .anim-phone.a1 {
		display: none;
	}
	body.megalabs section.screenshot.screen-result {
		display: none;
	}
}
@media screen and (min-width: 1000px) {
	body.megalabs .total-results-background {
		background: #cb2741 url(/projects/megalabs/img/result-back-1.png) no-repeat center 0;
	}
}
/* End */


/* Start:/projects/megalabs/css/elevator.css?15897927243054*/
.elevator-content {
    position: relative;
}
.elevator-wrapper {
    position: absolute;
    width: 225px;
    height: 328px;
    padding-top: 74px;
    left: 49.99%;
    top: 3%;
}
.elevator-bg {
    background: url('/projects/megalabs/css/../img/bg.png') no-repeat;
    width: 270px;
    height: 60px;
    position: absolute;
    left: -39px;
    top: 20px;
}
.elevator-wrapper .button {
    display: block;
    width: 21px;
    height: 26px;
    background: url('/projects/megalabs/css/../img/button_lift.png') 0 -30px no-repeat;
    cursor: pointer;
}
.elevator-wrapper .button.hover {
    background-position: 0 0 !important;
}
.elevator-wrapper .button.hover ~ .elevator .doors .left {
    left: -100px;
}
.elevator-wrapper .button.hover ~ .elevator .doors .right {
    right: -100px;
}
.elevator-wrapper .elevator {
    position: relative;
    left: -5px;
}
.elevator-wrapper .elevator .top-layer {
    width: 225px;
    height: 293px;
    position: absolute;
    z-index: 3;
    background-image: url('/projects/megalabs/css/../img/top-layer2.png');
}
.elevator-wrapper .elevator .doors {
    position: absolute;
    z-index: 2;
    width: 225px;
    height: 293px;
    overflow: hidden;
}
.elevator-wrapper .elevator .doors > div {
    width: 113px;
    height: 399px;
    background-image: url('/projects/megalabs/css/../img/closed.jpg');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
}
.elevator-wrapper .elevator .doors > div.left-door {
    left: 0;
    background-position: left top;
}
.elevator-wrapper .elevator .doors > div.right-door {
    right: 0;
    background-position: right top;
}
.elevator-wrapper .elevator .bottom-layer ul {
    position: relative;
    width: 225px;
    height: 293px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.elevator-wrapper .elevator .bottom-layer ul > li {
    width: 225px;
    height: 293px;
    position: absolute;
    list-style-type: none;
    list-style-image: none;
}
.elevator-wrapper .elevator .bottom-layer ul > li.winter {
    background: url('/projects/megalabs/css/../img/winter.jpg') left top no-repeat;
}
.elevator-wrapper .elevator .bottom-layer ul > li.spring {
    background: url('/projects/megalabs/css/../img/spring.jpg') left top no-repeat;
}
.elevator-wrapper .elevator .bottom-layer ul > li.summer {
    background: url('/projects/megalabs/css/../img/summer.jpg') left top no-repeat;
}
.button_lift {
    background: url('/projects/megalabs/css/../img/button_lift.png') 0px -29px no-repeat;
    width: 21px;
    height: 27px;
    display: block;
    position: absolute;
    top: 171px;
    left: -44px;
}
.button_lift:hover {
    background: url('/projects/megalabs/css/../img/button_lift.png') 0px 1px no-repeat;
}
.lift-button-new {
  background: url('/projects/megalabs/css/../img/lift-button.png')no-repeat;
  width: 162px;
  height: 243px;
  display: block;
  background-position: 0px -485px;
  cursor: pointer;
  margin: 0 auto;
}
.lift-button-new:hover {
  background-position: 0px -242px;
}
.lift-button-new:active {
  background-position: 0px 1px;
}
@media (max-width: 940px) {
    .elevator-wrapper {
        display: none;
    }
}

/* End */


/* Start:/projects/megalabs/css/royalslider.css?15897927244273*/
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}

.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(/projects/megalabs/css/../img/grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(/projects/megalabs/css/../img/grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(/projects/megalabs/css/../img/blank.gif);
}

/* End */


/* Start:/projects/megalabs/css/rs-default.css?15897927249106*/
/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: ../img/rs-default.png
*  Feel free to edit anything
*  If you don't some part - just delete it
*
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #151515;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;

}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;
	margin-left: -16px;

	position: absolute;
	cursor: pointer;
	background: url(/projects/megalabs/css/../img/rs-default.png);

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;

	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto;

	background: #000;
	background: rgba(0,0,0,0.75);

	text-align: center;
	line-height: 8px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline;
	*zoom:1;
	padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #777;
	background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #FFF;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: 72px;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;
	margin-left: -8px;
	position: absolute;
	cursor: pointer;
	background: url(/projects/megalabs/css/../img/rs-default.png);
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline;
	*zoom:1;
}
.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active {
	border: 1px solid #D9D9DD;
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected {
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;

}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url(/projects/megalabs/css/../img/rs-default.png) 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(/projects/megalabs/css/../img/rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);

}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url(/projects/megalabs/css/../img/rs-default.png) -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(/projects/megalabs/css/../preloaders/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}
/* End */


/* Start:/projects/megalabs/css/main.css?158979272416183*/
body, .project-html {
    background:#f0f0f0
}
.project-html *{
    box-sizing: content-box;
}
.royalSlider {
    max-width:100%;
    min-width:240px;
    margin:auto;
    display:block
}
.royalSlider#video {
    width:auto
}
.royalSlider#video .rsVideoContainer {
    background:#f0f0f0
}
.royalSlider#video .rsVideoContainer:hover .rsCloseVideoBtn {
    opacity:1
}
.royalSlider#video .rsOverflow {
    width:auto;
    height:auto
}
.royalSlider#video .rsOverflow .rsCloseVideoBtn {
    left:0;
    opacity:0
}
.royalSlider#video .rsOverflow .rsCloseVideoBtn .rsCloseVideoIcn {
    border-radius:5px;
    margin:10px;
    background-color:rgba(23, 35, 34, .75)
}
.royalSlider#video .rsOverflow .rsCloseVideoBtn .rsCloseVideoIcn:hover {
    background-color:#00adef
}
.royalSlider .rsBullets {
    background:transparent;
    z-index:1;
    position:relative;
    margin-top:25px
}
.royalSlider .rsBullets .rsBullet span {
    background:#fff!important;
    width:11px;
    height:11px;
	cursor: pointer;
}
.royalSlider .rsBullets .rsBullet span:hover {
    background:#4622a6!important
}
.royalSlider .rsBullets .rsBullet.rsNavSelected span {
    background:#4622a6!important
}
.royalSlider .rsArrow {
    height:auto
}
.royalSlider .rsArrow.rsArrowRight .rsArrowIcn {
    background-position:-29px 0
}
.royalSlider .rsArrow.rsArrowLeft .rsArrowIcn {
    background-position:0 0
}
.royalSlider .rsArrow .rsArrowIcn {
    background:url(/projects/megalabs/css/../img/arrows-sprite.png) no-repeat 0 0;
    width:28px;
    height:57px
}
.lightSlider {
    max-width: 865px;
    background:#f0f0f0;
    margin-bottom:5.5%;
    position:relative;
    text-align:center
}
.lightSlider .slides {
    width:100%
}
.lightSlider .slides img {
    max-width:833px
}
.lightSlider .rsSlide, .lightSlider .rsOverflow {
    background:transparent;
}
.lightSlider .rsArrow {
    top:237px!important;
    margin-top:-75px;
    height:150px;
    width:30px;
    -webkit-transition:all .1s ease-out;
    -moz-transition:all .1s ease-out;
    -o-transition:all .1s ease-out;
    transition:all .1s ease-out
}
.lightSlider .rsArrow:hover {
    background:#fff100;
    opacity:1
}
.lightSlider .rsArrow:hover:before {
    opacity:1
}
.lightSlider .rsArrow:active {
    background:#fff
}
.lightSlider .rsArrow:active.rsArrowLeft:before {
    border-right-color:#fff!important
}
.lightSlider .rsArrow:active.rsArrowRight:before {
    border-left-color:#fff!important
}
.lightSlider .rsArrow:before {
    width:0;
    height:0;
    border-top:33px solid transparent;
    border-bottom:34px solid transparent;
    z-index:9;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-33px;
    opacity:0;
    -webkit-transition:all .1s ease-out;
    -moz-transition:all .1s ease-out;
    -o-transition:all .1s ease-out;
    transition:all .1s ease-out
}
.lightSlider .rsArrow.rsArrowRight {
    right:24px
}
.lightSlider .rsArrow.rsArrowRight:before {
    border-left:34px solid #fff100;
    right:-34px!important;
    left:auto!important
}
.lightSlider .rsArrow.rsArrowRight:before {
    left:0;
    right:0
}
.lightSlider .rsArrow.rsArrowRight .rsArrowIcn {
    right:-33px;
    left:auto
}
.lightSlider .rsArrow.rsArrowLeft {
    left:24px
}
.lightSlider .rsArrow.rsArrowLeft:before {
    border-right:34px solid #fff100;
    left:-34px
}
.lightSlider .rsArrow.rsArrowLeft .rsArrowIcn {
    left:-33px;
    right:auto
}
.lightSlider .rsArrow .rsArrowIcn {
    margin-top:-28px;
    margin-left:0
}
.lightSlider .rsOverflow {
    max-width:817px;
    border-top:30px solid #f9ce00;
    display:inline-block;
    float:none
}
.lightSlider .rsOverflow:before, .lightSlider .rsOverflow:after {
    position:absolute;
    content:"";
    width:30px;
    height:450px;
    background:#f9ce00;
    z-index:15;
    top:0
}
.lightSlider .rsOverflow:before {
    left:0
}
.lightSlider .rsOverflow:after {
    right:0
}
.rsDefault .rsArrow {
	z-index: 15;
}
.project-html section.screenshot .wrapper {
    margin-left:0;
    width:auto;
}
section.nmt .explanation {
    padding-top:0
}
div.yellow {
    background-color:#ffe900;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffe200), to(#fff100));
    background-image:-webkit-linear-gradient(top, #ffe200, #fff100);
    background-image:-moz-linear-gradient(top, #ffe200, #fff100);
    background-image:-o-linear-gradient(top, #ffe200, #fff100);
    background-image:linear-gradient(to bottom, #ffe200, #fff100)
}
div.yellow.lift-button {
    margin-top:120px;
    margin-bottom:-230px
}
div.yellow.lift-button .explanation {
    padding:50px 100px 200px 150px;
}
div.yellow.lift-button .explanation .align-center {
    width:100%;
    text-align:center;
    margin-top:-185px;
    margin-bottom:55px
}
.screenshot .career {
    margin-bottom:-147px;
    position:relative;
    z-index:9
}
.screenshot .mountain {
    background:url(/projects/megalabs/css/../img/mountain-bg.png) repeat-x;
    position:relative
}
.screenshot .mountain .results-container {
    position:absolute;
    bottom:80px;
    width:100%;
    text-align:center
}
.screenshot .mountain .results-container .results {
    text-align:left;
    background:#0082da;
    color:#fff;
    margin:0 auto
}
.screenshot .mountain .results-container .social {
    margin-bottom:0
}
.screenshot .mountain .results-container .social ul {
    margin-top:15px;
    margin-bottom:-15px;
    text-align:center
}
.screenshot .mountain .results-container .social ul li {
    width:auto;
    margin:0;
    padding:0;
    font-size:inherit;
    line-height:40px
}
.screenshot .mountain .results-container .social ul li.twitter a:hover {
    background:#00aef0
}
.screenshot .mountain .results-container .social ul li.facebook a:hover {
    background:#003663
}
.screenshot .mountain .results-container .social ul li.pinterest a:hover {
    background:#ed1c24
}
.screenshot .mountain .results-container .social ul li a {
    color:#fff;
    font-size:30px;
    padding:5px
}
@media screen and (max-width:1000px) {
	.lightSlider .rsArrow.rsArrowRight {
		display: none!important;
	}
	.lightSlider .rsArrow.rsArrowLeft {
		display: none!important;
	}
}
@media screen and (max-width:820px) {
    .lightSlider .rsOverflow {
        border-top: 30px solid #4622a6 !important;
    }
    .lightSlider .rsOverflow:before, .lightSlider .rsOverflow:after {
        width: 4% !important;
		z-index: 2;
    }
	.megalabs .results-background section.screenshot.screen-3 .wrapper img {
		width: 92% !important;
	}
}
@media screen and (max-width:480px) {
    .lightSlider .rsOverflow {
        border-top: 20px solid #4622a6 !important;
    }
	.lightSlider .rsOverflow:before, .lightSlider .rsOverflow:after {
		height: 287px !important;
    }
}
@media screen and (max-width:400px) {
    .lightSlider .rsOverflow {
        border-top: 15px solid #4622a6 !important;
    }
	.lightSlider .rsOverflow:before, .lightSlider .rsOverflow:after {
		height: 187px !important;
    }
}
.megalabs .resolution-switcher {
	padding-bottom: 45px;
    text-align: center
}
.megalabs .resolution-switcher div {
    color: #ffffff;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, sans-serif;
    margin-right: 67px;
    max-width: 41px;
    padding: 10px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}
.megalabs .resolution-switcher div span {
    max-width: 36px;
    display: block;
    background: url('/projects/megalabs/css/../img/dotte.png') repeat-x;
    background-position: center 20px;
}
.megalabs .resolution-switcher div:last-child {
    margin-right: 0
}
.megalabs .resolution-switcher div.active {
    color: #010101;
    background: #ffffff;
    padding: 10px;
}
.box {
    margin: 0 auto;
    position: relative;
    padding: 24px 15px 0 15px;
    line-height: 0;
    overflow: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    min-height: 602px;
    max-height: 602px;
}
.box.fix {
    max-width: 100%
}
.box.fix #banner.move {
    top: 301px;
    right: 16px;
    margin-top: 7px
}
.box.fix img {
    max-width: 272px
}
.box.fix .author img {
    max-width: 200px;
    height: 75px
}
.box .first-block {
    max-width: 273px;
    float: left;
    margin-right: 16px
}
.box .four-block320, .box .three-block480, .box .second-block768 {
    display: none;
}
.box .four-block320, .box .three-block480, .box .second-block768, .box .first-block1024 {
    text-align: center;
    width: auto;
    margin: 0 auto;
}
/*.box .first-block1024 img {
    width: 100%;
}*/
.box .four-block320 img, .box .three-block480 img, .box .second-block768 img {
    width: auto;
    max-width: initial;
}
.box.fix .first-block {
    max-width: 100%;
    margin-right: 0
}
.box .first-block .title {
    font-size: 13.61px;
    font-weight: bold
}
.box .first-block .text {
    font-size: 10.41px;
    line-height: 16px
}
.box.fix .second-block .column {
    width: 215px;
    max-width: 100%;
    margin-right: 0
}
.box.fix .second-block .column img {
    max-width: 64px;
    float: left;
    margin-right: 14px
}
.box.fix .second-block .column .text {
    float: left;
    max-width: 135px;
    position: relative;
    line-height: 14px;
    top: -3px
}
.box.fix .author {
    left: 16px;
    top: 408px;
    max-width: 208px;
    line-height: 0
}
.box.fix.fix1 .author {
    max-width: 88.5%;
    top: 410px;
    left: 15px
}
.box.fix.fix2 .author img {
    max-width: 100%
}
.box #mob-banner1 {
    display: none;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.box.fix #banner.move.another {
    max-width: 88%;
    width: 100%;
    left: 16px;
    right: 0;
    margin-left: 0;
    top: 470px;
    border: none
}
.box.fix.fix2 .author {
    max-width: 88%;
    top: 376px
}
.box.fix .down .third-block .column {
    max-width: 90%;
    margin-right: 0
}
.box.fix .down .third-block .column:last-child {
    margin-top: 15px
}
.box.fix .down .third-block .column img {
    max-width: 64px;
    float: left
}
.box.fix .down .third-block .column .text {
    margin-left: 74px
}
.box.fix .divider {
    margin: 135px 0 50px 0
}
.box.fix.fix2 .divider {
    margin: 185px 0 50px 0
}
.box .divider {
    background: url(/projects/megalabs/css/../img/divider.jpg);
    max-width: 560px;
    height: 2px;
    top: 0;
    margin: 50px 0;
    position: relative
}
.box .divider.anim {
    top: 0;
    margin: 50px 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}
.box .down .first-block {
    margin-right: 0
}
.box .second-block {
    max-width: 272px;
    float: left
}
.box .second-block .column {
    margin-top: 24px;
    margin-right: 16px;
    float: left;
    max-width: 128px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}
.box .second-block .column img {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}
.box .second-block .column:last-child {
    margin-right: 0
}
.box .third-block {
    float: left
}
.box .third-block .column {
    max-width: 128px;
    float: left;
    margin-top: 0;
    margin-right: 16px
}
.box .third-block .column .text, .box .second-block .column .text {
    font-weight: bold;
    font-size: 10.41px;
    line-height: 16px
}
.box #banner {
    max-width: 192px;
    margin-top: 24px;
    margin-left: 16px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: absolute;
    right: 16px
}
.box #banner.move {
    position: absolute;
    right: 40px;
    max-width: 128px;
    height: 175px;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1
}
.box .author {
    position: absolute;
    left: 302px;
    top: 236px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}
.box .down {
    position: relative;
    top: -34px;
    float: left;
    max-width: 561px
}
.megalabs section.problem-solution7 .content {
    height: 802px;
    max-width: 412px;
    width: 100%;
	margin: 0 auto;
	padding-bottom: 120px;
    overflow: hidden;
    position: relative;
	background: url(/projects/megalabs/img/phone.png) no-repeat left 0;
	visibility: hidden;
}
.megalabs section.problem-solution7 .content img {
    right: 0;
}
.megalabs .ten-season-background section.problem-solution7 .content.fix-img #right-cont5, .megalabs .ten-season-background section.problem-solution7 .content.fix-img #right-cont6 {
    max-width: 200px;
    right: 15px;
}
.megalabs section.problem-solution7 .content.fix-cont {
    position: absolute;
    top: 0;
    width: 200px;
    background: transparent;
    z-index: 0;
    right: 15px;
}
.megalabs section.problem-solution7 .content #right-cont6, .megalabs section.problem-solution7 .content #right-cont5, .megalabs section.problem-solution7 .content #right-cont {
    position: absolute;
    top: 645px;
}
.megalabs section.problem-solution7 .content #right-cont {
    top: 32px;
    -webkit-transform: translatex(0);
    transform: translatex(0);
    opacity: 1;
    -webkit-transition: all 1s, opacity 1s;
    transition: all 1s, opacity 1s;
    z-index: 0;
    display: none;
    height: 386px;
}
.megalabs section.problem-solution7 .content #right-cont1 {
    position: absolute;
    top: 110px;
    -webkit-transform: translatex(0);
    transform: translatex(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
}
.megalabs section.problem-solution7 .content #right-cont2 {
    position: absolute;
    top: 110px;
    -webkit-transform: translatex(0);
    transform: translatex(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
}
.megalabs section.problem-solution7 .content #right-cont3 {
    position: absolute;
    top: 110px;
    -webkit-transform: translatex(0);
    transform: translatex(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
}
.megalabs .ten-season-background section.problem-solution7 .content {
    height: 829px;
    overflow: hidden;
    position: relative;
}
.megalabs section.problem-solution7 .content #right-cont5 {
    top: 174px;
}
.megalabs section.problem-solution7 .content #right-cont6 {
    top: 590px;
}
.megalabs section.problem-solution7 .content #right-cont1.anim-cont1, .megalabs section.problem-solution7 .content #right-cont2.anim-cont1, .megalabs section.problem-solution7 .content #right-cont3.anim-cont1, .megalabs section.problem-solution7 .content #right-cont.anim-cont1 {
    -webkit-transform: translatey(-80px);
    transform: translatey(-80px);
    opacity: 1;
    -webkit-transform: translatey(-80px);
}
.megalabs section.problem-solution7 .head-adapt {
	text-align: center;
}
.megalabs .slide-background .img-block-new {
    max-width: 1095px;
	margin: 0 auto;
	padding: 20px 0 70px 0;
    position: relative;
    text-align: center;
}
.megalabs .slide-background .img-block-new #first-item, .megalabs .slide-background .img-block-new #second-item {
    position: absolute;
    -webkit-transition: 1s;
    transition: 1s;
}
.megalabs .slide-background .img-block-new #first-item {
    left: -250px;
    opacity: 0;
}
.megalabs .slide-background .img-block-new.animate #first-item {
    left: 0;
    opacity: 1;
    bottom: 20px;
    z-index: 0;
}
.megalabs .slide-background .img-block-new #second-item {
    right: -250px;
    opacity: 0;
    z-index: 0;
}
.megalabs .slide-background .img-block-new #third-item {
    z-index: 1;
	position: relative;
}
.megalabs .slide-background .img-block-new.animate #second-item {
    right: 15px;
    opacity: 1;
    bottom: 20px;
}
/* End */


/* Start:/projects/megalabs/css/social-smena.css?15897927242853*/
.project-html div.social-at-head ul.custom {
    margin-bottom: 1px;
}

.project-html div.social-at-head,
.project-html div.social-at-head a {
    font-size: 14px;
}
.project-html div.social-at-footer {
    padding:28px 0 20px;
    text-align:center;
}

.project-html div.social-at-head li.twitter a,
.project-html div.social-at-footer li.twitter a {

    color: #00aef0;
}

.project-html div.social-at-head li.facebook a,
.project-html div.social-at-footer li.facebook a {
    color: #0054bc!important;
}

.project-html div.social-at-footer ul li {
    display: inline-block;
    padding: 0 6px 20px 6px;
}
.project-html div.social-at-footer .behance-revision {
    font-size: 22px
}
.project-html div.social-at-footer,
.project-html div.social-at-footer ul li a {
    font-size:30px;
}
.project-html div.social-at-head .behance-revision a {
    color: #005bbe;
    text-decoration: none;
}

.project-html ul > li.twitter a {
    color: #ffffff;
}

.project-html ul > li.twitter a:hover {
    color: #00aef0;
}

.project-html ul > li.facebook a {
    color: #ffffff;
}

.project-html ul > li.facebook a:hover {
    color: #003663;
}

.project-html ul > li.pinterest a {
    color: #ed1c24;
    text-decoration: none;
}

.project-html div.social-at-head li.twitter a {
    color: #00aeef;
    text-decoration: none;
}

.project-html div.social-at-head li.facebook a {

    color: #283270;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .project-html div.social-at-head {
        top: 60px;
        width: 220px;
    }
}

@media screen and (min-width: 550px) {
    .project-html div.social-at-head {
        display: block;
        width: 170px;
        position: absolute;
        right: 0;
    }

    .project-html div.social-at-head ul li {
        display: table-cell;
        padding: 0 15px 0 0;
    }

}

@media only screen and (min-width: 0px) and (max-width: 550px), only screen and (min-device-width: 0px) and (max-device-width: 550px) {

    .project-html div.social-at-head {
        clear: both;
    }

    .project-html div.social-at-head ul {
        display: inline;
    }

    .project-html div.social-at-head ul li {
        display: inline;
        margin-right: 8px;
    }

    .project-html div.social-at-head .behance-revision {
        display: inline;
    }

    .project-html div.social-at-head .behance-revision a {
        margin-right: 8px;
    }
}

@media screen and (max-width: 1024px) {
    .project-html div.social-at-head ul.custom {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .project-html div.social-at-head ul.custom {
        margin: 0;
    }

    .project-html div.social-at-head {
        top: 65px;
        right: 10px;
    }
}
/* End */


/* Start:/projects/megalabs/css/jquery.mCustomScrollbar.css?158979272412671*/
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:25px;
	margin-left: 33px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	height: 100
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:15px;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:5px;
	height:100%;
	margin:0 auto;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:5px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
	max-height: 566px;
	margin-top: 120px;
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{ /* rgba fallback */
	background:#ffffff; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* rgba fallback */
	background:#4622a6; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(/projects/megalabs/css/mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/* End */
/* /bitrix/templates/main/css/projects/megalabs.css?140853300315917 */
/* /projects/megalabs/css/elevator.css?15897927243054 */
/* /projects/megalabs/css/royalslider.css?15897927244273 */
/* /projects/megalabs/css/rs-default.css?15897927249106 */
/* /projects/megalabs/css/main.css?158979272416183 */
/* /projects/megalabs/css/social-smena.css?15897927242853 */
/* /projects/megalabs/css/jquery.mCustomScrollbar.css?158979272412671 */