@charset "UTF-8";
/* --- Imports --- */
@import url("grid.min.css");
@import url("flickity.css");
@import url("../fonts/fontawesome/style.min.css");
*, *::before, *::after {
  box-sizing: border-box;
}

@-webkit-keyframes autofill {
  to {
    color: inherit;
    background: transparent;
  }
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

html, body {
  margin: 0;
  min-height: 100%;
  padding: 0;
}

body {
	overflow-x: hidden;
	transition: transform .2s linear;
}

.body-universe {
  font-family: Rubik;
  color: #222;
  font-size: 14px;
  line-height: 24px;
}

.body-universe a,
.body-universe a:hover,
.body-universe a:focus{
	color: #c6366f;
	text-decoration: none;
} 

@media all and (max-width: 10240px) {
	.body-universe img.adaptiv-img {
		max-width: 100%;
	}
}

@media all and (max-width: 990px) {
  body.show-sidebar {
    overflow: hidden;
    transform: translate3d(-240px, 0, 0);
  }
}

a {
  text-decoration: none;
  color: #222;
}

a:hover {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

h1 {
  font-weight: 500;
}

nowrap,
.nowrap {
  white-space: nowrap;
}

.pre {
    background: #f4f4f4;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.4;
}

.aligner {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
  overflow: hidden;
}

.body-universe .title {
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	margin: 40px 0;
	font-weight: 500;
}
.body-universe .title.black {
	color: #111017;
}
.body-universe .title.white {
	color: #fff;
}

.body-universe .wrap-blog {
	max-width: 900px;
	margin: 0 auto;
}

.type-img {
	min-height: 75px;
}

/*Баннер*/
.title-block-text {
    font-size: 24px;
    margin: 40px 0;
	font-weight: 400;
}
.text-block {
	text-align: left;
	padding-top: 140px;
}
.text-block .title-text {
	font-size: 14px;
	color: #d7d7d7;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 20px;
	letter-spacing: 2.8px;
}
.text-block h1,
.text-block .big-text {
	color: #fff;
	font-size: 40px;
	line-height: 1.2;
	font-weight: 500;
	text-align: left;
}
.text-block .small-text {
	color: #fff;
	font-size: 16px;
	padding-top: 25px;
	padding-bottom: 40px;
	line-height: 24px;
	width: 100%;
}
.text-block .price-text {
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 30px;
}
.title-black {
	color: #000;
	font-size: 40px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 60px;
	font-weight: 500;
}
.title-white {
	color: #fff;
	font-size: 40px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 60px;
	font-weight: 500;
}
.title-gray {
	color: #a5a5c5;
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: 500;
	text-transform: uppercase;
}
.panel-info {
	border-top: 1px solid rgba(255,255,255,0.2);
	width: 100%;
	min-height: 115px;
	margin-top: 60px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}
.panel-info div.intec-grid-item, .panel-info div.intec-grid-item-auto {
	padding: 20px 15px;
}
.panel-info div.intec-grid-item {
	border-right: 1px solid rgba(255,255,255,0.2);
}
.panel-info .text-element {
	padding: 3px 5px;
	margin: 5px 1px;
	border-radius: 5px;
	display: inline-block;
	font-size: 13px;
}
.panel-info .text-element:nth-child(1) {
	color: #fff;
	background-color: #fc2a5c;
}
.panel-info .text-element:nth-child(2) {
	color: #fff;
	background-color: #116afc;
}
.panel-info .text-element:nth-child(3) {
	color: #fff;
	background-color: #fc2a5c;
}
.check-green {
	background: url(/upload/page-universe/check-green.png) no-repeat;
	width: 65px;
	height: 65px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px;
}
.check-green-text {
	display: inline-block;
	vertical-align: middle;
}

/*Табы*/
.body-universe .bg-nav-tabs, .body-universe .bg-2-nav-tabs {
	margin: 60px 0;
}
.body-universe .bg-1-nav-tabs {
	margin: 40px 0;
}
.body-universe .bg-nav-tabs.nav > li.active > a {
    text-decoration: none;
    background-color: #222222;
    box-shadow: 0px 1px 0px 0px #222222;
    border-bottom: 1px solid #222222;
    color: #fff;
	padding: 15px 35px;
	border-radius: 80px;
	transition-property: background-color, border-color;
    transition: 0.4s;
}
.body-universe .bg-nav-tabs.nav > li > a {
	margin: 0 15px;
	padding: 15px;
}
.body-universe .bg-nav-tabs.nav > li > a:hover, .bg-nav-tabs.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    box-shadow: 0px 1px 0px 0px transparent;
    border-bottom: 1px solid transparent;
    color: #222222;
}
.body-universe .bg-nav-tabs.nav > li > a.color-1 {
	text-decoration: none;
    background-color: #fff;
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #ff007a;
	padding: 15px 35px;
	border-radius: 80px;
	transition-property: background-color, border-color;
    transition: 0.4s;
}
.body-universe .bg-nav-tabs.nav > li > a.color-2 {
	text-decoration: none;
    background: linear-gradient(to bottom, #ff007a, #d40098);
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #fff;
	padding: 15px 35px;
	border-radius: 80px;
	transition-property: background-color, border-color;
    transition: 0.4s;
}
.body-universe .bg-nav-tabs.nav > li > a.color-1:hover {
	text-decoration: none;
    background-color: #ff007a;
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #fff;
}
.body-universe .bg-nav-tabs.nav > li > a.color-2:hover {
	text-decoration: none;
    background: #fff;
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #ff007a;
}
.body-universe .bg-1-nav-tabs > li {
    display: inline-block !important;
	transition-property: background-color, border-color;
}
.body-universe .bg-1-nav-tabs.nav > li > a {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #49494e;
    color: #49494e;
	transition-property: background-color, border-color;
    transition: 0.4s;
	padding: 15px 35px;
	border-radius: 0px;
	margin: 0 10px;
}
.body-universe .bg-1-nav-tabs.nav > li > a:hover, .bg-1-nav-tabs.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #0054ff;
    color: #fff;
}
.body-universe .bg-1-nav-tabs.nav > li.active > a {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #0054ff;
    color: #fff;
}
.body-universe .bg-2-nav-tabs > li {
    display: inline-block !important;
	transition-property: background-color, border-color;
}
.body-universe .bg-2-nav-tabs.nav > li > a {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #ebebeb;
    color: #8e949d;
	transition-property: background-color, border-color;
    transition: 0.4s;
	padding: 15px 35px;
	border-radius: 0px;
	margin: 0 10px;
}
.body-universe .bg-2-nav-tabs.nav > li > a:hover, .bg-1-nav-tabs.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #0054ff;
    color: #0054ff;
}
.body-universe .bg-2-nav-tabs.nav > li.active > a {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #0054ff;
    color: #0054ff;
}

