/* Start:/projects/cubo/css/style.css?1589792727847*/
/*   
Theme Name: Space_landing
Theme URI: s-landing.spacethemes.ru
Description: 
Author: SPACE_THEMES
Author URI: spacethemes.ru
Version: 1.0
*/
ul.b-methods__list li:nth-child(1), .b-methods__item:nth-child(1) .b-methods__item-title, .b-methods__item:nth-child(1) .b-methods__item-subtitle {
    background: #5f69ff;
}
ul.b-methods__list li:nth-child(2), .b-methods__item:nth-child(2) .b-methods__item-title, .b-methods__item:nth-child(2) .b-methods__item-subtitle {
    background: #8087ff;
}
ul.b-methods__list li:nth-child(3), .b-methods__item:nth-child(3) .b-methods__item-title, .b-methods__item:nth-child(3) .b-methods__item-subtitle {
    background: #9fa3ff;
}
ul.b-methods__list li:nth-child(4), .b-methods__item:nth-child(4) .b-methods__item-title, .b-methods__item:nth-child(4) .b-methods__item-subtitle {
    background: #5f69ff;
}


/* End */


/* Start:/projects/cubo/css/cubo.css?158979272717971*/
/*main styles*/
.clear {
	clear:both;
}
ul {
  list-style: none;
  padding: 0;
  margin:0;
}
a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  outline: none !important;
}
a:hover {
  text-decoration:underline;
}
.no_r {
	margin-right:0 !important;
}
.wrap {
	max-width:741px;
	margin:0 auto;
	/*height: 45px;*/
}