/*Update block*/
/* .update-block .update-block-title {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 15px;
}
.update-block .update-block-title a {
	color: #000;
	text-decoration: none;
}
.update-block .update-block-title a:hover {
	color: #ff007a;
	text-decoration: none;
}
.update-block .update-block-text {
	color: #444444;
	font-size: 14px;
	line-height: 20px;
}

.update-block .update-block-date {
	font-size: 20px;
	line-height: 30px;
	color: #b1b1b1;
	margin-bottom: 15px;
} */

/*demo-view*/
.description_wrapper.adaptive-pro {
    position: relative;
    padding: 0;
}

.description_wrapper.adaptive-pro .description_wrapper {
    position: relative;
    padding-top: 230px;
    padding-bottom: 350px;
    background-color: transparent
}

.description_wrapper.adaptive-pro .description_info {
    margin: 0 0 45px;
    width: 390px;
    padding: 0;
    border: 0
}

@media (min-width: 1366px) {
    .description_wrapper.adaptive-pro .description_info {
        width:530px
    }
}

.description_wrapper.adaptive-pro .description_info h2 {
    margin-bottom: 30px;
    line-height: 40px
}

.description_wrapper.adaptive-pro .text-desc {
    font-size: 16px;
    color: #fff
}

.description_wrapper.adaptive-pro .device-link {
    width: 335px;
    color: #999
}

.description_wrapper.adaptive-pro .parallax-group {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.description_wrapper.adaptive-pro .parallax-group .parallax-layer {
    position: absolute
}

.description_wrapper.adaptive-pro .parallax-group .parallax-layer.phone {
    top: 185px;
    left: 510px;
    width: 172px;
    height: 346px;
	z-index:3;
}

.description_wrapper.adaptive-pro .parallax-group .parallax-layer.tablet {
    top: 50px;
    right: 0;
    width: 567px;
    height: 395px;
    z-index: 2;
}

.description_wrapper.adaptive-pro .parallax-group .parallax-layer.desktop {
    top: 50px;
    left: 20px;
    width: 636px;
    height: 461px;
	z-index:1;
}

.body-prom .description_wrapper.adaptive-pro .parallax-group .parallax-layer.desktop {
    top: 50px;
    left: 100px;
    width: 636px;
    height: 461px;
	z-index:1;
}
.body-prom .description_wrapper.adaptive-pro .parallax-group .parallax-layer.tablet {
    top: 20px;
    right: 215px;
    width: 346px;
    height: 453px;
    z-index: 2;
}


.description_wrapper.adaptive-pro .description_devices {
    margin: 0
}

.description_wrapper.adaptive-pro .description_devices img {
    width: auto
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe {
    overflow: visible;
}
.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link {
    overflow: visible;
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe.phone-link {
    top: 0;
    left: 19px;
    right: 0;
    bottom: 14px
}

.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link.phone-link {
    top: 1px;
    left: 18px;
    right: 0;
    bottom: 31px;
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe.phone-link span {
	top: 8px;
    left: 10px;
    right: 10px;
    bottom: 33px;
    padding: 85% 0;
    border-radius: 13px;
}
.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link.phone-link span {
	top: 9px;
    left: 11px;
    right: 8px;
    bottom: 11px;
    padding: 83% 0;
    border-radius: 13px;
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe.tab-link {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link.tab-link {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe.tab-link span {
    top: 14px;
    left: 40px;
    right: 42px;
    bottom: 18px;
    padding: 30% 0;
}

.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link.tab-link span {
    top: 18px;
    left: 15px;
    right: 16px;
    bottom: 15px;
    padding: 56% 0;
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe.desktop-link {
    top: 0;
    left: 63px;
    right: 0;
    bottom: 127px;
}
.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link.desktop-link {
    top: 0;
    left: 63px;
    right: 25px;
    bottom: 70px;
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe.desktop-link span {
    top: 18px;
    left: 15px;
    right: 41px;
    bottom: -15px;
    padding: 27% 0;
}

.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link.desktop-link span {
    top: 21px;
    left: 22px;
    right: 24px;
    bottom: 36px;
    padding: 28% 0;
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe span {
    text-align: center;
    opacity: 0;
}
.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link span {
    text-align: center;
    opacity: 0;
}

.description_wrapper.adaptive-pro .description_devices .fancy-link-iframe:hover span {
    opacity: .9
}
.body-prom .description_wrapper.adaptive-pro .description_devices .fancy-link:hover span {
    opacity: .9
}

.description_wrapper .description_devices {
    position: relative;
    margin-left: -130px
}

.description_wrapper .description_devices .fancy-link-iframe {
    position: absolute;
    overflow: hidden;
}
.body-prom .description_wrapper .description_devices .fancy-link {
    position: absolute;
    overflow: hidden;
}

.description_wrapper .description_devices .fancy-link-iframe.desktop-link {
    top: 26px;
    left: 122px;
    right: 296px;
    bottom: 86px
}
.body-prom .description_wrapper .description_devices .fancy-link.desktop-link {
    top: 26px;
    left: 122px;
    right: 296px;
    bottom: 86px
}

.description_wrapper .description_devices .fancy-link-iframe.tab-link {
    top: 61px;
    left: 519px;
    right: 110px;
    bottom: 76px
}
.body-prom .description_wrapper .description_devices .fancy-link.tab-link {
    top: 61px;
    left: 519px;
    right: 110px;
    bottom: 76px
}

.description_wrapper .description_devices .fancy-link-iframe.phone-link {
    top: 190px;
    left: 696px;
    right: 21px;
    bottom: 71px
}
.body-prom .description_wrapper .description_devices .fancy-link.phone-link {
    top: 190px;
    left: 696px;
    right: 21px;
    bottom: 71px
}

.description_wrapper .description_devices .fancy-link-iframe.phone-link span {
    bottom: -78px
}
.body-prom .description_wrapper .description_devices .fancy-link.phone-link span {
    bottom: -78px
}

.description_wrapper .description_devices .fancy-link-iframe span,
.body-prom .description_wrapper .description_devices .fancy-link span {
	font-family: Rubik;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -60px;
    padding: 21px 0;
    font-size: 13px;
    letter-spacing: 1pt;
    text-transform: uppercase;
    color: #fff;
    background: #2180eb;
    opacity: .9;
    -webkit-transition: .3s;
    transition: .3s
}

.description_wrapper .description_devices .fancy-link-iframe:hover span,
.body-prom .description_wrapper .description_devices .fancy-link:hover span  {
    bottom: 0
}

.description_wrapper .description_devices img {
    width: 800px
}

.fancy-phone {
    padding: 98px 31px 104px !important;
    background: url(/upload/page_universe/fancy-phone.png) center center no-repeat;
	box-sizing: initial;
	top: 5px !important;
}
.fancy-tablet {
    padding: 83px 44px 81px !important;
    background: url(/upload/page_universe/fancy-tablet.png) center center no-repeat;
	box-sizing: initial;
	top: 5px !important;
}

/*w-advantages*/
.w-advantages {
  overflow: hidden;
}

.w-advantages .advantages-wrapper {
  flex-wrap: wrap;
  margin: -30px -50px;
}

.w-advantages .advantages-wrapper .advantages-item {
  position: relative;
  width: 50%;
  padding: 30px 50px 30px 136px;
  font-size: 16px;
  line-height: 1.5;
  min-height: 90px;
}

.w-advantages .advantages-wrapper .advantages-item .advantages-item-icon {
  position: absolute;
  top: 33px;
  left: 53px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
}

.w-advantages .advantages-wrapper .advantages-item .advantages-item-title {
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1.23;
}

@media all and (max-width: 990px) {
  .w-advantages .advantages-wrapper .advantages-item {
    width: 100%;
    padding: 15px 0 15px 76px;
  }
  .w-advantages .advantages-wrapper .advantages-item .advantages-item-icon {
    left: 3px;
  }
}

@media all and (max-width: 525px) {
  .w-advantages .advantages-wrapper .advantages-item {
    text-align: center;
    padding-left: 0;
  }
  .w-advantages .advantages-wrapper .advantages-item .advantages-item-icon {
    position: static;
    margin: 0 auto;
    background-position: center;
  }
  .w-advantages .advantages-wrapper .advantages-item .advantages-item-title {
    margin-top: 10px;
  }
}

@media all and (max-width: 990px) {
  .w-advantages .advantages-wrapper {
    margin: -15px 0;
  }
}

.w-advantages.reasons .advantages-wrapper {
  margin: -70px 0;
}

.w-advantages.reasons .advantages-wrapper .advantages-item {
  width: 100%;
  padding: 70px 20px 70px 196px;
  min-height: 212px;
  border-bottom: 1px solid #ccc;
}

.w-advantages.reasons .advantages-wrapper .advantages-item .advantages-item-icon {
  top: 67px;
  left: 43px;
  font-size: 72px;
  line-height: 1;
  width: auto;
  height: auto;
}

.w-advantages.reasons .advantages-wrapper .advantages-item .advantages-item-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.5;
}

.w-advantages.reasons .advantages-wrapper .advantages-item:last-child {
  border-bottom: none;
}

@media all and (max-width: 525px) {
  .w-advantages.reasons .advantages-wrapper .advantages-item {
    padding-left: 0;
    padding-right: 0;
    min-height: 0;
  }
}

.w-advantages-2 {
  overflow: hidden;
}

.w-advantages-2 h2 {
  text-align: left;
}

.w-advantages-2 .advantages-wrapper {
  flex-wrap: wrap;
  margin: -30px;
}

.w-advantages-2 .advantages-wrapper > div {
  padding: 30px;
}

.w-advantages-2 .advantages-wrapper .advantages-list {
  font-size: 0;
  padding: 0;
  margin: -23px 0;
}

.w-advantages-2 .advantages-wrapper .advantages-list li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 16px;
  width: 50%;
  padding-left: 25px;
  line-height: 1.5;
  padding: 23px 0 23px 25px;
}

.w-advantages-2 .advantages-wrapper .advantages-list li span {
  display: inline-block;
  max-width: 186px;
}

.w-advantages-2 .advantages-wrapper .advantages-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 34px;
  font-size: 34px;
  line-height: 0;
}

.w-advantages-2 .advantages-wrapper .advantages-image {
  max-width: 50%;
  text-align: center;
}

.w-advantages-2 .advantages-wrapper .advantages-image span {
  display: inline-block;
}

.w-advantages-2 .advantages-wrapper .advantages-image img {
  max-width: 100%;
  max-height: 100%;
}

@media all and (max-width: 990px) {
  .w-advantages-2 .advantages-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .w-advantages-2 .advantages-wrapper > div {
    padding-left: 0;
    padding-right: 0;
  }
  .w-advantages-2 .advantages-wrapper .advantages-list {
    margin-top: 0;
  }
  .w-advantages-2 .advantages-wrapper .advantages-list li {
    text-align: center;
    padding-right: 25px;
  }
  .w-advantages-2 .advantages-wrapper .advantages-list li::before {
    top: 11px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
  }
  .w-advantages-2 .advantages-wrapper .advantages-image {
    max-width: none;
    width: 100%;
  }
}

@media all and (max-width: 525px) {
  .w-advantages-2 .advantages-wrapper .advantages-list li {
    width: 100%;
  }
}

@media all and (max-width: 990px) {
  .w-advantages-2 h2 {
    text-align: center;
  }
}

/*btn*/
.btn {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    /* border: none; */
    background: transparent;
    font-family: Rubik;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
}
.btn-universe, a.btn-universe {
	text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #444444;
	padding: 15px 35px;
	border-radius: 80px;
	display: inline-block;
}
.btn-universe:hover, a.btn-universe:hover {
	text-decoration: none;
    background-color: #ff007a;
    border: 2px solid #ff007a;
    color: #fff;
}
.btn-universe:active, a.btn-universe:active,
.btn-universe:focus, a.btn-universe:focus {
    color: #444444;
}
.btn-universe-2, a.btn-universe-2 {
	display: inline-block;
	position: relative;
	text-decoration: none;
    background: linear-gradient(to bottom, #ff007a, #d40098);
    /*box-shadow: 0px 5px 25px #f6007f;*/
    color: #fff;
	padding: 16px 26px;
	border-radius: 5px;
    /*border: 1px solid transparent;*/
}
.btn-universe-2, a.btn-universe-2 span {
	position: relative;
	z-index: 3;
}
.btn-universe-2:focus, a.btn-universe-2:focus {
	color: #ffffff !important;
}
.btn-universe-2:hover, a.btn-universe-2:hover {
	/*background: linear-gradient(to bottom, #ffd800, #ffd800);
    box-shadow: 0px 5px 25px #ffd800;
    color: #2c3449;*/
    color: #444444;
}

.btn-universe-2:before, a.btn-universe-2:before{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffd800, #ffd800);
    transition: opacity 0.4s;
    z-index: 2;
    opacity: 0;
}
.btn-universe-2:hover:before, a.btn-universe-2:hover:before {
    opacity: 1;
}

.body-prom .prom-settings-banners-wrap {
	max-width: 625px;
	margin: -200px auto 20px;
}
.body-prom .prom-settings-banner img  {
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background: transparent;
	transition: 0.3s;
}
.body-prom .prom-view-settings-link img:hover  {
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}
.body-prom .prom-view-settings-link {
	text-decoration: none;
}
@media (max-width: 650px) {
	.body-prom .prom-settings-banners-wrap {
		margin-top: -150px;
	}
}
@media (max-width: 450px) {
	.body-prom .prom-settings-banners-wrap {
		margin-top: -120px;
	}
}

.btn-universe-3, a.btn-universe-3,
.btn-universe-3:active, a.btn-universe-3:active,
.btn-universe-3:focus, a.btn-universe-3:focus {
	text-decoration: none;
    background: linear-gradient(to bottom, #ff007a, #d40098);
    box-shadow: 0px 5px 25px #f6007f;
    color: #fff;
	padding: 15px 35px;
	border-radius: 50px;
	display: inline-block;
}
.btn-universe-3:hover, a.btn-universe-3:hover {
	background: linear-gradient(to bottom, #ffd800, #ffd800);
    box-shadow: 0px 5px 25px #ffd800;
    color: #2c3449;
    color: #444444;
}
.btn-universe-4, a.btn-universe-4 {
	text-decoration: none;
	padding: 14px 35px;
	border-radius: 5px;
	display: inline-block;
    border: 1px solid transparent;
	background: linear-gradient(to bottom, #ffd800, #ffd800);
    box-shadow: 0px 5px 25px #ffd800;
    color: #444444;
	font-weight: 500;
}
.btn-universe-4:hover, a.btn-universe-4:hover {
    background: linear-gradient(to bottom, #ff007a, #d40098);
    box-shadow: 0px 5px 25px #f6007f;
    color: #fff;
}
.btn-marketplace-header {
    padding: 5px 20px;
    mix-blend-mode: undefined;
    border-radius: 10px;
    background-color: #ffe32a;
    border: solid 2px #ffe32a;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #383838 !important;
    margin-top: 10px;
}
.btn-marketplace-header:hover {
	background-color: #e7cb17;
	border: solid 2px #e7cb17;
	text-decoration: none;
	color: #383838 !important;
}
.transition{
    transition-property: background, background-color, border-color, color;
    transition: 0.4s;
}

/*bootstrap panel*/
.body-universe .panel {
	background: transparent;
	box-shadow: none;
}

/*bootstrap collapse*/
.btn[aria-expanded="true"] span.close-collapse {
	display: inline-block;
}
.btn[aria-expanded="true"] span.open-collapse {
	display: none;
}
.btn[aria-expanded="false"] span.open-collapse {
	display: inline-block;
}
.btn[aria-expanded="false"] span.close-collapse {
	display: none;
}

/*bootstrap nav-tabs*/
.body-universe .bg-1-nav-tabs > li {
    display: inline-block !important;
	transition-property: background-color, border-color;
}
.body-universe .bg-1-nav-tabs.nav > li > a {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #d8d8d8;
    color: #d8d8d8;
	transition-property: background-color, border-color;
    transition: 0.4s;
	padding: 15px 50px;
	border-radius: 0px;
	margin: 0 10px;
	font-size: 16px;
}
.body-universe .bg-1-nav-tabs.nav > li > a:hover, .bg-1-nav-tabs.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #444444;
}
.body-universe .bg-1-nav-tabs.nav > li.active > a {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #444444;
}
.body-universe .bg-1-nav-tabs.nav > li > a:hover svg rect, .bg-1-nav-tabs.nav > li > a:focus svg rect, 
.body-universe .bg-1-nav-tabs.nav > li.active > a svg rect {
	fill: #444444;
}

.body-universe .bg-2-nav-tabs > li {
    display: inline-block !important;
	transition-property: background-color, border-color;
}
.body-universe .bg-2-nav-tabs.nav > li > a {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #d8d8d8;
    color: #d8d8d8;
	transition-property: background-color, border-color;
    transition: 0.4s;
	padding: 15px 50px;
	border-radius: 0px;
	margin: 0 10px;
	font-size: 16px;
}
.body-universe .bg-2-nav-tabs.nav > li > a:hover, .bg-2-nav-tabs.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #ff007a;
}
.body-universe .bg-2-nav-tabs.nav > li.active > a {
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #ff007a;
    color: #fff;
}

.body-universe svg,
.body-universe .tab-text {
	vertical-align: middle;
	display: inline-block;
	margin: 0 5px;
}

.macbook-tabs {
    background: url(/upload/page-universe/macbook-tabs-bg.png) top center no-repeat;
    padding: 46px 100px 150px 100px;
    box-sizing: border-box;
}

.body-universe .number {
    font-size: 40px;
    color: #383838;
    font-weight: 700;
}
.body-universe .number-title {
    font-size: 15px;
    color: #1a1919;
    min-height: 40px;
    margin-top: 15px;
	font-weight: 500;
}

/*iframe*/
.iframe-block {
	border-radius: 20px;
	display: block;
	overflow: hidden;
}
.iframe-block iframe {
	width: 100% !important;
}

/*other*/
.text-info {
	text-align: left;
	max-width: 216px;
	color: #fff;
	position: absolute;
}
.text-info span{
	font-weight: 500;
	display: block;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#order_question form {
    max-width: 600px;
    margin: 0 auto;
}
.universe-index-bg {
	background: url(/upload/page-universe/universe-index-bg.jpg) center 90px no-repeat; 
	position:relative;
}
.img-display-bg {
	background:url(/upload/page-universe/img-display.png) no-repeat center left; 
	min-height: 650px;
}
.body-prom .img-display-bg {
	background:url(/upload/prom/img-display.png) no-repeat center left; 
	min-height: 650px;
}

@media (max-width:1000px) {
	.text-info {
		max-width: 100%;
		position: initial;
		margin: 15px 0 15px 0;
	}
}	
@media (max-width:768px) {
	.panel-info {
		border-top: 0px;
		padding-bottom: 60px;
	}
	.panel-info div.intec-grid-item {
		border-right: 0px;
	}
	.banner-block-text {
		max-width: 100% !important;
	}
	.banner-block-img,
	.check-green,
	.check_green {
		display: none !important;
	}
	.panel-info div.intec-grid-item, .panel-info div.intec-grid-item-auto {
		padding: 15px;
	}
	#description_devices {
		display: none;
	}
	.body-universe .bg-1-nav-tabs.nav > li > a,
	.body-universe .bg-2-nav-tabs.nav > li > a	{
		margin: 10px;
		padding: 15px;
	}
	.macbook-tabs {
		background: none;
		padding: 0px;
	}
	.img-display-bg,
	.universe-index-bg {
		background: none !important;
	}
	.text-info {
		margin: 15px 0 25px 0;
	}
	.text-info span {
		margin-bottom: 5px;
	}
	.body-universe .title {
		font-size: 28px;
		line-height: 34px;
	}
}

@media (max-width:600px) {
	.bg-nav-tabs.nav > li.active > a:after,
	.bg-nav-tabs.nav > li.active > a:before {
		display: none;
	}
	.table-universe img {
		width: auto;
	}
	/* img {
		width: 80%;
	} */
	iframe {
		width: 100%;
		height: 100%;
	}
	.col-xs-4 {
		width: 90% !important;
	}
	.col-xs-6, .col-xs-3, .col-xs-5, .col-xs-7 {
		width: 100%;
		margin-bottom: 20px;
	}
	.check_green {
		display: none;
	}
	.check_green_text {
		width: 100%;
	}
	.text-block {
		padding-top: 50px;
	}
	.text-block .big-text {
		font-size: 30px;
	}
	.text-block .small-text {
		width: 100%;
	}
	.banner-universe {
		min-height: 800px !important;
	}
	.btn-universe, .btn-universe2 {
		width: 100%;
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
	.form_feedback_help .controls_help {
		width: 100%;
		margin-bottom: 10px;
	}
	.form_feedback_help .buttons,
	.form_feedback_help .solid_button {
		width: 100%;
	}
	.form_feedback_help .solid_button {
		margin-left: 0px;
	}
	.landing_feedback_title {
		line-height: 1.4;
	}
	.text-block .small-text {
		font-size: 14px;
	}
	.time-sale-block {
		margin-bottom: 30px;
	}
	.title-time, .price-sale-block .sale-price {
		margin-right: 0px;
	}
	.price-sale-block .sale-old-price {
		display: block;
		margin-right: 0px;
	}
	.bg-nav-tabs > li {
		margin-bottom: 10px;
	}
}