/* FONT */
@font-face {
    font-family: 'gotham_proregular';
    src: url('/projects/cubo/css/../font/gothaproreg-webfont.eot');
    src: url('/projects/cubo/css/../font/gothaproreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/projects/cubo/css/../font/gothaproreg-webfont.woff') format('woff'),
         url('/projects/cubo/css/../font/gothaproreg-webfont.ttf') format('truetype'),
         url('/projects/cubo/css/../font/gothaproreg-webfont.svg#gotham_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* HEADER */
.header {
	/* padding-top:100px; */
	padding-top:10px;
}
.logo {
	display:block;
	width:225px;
	height:25px;
	background:url(/projects/cubo/css/../images/logo.png) no-repeat;
	float:left;
	background-size:225px;
}
.head_r {
	float:right;
	text-align:right;
}
.head_r a {
	display:inline-block;
	height:24px;
	background:url(/projects/cubo/css/../img/head_ico.png) no-repeat;
}
.head_r a.tel {
	width:24px;
	background-position:0 0;
}
.head_r a.mail {
	width:32px;
	background-position:100% 0;
	margin-left:15px;
}
.about p {
	margin:0 0 32px 0;
}
.ab1 {
	padding:107px 0 0 1px;
}
.ab1 span {
	background:#fff200;
	padding:4px 3px;
	margin-left:-3px;
}
.podpisi {
	height:98px;
	margin:77px 0 130px 0;
}
.podpisi div {
	display:inline-block;
	width:160px;
	height:98px;
	background:url(/projects/cubo/css/../img/podpisi.png) no-repeat;
	position:relative;
	font-size:17px;
	line-height:19px;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	padding-top:66px;
	vertical-align:top;
}
.podpisi div.p1 {
	background-position:0 0;
	width:141px;
}
.podpisi div.p2 {
	background-position:-174px 0;
	padding-right:47px;
	width:140px;
	margin:0 5px 0 25px;
}
.podpisi div.p3 {
	background-position:-331px 0;
	width:150px;
	padding-right:25px;
}
.podpisi div.p4 {
	background-position:-487px 0;
	padding-right:20px;
}
.podpisi div.p5 {
	background-position:-678px 0;
	width:100px;
}
.ab2, .ab3, .ab4 {
	padding:79px 0 69px 0;
	height:500px;
	color:#fff;
	background-size:1202px !important;
}
.ab2 p, .ab3 p, .ab4 p {
	width:531px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}
.ab2 {
	background:#27c4cb url(/projects/cubo/css/../img/bg1.jpg) no-repeat 55% 0;
}
.ab3 {
	background:#0ab75e url(/projects/cubo/css/../img/bg2.jpg) no-repeat 55% 0;
	padding-top:75px;
}
.ab4 {
	background:#ffdf00 url(/projects/cubo/css/../img/bg3.jpg) no-repeat 55% 0;
	color:#0000ff;
	padding-top:82px;
}
.about h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:61px;
	line-height:76px;
	font-weight:200;
	margin:0 0 34px -2px;
}
.about h2 {
	margin-left:-4px;
}
.about h2 b {
	font-weight:600;
}
.tw_tit {
	position:relative;
	color:#0000ff;
	font-size:24px;
	line-height:30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:200;
	margin-left:39px;
}
.tw_tit i {
	width:29px;
	height:24px;
	display:block;
	position:absolute;
	top:5px;
	left:-38px;
	background:url(/projects/cubo/css/../img/tw.png) no-repeat;
	background-size:29px;
}
.tw_con {
	padding:98px 0 105px 0;
	height: auto;
}
.tw_blo {
	display:inline-block;
	width:238px;
	margin-right:16px;
	vertical-align:top;
}
.tw_blo.no_r {
	width:207px;
	margin-left:12px;
}
.tw_informer {
	padding-top:39px;
}
.tw_blo p {
	font-size:18px;
	line-height:20px;
	color:#363636;
	padding-bottom:14px;
	margin:0;
	height:154px;
	overflow:hidden;
}
.tw_blo span {
	font-size:13px;
	line-height:13px;
	display:inline-block;
	color:#767676;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	border-bottom:1px solid #767676;
}
.contact {
	background:#eeeded;
	padding:117px 0 35px 0;
	height: 630px;
}
.contact h3 {
	margin:0 0 37px 0;
	font-size:41px;
	font-weight:normal;
}
.cont_l {
	width:356px;
	float:left;
}
.cont_r {
	width:357px;
	float:right;
}
.inp_str {
	position:relative;
	width:356px;
	float:left;
	margin:0 26px 17px 0;
}
.inp_str label, .cont_text label {
	position:absolute;
	top: 3px;
	left: 25px;
	font-size:16px;
	color:#666;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	cursor:text;
}
.inp_str input {
	width:356px;
	height:40px;
	background:#e3e3e3;
	font-size:16px;
	color:#666;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	border:0 none;
	padding:0 25px;
	line-height:40px;
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.07);
}
.cont_text {
	position:relative;
}
.cont_text textarea {
	width:741px;
	height:143px;
	background:#e3e3e3;
	font-size:16px;
	color:#666;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	border:0 none;
	padding:10px 25px;
	line-height:20px;
	resize:none;
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.07);
}
.send {
	padding:10px;
	width:373px;
	background:#0ab75e;
	color:#fff;
	font-size:30px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	margin-top:19px;
	border:0 none;
	cursor:pointer;
}
.contact_info {
	padding:49px 0 0 2px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:22px;
	line-height:32px;
	float:left;
}
.contact_info b {
	font-weight:500;
}
.copy {
	display:block;
	float:right;
	width:80px;
	height:17px;
	background:url(/projects/cubo/css/../img/agima.png) no-repeat;
	margin:60px -2px -45px 20px;
	background-size:80px;
	position:relative;
}
.copy span {
	position:absolute;
	top: -6px;
	left: -20px;
	font-size:12px;
	color:#333;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}
.error{
	border: 1px solid #ff0000 !important;
}
.ab_t2 {
	display:none;
}


.case_container .header {
	padding-top:41px;
	margin-bottom:24px;
}
.case_container .head_r {
	margin-top:-9px;
}
.go_home {
	display:inline-block;
	border:1px solid #1abc69;
	padding:0 30px 0 34px;
	height:44px !important;
	background:none !important;
	font-size:21px;
	line-height:41px;
	color:#0ab75e;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	letter-spacing:-0.4pt;
}
.go_home:hover {
	text-decoration:none;
}
.go_home i {
	display:inline-block;
	width:35px;
	height:19px;
	background:url(/projects/cubo/css/../img/go_home.png) no-repeat;
	background-size:35px;
	vertical-align:middle;
	position:relative;
	top:-3px;
	left:-15px;
}

.header-container {
	padding-left: 20px;
	padding-right: 20px;
}

/*CASE 1*/
.doors_blo1 {
	padding-top: 100px;
	padding-bottom: 65px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #efefef;
	overflow: hidden;
}

.case_con h1 {
	font-size:31px;
	line-height:37px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	margin:0;
}

.doors_blo1 .doors_info_l {
	width:370px;
	float:left;
	padding-top:77px;
}

.doors_blo1 .doors_screen {
	position: relative;
	width:370px;
	float:right;
}

.doors_blo1 .screen__2 {
	position: absolute;
	left: 53%;
	z-index: 1;
}

.doors_blo1 .screen__1 {
	position: absolute;
	top: 100px;
	left: 120px;
}


/*CASE 2*/
.doors_blo2 {
	padding-top: 30px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF;
	background-color: #30b1e8;
	background-repeat: repeat;
	background-position: 0 0;
	background-image: url(/projects/cubo/css/../img/pattern-blue.png);
}

.doors_blo2 h3 {
	margin-bottom: 26px;
	font-size: 26px;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.doors_blo2 p {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 23px;
}


/*CASE 3*/
.doors_blo3 {
	padding-top: 70px;
	padding-bottom: 65px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #efefef;
}

.doors_blo3 .doors_info_l {
	position: relative;
	width: 370px;
	height: 350px;
	float: right;
	padding-top: 25px;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 20px;
}

.doors_blo3 .doors_screen {
	position: relative;
	width: 370px;
	float: left;
}

.doors_blo3 .doors_screen .screen__2 {
	position: absolute;
	left: 60px;
	z-index: 1;
}

.doors_blo3 .doors_screen .screen__1 {
	position: absolute;
	top: 175px;
	left: 260px;
}

.doors_blo3 .doors_info_l i {
  width: 94px;
  height: 16px;
  background: url(/projects/cubo/css/../img/doors_blo3_arrow.png) no-repeat;
  position: absolute;
  top: 40px;
  left: -120px;
  background-size: 94px;
}


/*CASE 4*/
.doors_blo4 {
	padding-top: 84px;
	padding-bottom: 170px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	color: #FFF;
	background-color: #30b1e8;
	background-repeat: repeat;
	background-position: 0 0;
	background-image: url(/projects/cubo/css/../img/pattern-blue.png);
}

.doors_blo4 h3 {
	margin: 0;
	font-size: 26px;
  	font-family: 'Roboto', sans-serif;
  	font-weight: 400;
  	line-height: 26px;
}

.doors_blo4 p {
	margin-bottom: 60px;
	font-family: 'Roboto', sans-serif;
  	font-weight: 300;
  	font-size: 19px;
  	line-height: 23px;
}

/*.doors_blo4 img {
	margin: 0 40px;
}*/

.strah_img {
	width: 510px;
	margin: 0 auto;
}

.strah_img .bx-wrapper {
	max-width: 660px !important;
	margin: 0 auto;
	position: relative;
}

.strah_img .bxslider li {
	width: 208px !important;
	margin-right: 95px !important;
}

.bx-wrapper .bx-pager {
	text-align: center;
}

.strah_img .bx-pager, .strah_img .bx-controls-direction {
	display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #692f97;
  width: 16px;
  height: 16px;
  top: -1px;
  left: 2px;
}


/*CASE 5*/
.doors_blo5 {
	position: relative;
	padding-top: 160px;
	padding-bottom: 60px;
	text-align: center;
}


/*RESULT*/
.result {
	padding-left: 20px;
	padding-right: 20px;
}

.result h3 {
	font-size: 26px;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin: 0 0 32px 0;
	text-align: center;
}

.result p {
	margin-bottom: 75px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 23px;
}

.result .comment_user {
	top:0;
	margin-bottom:51px;
}
.result .comment_l {
	padding-right:13px;
}
.prev_case, .next_case {
	display:inline-block;
	padding:0 10px;
	height:42px;
	font-size:22px;
	line-height:40px;
	background:#0ab75e;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}
.prev_case:hover, .next_case:hover {
	text-decoration:none;
}
.prev_case {
	float:left;
	padding:0 32px 0 20px;
}
.next_case {
	float:right;
	padding:0 20px 0 34px;
}
.prev_case i, .next_case i {
	display:inline-block;
	width:20px;
	height:16px;
	background:url(/projects/cubo/css/../img/arrow.png) no-repeat right top;
	position:relative;
	top:1px;
	background-size:768px;
}
.next_case i {
	margin-left:16px;
}
.prev_case i {
	background-position:left top;
	margin-right:8px;
}
.case_container .contact {
	padding-top:60px;
}
.prev_case b, .next_case b {
	font-weight:300;
}


/*COMMENTS*/
.comment_user {
	display: table;
	position:absolute;
	top: -100px;
	text-align: left;
	background: #fff;
	z-index: 1;
}

.comment__wrapper {
	display: table-row;
}

.comment_l,
.comment_r {
	display: table-cell;
}

.comment_l {
	vertical-align: middle;
	width:474px;
	background:#ededef;
	padding:24px 16px 27px 55px;
	font-size:19px;
	line-height:23px;
	color:#666;
	font-family:'Roboto', sans-serif;
	font-weight:300;
	position:relative;
	z-index:1;
}
.comment_r {
	vertical-align: middle;
	width:267px;
	background:#f8f8f8;
	padding:25px 18px;
	font-size:12px;
	color:#666;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	position:relative;
	z-index:1;
}
.quote {
	width:32px;
	height:25px;
	background:url(/projects/cubo/css/../img/quote.png) no-repeat;
	position:absolute;
	top: -9px;
	left: 12px;
	background-size:32px;
}
.photo_user {
	width:91px;
	height:91px;
	margin:0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.photo_user img {
	width:100p%;
	height:100%;
	margin: 0;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.comment_r b {
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	color:#363636;
	display:block;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	padding:15px 0 5px 0;
}
.comment_r span {
	display:block;
	text-align:center;
	font-size:13px;
}


/*TASK*/
.task {
	padding-top:89px;
	width:310px;
}

.task h3 {
	font-size:26px;
	line-height:36px;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	color:#33363b;
	margin:0 0 18px 0;
}

.task p {
	margin:0;
	line-height:22px;
	font-size:19px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}


/*SLIDER*/
.slider {
	width: 550px;
	margin: 0 auto;
}

#slider {
	width: 550px !important;
}

#slider li {
	width: 240px;
	height: 465px;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
}

#slider li img {
	width: 240px;
	height: 465px;
}

#slider li + li {
	margin-left: 65px;
}

.caroufredsel_wrapper {
	width: 100% !important;
	cursor: default !important;
}

#pager {
	display: none !important;
}

#pager a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -999px;
	background-color: transparent;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

#pager a:after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -5px;
	background-color: #FFF;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	transition: all 0.2s ease;
}

#pager a.selected:after {
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	margin: 0;
	background-color: #295c9b;
}


/*APP STORE LINK*/
.appstore {
	display: block;
	width: 174px;
	height: 60px;
	background: url(/projects/cubo/css/../img/appstore.png) no-repeat;
	margin: 50px auto 0 auto;
	background-size: 174px;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	        border-radius: 9px;
}

/*MEDIA*/
@media (max-width: 760px) {
	.case_container {
  		min-width: 320px;
	}


	.wrap {
  		width: 280px;
	}


	.case_container .logo {
  		float: right;
	}


	.case_container .head_r {
  		display: block !important;
  		float: left !important;
  		margin: -12px 0 0 -2px;
	}


	.case_container .head_r .go_home {
		padding: 0 5px;
	}


	.case_container .head_r .go_home i {
		left: 1px;
		top: -1px;
	}


	.case_container .head_r .go_home span {
		display: none;
		padding: 0;
	}


	/*CASE 1*/
	.doors_blo1 {
 		padding-top: 60px;
 		padding-bottom: 55px;
 	}

	.doors_blo1 .wrap {
		position: relative;
	}

	.doors_blo1 .screen__1 {
		display: none;
	}

	.doors_blo1 .screen__2 {
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
	}

	.doors_blo1 .screen__2 img {
		width: 157px;
		height: 304px;
	}

	.doors_blo1 .doors_info_l {
		padding-top: 350px;
		float: none;
	}

	.task {
		padding-top: 50px;
	}


	/*CASE 3*/
	.doors_blo3 {
  		padding-top: 60px;
  		padding-bottom: 45px;
	}

	.doors_blo3 .doors_screen .screen__1 {
		display: none;
	}

	.doors_blo3 .doors_screen {
		width: 100%;
		float: none;
		z-index: 1;
	}

	.doors_blo3 .doors_screen .screen__2 {
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
	}

	.doors_blo3 .doors_screen .screen__2 img {
		width: 157px;
		height: 304px;
	}

	.doors_blo3 .doors_info_l {
		float: none;
	}

	.doors_blo3 .doors_info_l {
		width: 100%;
		height: auto;
		padding-top: 39px;
	}

	.doors_blo3 .doors_info_l i {
  		width: 16px;
  		height: 94px;
  		top: -55px;
  		left: 120px;
  		background: url(/projects/cubo/css/../img/doors_blo3_arrow-rotate.png) 0 -5px no-repeat;
  		background-size: 16px;
	}


	/*CASE 4*/
	.doors_blo4 {
  		padding-top: 55px;
  		padding-bottom: 50px;
  	}

  	.strah_img {
		width: 208px;
	}

	.strah_img .bx-pager {
		display: block;
		text-align: center;
		padding-top: 45px;
	}

	.strah_img .bx-pager .bx-pager-item {
  		margin-right: 5px;
	}

	.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  		display: inline-block;
	}

	.strah_img .bx-pager a.active {
		margin-left: 0px;
		background: #295c9b !important;
	}

	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #FFF;
		text-indent: -9999px;
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		outline: 0;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		position: relative;
		-webkit-transition: all 0s ease;
		transition: all 0s ease;
		vertical-align: middle;
	}

	.strah_img .bxslider li {
  		margin-right: 10px !important;
	}


	/*CASE 5*/
	.doors_blo5 {
		padding-top: 60px;
	}

	.comment_user {
		position: relative;
		top: 0;
	}

	.comment__wrapper {
	 	display: block;
	}

	.comment_l, .comment_r {
		display: block;
		width: 100%;
	}


	/*RESULT*/
	.result {
		padding-top: 50px;
		padding-right: 0;
		padding-left: 0;
	}

	.prev_case, .next_case {
  		font-size: 14px;
  		line-height: 41px;
	}

	.prev_case {
  		padding: 0 15px 0 7px;
	}

	.next_case {
  		padding: 0 7px 0 22px;
	}

	.prev_case i, .next_case i {
  		top: 4px;
	}

	.prev_case i {
  		margin-right: 5px;
	}

	.next_case i {
  		margin-left: 10px;
	}
	
	.prev_case b, .next_case b {
  		display: none;
	}


	/*FROM*/
	.contact {
		height: auto;
  		padding: 61px 0 40px 0;
	}

	.contact h3 {
  		margin: 0 0 23px 0;
  		font-size: 33px;
	}

	.contact_info {
		padding: 26px 0 0 0;
		margin-left: -1px;
		font-size: 16px;
		line-height: 19px;
		float: none;
	}

	.inp_str {
		position: relative;
		width: 100%;
		float: none;
		margin: 0 0 17px 0;
	}

	.inp_str input {
  		width: 100%;
  		height: 40px;
  		padding: 0 13px;
  	}

  	.inp_str label, .cont_text label {
		top: 6px;
		left: 13px;
	}

	.cont_text textarea {
  		width: 100%;
  		height: 78px;
  		padding: 10px 13px;
  	}

  	.send {
  		width: 280px;
  		margin-top: 14px;
	}

	.copy {
  		float: none;
  		margin: 20px 0 0 20px;
	}


	/*SLIDER*/
	.slider {
		width: 280px;
	}

	#slider {
		width: 560px !important;
	}

	#slider li {
		width: 280px;
	}

	#slider li + li {
		margin-left: 0;
	}

	#pager {
		display: block !important;
	}

	.caroufredsel_wrapper {
		cursor: move !important;
	}	
}
/* End */
/* /projects/cubo/css/style.css?1589792727847 */
/* /projects/cubo/css/cubo.css?158979272717971 */