body,
div#page1,
div#page2{
	 background-image: url(../images/galaxy_wallpaper_42a.jpg);
}
.wrapper-all-content {
    min-height: 1000px;
}
.title-head{
	font-family: 'Roboto', sans-serif;
	color:  #fff;
	font-size: 4.3em;
	font-weight: 400;
    margin-top: 50px;
	text-align: center;
	text-shadow: 0px 2px 15px #3471b0;
}
.galaxt-phone-top .phone{
	position: relative;
}
.title-header-desc {
	font-family: 'Roboto', sans-serif;
    color: #fff;
	font-size: 2.8em;
    padding-top: 3px;
    font-weight: 300;
    text-align: center;
    text-shadow: 0px 2px 15px #3471b0;
}
div#page1 .pp-tableCell {
    vertical-align: top;
}
.camera-right-col img,
.watch-right-col img,
.oculus-left-col img{
    z-index: 111111;
    position: relative;
    max-width: 50%;
    margin-bottom: 0px;
}
.oculus-left-col img {
    max-width: 100%;
    padding-top: 30%;
}
.camera-right-col img {
    max-width: 45%;
    margin: 7% 0% 13% -5%;
}
body.pp-viewing-content #paralax-blocks {
    touch-action: inherit!important;
}
a.text-after-galaxt-phone-top,
a.text-after-galaxt-phone-top:hover,
a.text-after-galaxt-phone-top:focus {
	font-family: 'Roboto';
    font-size: 1.4em;
    font-weight: 300;
    display: block;
    padding-top: 20px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    color: #fff;
    outline: none;
    width: 150%;
    margin-left: -25%;

}
a.text-after-galaxt-phone-top:after,
a.text-after-galaxt-phone-top:before {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 400px;
    bottom: -8px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.text-after-galaxt-phone-top:before {
    -moz-transform: rotate(15deg); /* Для Firefox */
    -ms-transform: rotate(15deg); /* Для IE */
    -webkit-transform: rotate(15deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(15deg); /* Для Opera */
    transform: rotate(15deg);
    left: calc(50% - 26px);
}
a.text-after-galaxt-phone-top:after {
    -moz-transform: rotate(-15deg); /* Для Firefox */
    -ms-transform: rotate(-15deg); /* Для IE */
    -webkit-transform: rotate(-15deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-15deg); /* Для Opera */
    transform: rotate(-15deg);
    left: calc(50%);
}
a.text-after-galaxt-phone-top:hover:after,
a.text-after-galaxt-phone-top:hover:before{
    -moz-transform: rotate(0deg); /* Для Firefox */
    -ms-transform: rotate(0deg); /* Для IE */
    -webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg); /* Для Opera */
	transform: rotate(0deg);
}
div#pp-nav span {
    width: 20px;
    height: 20px;
    background: #fff;
}
div#pp-nav li {
    margin-bottom: 20px;
}
h2.two-title-h2 {
    font-family: 'Roboto';
    color: #fff;
    font-size: 4em;
    font-weight: 400;
    margin-top: 40px;
    padding-top: 30px;
    text-align: center;
    text-shadow: 0px 2px 15px #3471b0;
}
body.pp-viewing-page3 {
    height: inherit;
}
.wrapper-all-content.container.section.pp-section.pp-table{
    position: relative!important;
    top: 0!important;
    height: auto!important;
}
p.two-description {
    color: #fff;
    font-size: 1.8em;
    font-weight: 300;
    text-align: justify;
    padding: 0px 3.4%;
}
.wtat-is-ecosystem {
    max-width: 100%;

}
.wtat-is-ecosystem-title {
    color: #fff;
    font-size: 3em;
    font-weight: 400;
    width: 100%;
    text-align: center;
    text-shadow: 0px 3px 25px rgba(0, 0, 0, 0.55);
}
.max-width-images,
.max-width-images img{
	max-width: 100%;
}
.mobile-show{
	display: none;
}
.shadow-after {
    content: "";
    display: block;
    position: absolute;
    width: 28%;
    background: #152B50;
    height: 30%;
    top: 44%;
    border-radius: 100%;
    z-index: 0;
    left: 40%;
    -webkit-box-shadow: 0px 0px 183px 13px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 183px 13px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 183px 52px rgb(25, 61, 117);
    display: none;
}
.realitive{
	position: relative;
}
.text-align-right{
	text-align: right;
}
.text-align-left{
	text-align: left;
}
.line-infinite a.active:hover,
.line-infinite a.active:focus {
    text-decoration: none;
    color: #FFF;
    text-shadow: 1px 0px 1px rgb(241, 241, 241);
}
.line-infinite a:hover,
.line-infinite a:focus {
    text-decoration: none;
}
.used-skills a:hover p{
    text-decoration: underline!important;
}
.big-white-button:hover {
	text-decoration: underline;
    color: #000;
    background: #EFEFEF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
}
.footer-social-description {
    font-family: 'Roboto';
    color: #fff;
    font-size: 2em;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    padding-top: 50px;
}
.footer-social-description a,
.footer-social-description a:hover,
.footer-social-description a:focus{
	color: #fff!important;
	padding-left: 30px;
	display: inline-block;
}
div#share-buttons {
    display: inline-block;
    vertical-align: middle;
    margin-top: -10px;
}
.shareBlock_items a:hover,
.shareBlock_items a:focus,
.ya-share2__item:hover,
.ya-share2__item:focus {
    color: #3FAECA;
    text-decoration: none;
    -moz-transform: rotateY(360deg); /* Для Firefox */
    -ms-transform: rotateY(360deg); /* Для IE */
    -webkit-transform: rotateY(360deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotateY(360deg); /* Для Opera */
    transform: rotateY(360deg);
}
ul.nav-menu-footer li {
	display: inline-block;
}
ul.nav-menu-footer li a {
    display: inline-block;
    font-family: 'Roboto';
    padding-right: 20px;
        vertical-align: middle;
    color: #fff;
    font-size: 1.4em;
    font-weight: 400;
    text-align: center;
}
.go-top.style {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    width: 50px;
    height: 50px;
    position: relative;
    margin-right: 15px;
}
.footer-link-logo {
    width: 40px;
    height: 90px;
    background: url(../images/logo-footer.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-size: 100%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.wrapper-nav-menu-footer {
    padding-top: 60px;
    border-top: 2px white solid;
}
.wrapper-nav-logo-img-footer{
    border-top: 2px white solid;
    padding-top: 20px;
}

.go-top.style:after, .go-top.style:before {
	content: "";
    top: 23px;
    display: block;
    width: 15px;
    height: 3px;
    background: #000;
    position: absolute;
    bottom: -20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.go-top.style:before {
    -moz-transform: rotate(30deg); /* Для Firefox */
    -ms-transform: rotate(30deg); /* Для IE */
    -webkit-transform: rotate(30deg);/* Для Safari, Chrome, iOS */
    -o-transform: rotate(30deg); /* Для Opera */
    transform: rotate(30deg);
    left: calc(50%);
}
.go-top.style:after {
    -moz-transform: rotate(-30deg); /* Для Firefox */
    -ms-transform: rotate(-30deg); /* Для IE */
    -webkit-transform: rotate(-30deg);/* Для Safari, Chrome, iOS */
    -o-transform: rotate(-30deg); /* Для Opera */
    transform: rotate(-30deg);
    left: calc(50% - 12px);
}
.go-top.style:hover:after{
    -moz-transform: rotate(330deg); /* Для Firefox */
    -ms-transform: rotate(330deg); /* Для IE */
    -webkit-transform: rotate(330deg);/* Для Safari, Chrome, iOS */
    -o-transform: rotate(330deg); /* Для Opera */
	transform: rotate(330deg);
}
.go-top.style:hover:before{
    -moz-transform: rotate(-330deg); /* Для Firefox */
    -ms-transform: rotate(-330deg); /* Для IE */
    -webkit-transform: rotate(-330deg);/* Для Safari, Chrome, iOS */
    -o-transform: rotate(-330deg); /* Для Opera */
	transform: rotate(-330deg);
}
.go-top.style:hover{
	background: #fff;
}
.footer-link-logo:hover,
#topLineLogo-my:hover{
    -moz-transform: rotateY(360deg); /* Для Firefox */
    -ms-transform: rotateY(360deg); /* Для IE */
    -webkit-transform: rotateY(360deg);/* Для Safari, Chrome, iOS */
    -o-transform: rotateY(360deg); /* Для Opera */
	transform: rotateY(360deg);
}
.line-infinite img{
	max-width: 100%;
}
.line-infinite {
	margin-top: 50px;
	position: relative;
	padding-bottom: 100px;
}
.line-infinite a {
    z-index: 888;
    position: absolute;
    top: 1%;
    left: 22%;
    color: #fff;
    font-size: 1.6em;
    font-weight: 400;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.line-infinite a.link-2 {
    top: 4.3%;
    left: 23%;
}
.line-infinite  a.link-1 {
    top: 0.5%;
    left: 20.6%;
}
.line-infinite a.link-3 {
    top: 8.7%;
    left: 34%;
}
.galaxt-phone-top img{
	max-width: 50%;
}
div#container {
    max-width: 1400px;
    margin: auto;
}

.used-skills.two img {
    max-width: 100%;
}
.used-skills.two {
    margin-top: -20%;
}
.used-skills.two p.wtat-is-ecosystem-title {
    top: -15%;
}
.one-head-image img {
    max-width: 100%;
    padding-top: 17%;
    padding-left: 7%;
}
.one-head-image {
    text-align: left;
}
.two-head-imag img {
    max-width: 93%;
    padding-left: 6%;
}


.used-skills.two img {
    max-width: 100%;
}
.used-skills.two {
    margin-top: -20%;
}
.used-skills.two p.wtat-is-ecosystem-title {
    top: -15%;
}
.one-head-image img {
    max-width: 100%;
    padding-top: 17%;
    padding-left: 7%;
}
.one-head-image {
    text-align: left;
}
.two-head-imag img {
    max-width: 93%;
    padding-left: 6%;
}
.line-infinite a.link-1 {
    top: 1.8%;
    left: 28.6%;
}

.line-infinite a.link-2 {
    top: 5.08%;
    left: 31%;
}

.line-infinite a.link-3 {
    top: 9.3%;
    left: 38%;
}
.line-infinite a.link-4 {
    top: 14.2%;
    text-align: right;
    right: 43%;
    left: 0%;
}
.big-white-button,
.big-white-button:focus {
    background: #fff;
    color: #000;
    font-size: 1.4em!important;
    padding: 20px 23px;
    border-radius: 6px;
    margin-top: 20px;
    display: inline-block;
        -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.line-infinite a.link-5 {
    top: 18.9%;
    text-align: right;
    right: 27%;
    left: 0%;
}
.line-infinite a.link-6 {
    top: 23.7%;
    text-align: right;
    right: 22%;
    left: 0%;
}
.line-infinite a.link-7 img,
.line-infinite a.link-10 img,
.line-infinite a.link-13 img {
    width: 35%;
    display: block;
}
.line-infinite a.link-7 .big-white-button,
.line-infinite a.link-10 .big-white-button,
.line-infinite a.link-13 .big-white-button{
    font-size: 1em!important;
}
.line-infinite a.link-7 {
    top: 29.5%;
    text-align: left;
    right: 22%;
    left: 25%;
}

.line-infinite a.link-8 {
    top: 41%;
    text-align: right;
    right: 28%;
    left: 0%;
}
.line-infinite a.link-9 {
    top: 46.2%;
    text-align: left;
    right: 0%;
    left: 22%;
}
.line-infinite a.link-10 {
    top: 52.2%;
    text-align: left;
    right: 0%;
    left: 22%;
}
.line-infinite a.link-11 {
    top: 62.5%;
    text-align: left;
    right: 0%;
    left: 20%;
}
.line-infinite a.link-12 {
    top: 67.2%;
    text-align: right;
    right: 28%;
    left: 0%;
}
.line-infinite a.link-13 {
    top: 74.2%;
    text-align: left;
    right: 31%;
    left: 33%;
}
.line-infinite a.link-13 img {
    display: inline-block;
        width: 70%;
}
.line-infinite a.link-14 {
    top: 85.4%;
    text-align: right;
    right: 31%;
    left: 0%;
}
.line-infinite a.link-15 {
    top: 90.5%;
    text-align: left;
    right: 0%;
    left: 22%;
}
.line-infinite a.link-7 img{
	width: 45%;
}

a.text-after-galaxt-phone-top.active.two {
    width: 100%;
    margin-left: -0%;
}

.line-infinite .link-1:before,
.line-infinite .link-2:before,
.line-infinite .link-3:before {
    background: url(../images/les.jpg);
}
.line-infinite .link-1:before{
    background: url(../images/link-1.jpg);
} 
.line-infinite .link-2:before{
    background: url(../images/link-2.jpg);
}
.line-infinite .link-3:before{
    background: url(../images/link-3.jpg);
}
.line-infinite .link-6:before{
    background: url(../images/in-objective-min.jpg);
}
.line-infinite .link-8:before{
    background: url(../images/obzor-gearvr-01.jpg);
}
.line-infinite .link-9:before{
    background: url(../images/virtual-reality-001.jpg);
}
.line-infinite .link-11:before{
    background: url(../images/v-gear360.jpeg);
}
.line-infinite .link-12:before{
    background: url(../images/video-gear360-01.jpeg);
}
.line-infinite .link-14:before{
    background: url(../images/obzor-gears2.jpeg);
        right: -30px !important;
}

.line-infinite .link-5:before{
    background: url(../images/link-5.jpg);
} 
.line-infinite .link-4:before{
    background: url(../images/party-min.jpg);
} 
/*shadows*/
.line-infinite .link-3:before {
    margin-left: -23%!important;
    margin-top: -13px!important;
}
.line-infinite .link-4:before {
    margin-right: -26%!important;
        margin-top: -17px;
}
.line-infinite .link-5:before {
    right: 3px;
    margin-left: 0px;
}

.line-infinite .link-2:before {
    left: -0.5%;
    top: 11%;
}

.line-infinite .link-6:before {
    margin-right: -13%!important;
    right: 3px;
    margin-left: 0px;
    margin-right: -19%;
    margin-top: -27px;
}
.line-infinite .link-8:before {
    margin-right: -17%!important;
    margin-top: -14px;
}
.line-infinite .link-8:before {
    margin-right: -17%!important;
    margin-top: -14px;
}
.line-infinite .link-9:before {
    margin-left: -14%!important;
    margin-top: -2%!important;
}
.line-infinite .link-11:before {
    margin-left: -12%!important;
}
.line-infinite .link-12:before {
    margin-right: -15%!important;
}
.line-infinite .link-15:before {
    margin-left: -12%!important;
}
.line-infinite .link-15:before{
    background: url(../images/eco_experience_1_small.jpg);
        margin-left: -13.5%!important;
}
/* diff style */
@font-face {
    font-family: 'Lato';
    src: url('https://iguides.ru/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.eot');
    src: url('https://iguides.ru/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://iguides.ru/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.woff2') format('woff2'),
        url('https://iguides.ru/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.woff') format('woff'),
         url('https://iguides.ru/bitrix/templates/iguides-2015/css/../fonts/Lato/Lato-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'samsung';
    src: url('fonts/SAMSUNGONECYRILLIC500_V1_0_0.eot');
    src: url('fonts/SAMSUNGONECYRILLIC500_V1_0_0.eot') format('embedded-opentype'),
         url('fonts/SAMSUNGONECYRILLIC500_V1_0_0.woff2') format('woff2'),
         url('fonts/SAMSUNGONECYRILLIC500_V1_0_0.woff') format('woff'),
         url('fonts/SAMSUNGONECYRILLIC500_V1_0_0.ttf') format('truetype'),
         url('fonts/SAMSUNGONECYRILLIC500_V1_0_0.svg#SAMSUNGONECYRILLIC500_V1_0_0') format('svg');
}
/*@font-face {
    font-family: 'AvantGardeCTT-Bold';
    src: url('fonts/AvantGardeCTT-Bold.eot');
    src: url('fonts/AvantGardeCTT-Bold.eot') format('embedded-opentype'),
        url('fonts/AvantGardeCTT-Bold.woff2') format('woff2'),
        url('fonts/AvantGardeCTT-Bold.woff') format('woff'),
        url('fonts/AvantGardeCTT-Bold.ttf') format('truetype'),
        url('fonts/AvantGardeCTT-Bold.svg#AvantGardeCTT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'AvantGardeCTT';
    src: url('fonts/AvantGardeCTT.eot');
    src: url('fonts/AvantGardeCTT.eot') format('embedded-opentype'),
        url('fonts/AvantGardeCTT.woff2') format('woff2'),
        url('fonts/AvantGardeCTT.woff') format('woff'),
        url('fonts/AvantGardeCTT.ttf') format('truetype'),
        url('fonts/AvantGardeCTT.svg#AvantGardeCTT') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light.eot');
    src: url('fonts/Roboto-Light.eot') format('embedded-opentype'),
        url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.ttf') format('truetype'),
        url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
  font-family: 'FuturaStd-Book';
  src: url('fonts/FuturaStd-Book.eot');
  src: url('fonts/FuturaStd-Book.woff2') format('woff2'),
       url('fonts/FuturaStd-Book.woff') format('woff'),
       url('fonts/FuturaStd-Book.ttf') format('truetype'),
       url('fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg'),
       url('fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


h1 {
    font-family: 'FuturaStd-Book',Arial,sans-serif!important;
}
h2,
h3,
h4,
h5,
h6{
    font-family: 'FuturaStd-Book',Arial,sans-serif!important; 
}
p,
a,
span{
    font-family: 'samsung',Arial,sans-serif!important;
}
.z-index-big{
    z-index: 299;
    position: relative;
}


.gradient-text {
  position: relative;
}
.gradient-text h1,
.gradient-text p,
.gradient-text h2 {
  color: #000;
  background: #fff;
  mix-blend-mode: lighten;
  margin: 0px;
}
.gradient-text {
    background: #646bd1; /* Old browsers */
    background: -moz-linear-gradient(left,  #646bd1 0%, #a0117a 50%, #de47ac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #646bd1 0%,#a0117a 50%,#de47ac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #646bd1 0%,#a0117a 50%,#de47ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646bd1', endColorstr='#de47ac',GradientType=1 ); /* IE6-9 */
  background-size: cover;
}
.content-text-wrapper-styler .state.title {
    margin-top: 25px;
    margin-bottom: 20px;
}
.content-text-wrapper-styler p {
    color: #333333;
    font-size: 1.5em;
    line-height: 1.5em;
}
body .content-text-wrapper-styler{
    padding-left: 4%;
     padding-right: 4%;
}
.padding-wrapper{
    padding: 0px 4%;
}
.content-text-wrapper-styler .carousel-indicators li {
    background: #808080;
    border: none;
    width: 15px;
    height: 15px;
    margin: 0px;
    margin-top: 10px;
}
.content-text-wrapper-styler .carousel-indicators .active {
   background: #3E3E3E;
}

.content-text-wrapper-styler .carousel-indicators {
    position: relative;
    left: 0px;
    z-index: 15;
    bottom: 0%!important;
    width: 100%;
    margin-left: 0%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.carousel-indicators .active {
    background-color: #6D6D6D;
}
.content-text-wrapper-styler img{
    margin-bottom: 40px;
}
.content-text-wrapper-styler .carousel-control.right,
.content-text-wrapper-styler .carousel-control.left{
    background: none!important;
}
.content-text-wrapper-styler .carousel-inner img{
    margin: 0px;
}
.content-text-wrapper-styler .ul-title {
    color: #333333;
    font-size: 2.4em;
    margin-bottom: 20px;
    text-align: left;
}
.content-text-wrapper-styler ul li {
    color: #333333;
    font-size: 1.4em;
    position: relative;
    padding-bottom: 6px;
    padding-left: 25px;
    text-align: left;
}
.content-text-wrapper-styler ul li:before {
    content: "";
    display: block;
    border: 6px solid transparent;
    border-left: 9px solid #cccccc;
    vertical-align: middle;
    margin-top: 6px;
    margin-right: 9px;
    position: absolute;
    left: 3px;
}
.content-text-wrapper-styler .ul-title {
    color: #333333;
    font-size: 2.2em;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: left;
}
.content-text-wrapper-styler h2 {
    color: #333333;
    font-size: 2.5em;
    font-weight: 600;
}
.content-footer-content-page {
    background: #fff;
}
.content-footer-content-page .footer-social-description, .content-footer-content-page .footer-social-description a i {
    color: #3E3E3E;
}
.content-footer-content-page .footer-social-description{
    border-bottom: 2px #DCDADA solid;
    padding: 15px 0px 15px 0px;
    border-top: 2px #DCDADA solid;
    margin-bottom: 30px;
}
.line-infinite a:before{
    background-size: 100%!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    -moz-transform: scale(0); /* Для Firefox */
    -ms-transform: scale(0); /* Для IE */
    -webkit-transform: scale(0); /* Для Safari, Chrome, iOS */
    -o-transform: scale(0); /* Для Opera */
    transform: scale(0);
    position: absolute;
    background: #fff;
    margin-left: -92px;
    border-radius: 100%;
    margin-top: -23px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top:0px;
}
.line-infinite a:after{
    background-size: 100%!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    background: transparent;
    margin-left: -92px;
    border-radius: 100%;
    margin-top: -23px;
    top:0px;
    left: 0%;
}
.line-infinite a.link-4:after {
    right: -24%;
}
.line-infinite a.after-right:after {
    right: -17%;
    left: auto;
}
.line-infinite a.link-6:after {
    right: -13%;
}
.line-infinite a.after-right:before{
    right: 0px;
    margin-right: -14%;
}
.line-infinite a.active:hover:before{
    -moz-transform: scale(1); /* Для Firefox */
    -ms-transform: scale(1); /* Для IE */
    -webkit-transform: scale(1); /* Для Safari, Chrome, iOS */
    -o-transform: scale(1); /* Для Opera */
    transform: scale(1);
    webkit-box-shadow: 0px 0px 49px -3px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 49px -3px rgba(255,255,255,1);
    box-shadow: 0px 0px 49px -3px rgba(255,255,255,1);
}



@media (max-width:800px){
	

	.realitive.camera,
	.realitive.watch{
		 width: 49%;
		 display: block;
	}
	.wtat-is-ecosystem-title {
	    font-size: 2em;
	    top: 28%;
	}



}
@media only screen and (max-width : 1366px) {
   .camera-right-col img {
        max-width: 40%;
        margin: 7% 0% 9% -5%;
    }
    .camera-right-col img, .watch-right-col img{
        max-width: 40%;
    }
    p.two-description {
         font-size: 1.6em;
     }
     .used-skills.one {
        margin-top: -40px!important;
        margin-bottom: -45px;
    }
    .used-skills.one img {
        max-width: 75%!important;
    }
    .wtat-is-ecosystem-title {
      font-size: 2em;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width:1000px) { 

    .title-head{
        margin-top: 30px;
    }
    .wtat-is-ecosystem-title {
      font-size: 3em;
    }
     .used-skills.one img {
        max-width: 100%!important;
    }
     .used-skills.one {
        margin-top: 0px!important;
            margin-bottom: 0px;
    }
    .line-infinite a:before {
        width: 58px;
        height: 58px;
    }
    .padding-wrapper{
        padding: 0px 0%!important;
    }
    body .content-text-wrapper-styler {
          padding-left: 2%!important;
          padding-right: 2%!important;
    }
	.go-top.style:after, .go-top.style:before {
	    top: 24px;
	    width: 17px;
	}
	.go-top.style:after {
	    left: calc(50% - 14px);
	}
	.footer-link-logo {
	    display: inline-block;
	}

	.realitive.camera,
	.realitive.watch {
    	display: inline-block!important;
	    max-width: 49%;
	    padding-top: 30px;
        vertical-align: top;
	}	
	.oculus-left-col img {
	    max-width: 60%;
	    padding-top: 0%;
	    margin-bottom: 0px;
	}
	.footer-social-description {
	    font-size: 2.8em;
	}
	.footer-social-description span{
		display: block;
	}
	.wrapper-nav-menu-footer {
	    padding-top: 0px;
	}
	.wrapper-nav-menu-footer {
	    border-top: 0px white solid;
	}
	.wrapper-nav-logo-img-footer{
		text-align: center;
	}
}
@media (max-width:1200px) { 
    .line-infinite .link-2:before {
        left: 1.5%;
        top: 9%;
    }
    p.two-description {
         font-size: 1.6em;
     }

	.line-infinite a.link-1 {
	    top: 1.6%;
	}
	.line-infinite a.link-2 {
	    top: 4.9%;
	}
	.line-infinite a.link-3 {
	    top: 9.1%;
	}
	.line-infinite a.link-5 {
   	 top: 18.7%;
	}
	.line-infinite a.link-6 {
	    top: 23.3%;
	}
	.line-infinite a.link-7 {
	    left: 17%;
	    top: 28.7%;
	}
	.line-infinite a.link-9 {
	    top: 45.5%;
	}
	.line-infinite a.link-7 .big-white-button,
	.line-infinite a.link-10 .big-white-button,
	.line-infinite a.link-13 .big-white-button {
	    font-size: 0.8em!important;
	    padding: 10px 15px;
	}
	.line-infinite a.link-8 {
	    top: 40.6%;
	}
	.big-white-button, .big-white-button:hover, .big-white-button:focus {
	    font-size: 0.7em!important;
	    padding: 10px 15px;
	}
	.line-infinite a.link-11 {
	    top: 62.1%;
	}
	.line-infinite a.link-12 {
    	top: 66.2%;
    }
    .line-infinite a.link-14 {
	    top: 83.4%;
	}
	.line-infinite a.link-15 {
 	   top: 90%;
 	}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width:992px) {

    .line-infinite .link-1:before {
        left: 4%;
    }
    .line-infinite .link-2:before {
         left: 5%;
         top: 28%;
    }
    .line-infinite .link-3:before {
        margin-left: -19%!important;
        margin-top: -1%;
    } 
    .line-infinite a.after-right:before {
        top: 49%;
    }
    .wtat-is-ecosystem-title {
        font-size: 2em;
    }
    .title-header-desc {
      font-size: 1.8em;
    }
    .title-head {
        font-size: 3.3em;
    }
    .shadow-after {
        height: 6%;
    }
	p.two-description {
	    font-size: 1.3em;
	    padding: 0px 0.4%;
	}
	h2.two-title-h2 {
	    font-size: 2.4em;
	}
	.line-infinite a {
 	   font-size: 1.3em;
 	}
 	.line-infinite a.link-4 {
	    top: 13.35%;
	}
	.line-infinite a.link-9 {
	    top: 45.2%;
	}
	.line-infinite a.link-10 {
   	 top: 51.2%;
   	}
   	.line-infinite a.link-11 {
	    top: 61.6%;
	}
	.line-infinite a.link-15 {
 	   top: 89.7%;
 	}
 	.go-top.style {
	    width: 50px;
	    height: 50px;
	    position: fixed;
	    z-index: 9999;
	    right: 0px;
	    bottom: 10px;
	}
	ul.nav-menu-footer li {
  	  display: block;
  	}
	ul.nav-menu-footer li a {
	    font-size: 2em;
	}


 }


.scroll-three-el {
    padding-top: 30px;
}
a.text-after-galaxt-phone-top.two {
    display: block;
    margin-bottom: 40px;
}
/* Small devices (tablets, 768px and up) */
@media (max-width:768px) {

   .mobile-hidden{
        display: none!important;
    }
    .mobile-show{
        display: block!important;
    }
    .footer-social-description a, .footer-social-description a:hover, .footer-social-description a:focus {
        padding-left: 10px!important;
    }
    ul.nav-menu-footer li a {
        padding-right: 0px!important;
    }
    ul.nav-menu-footer li a {
        font-size: 1.3em;
    } 
    .title-header-desc {
        font-size: 1.6em;
    }
    .line-infinite {
        margin-top: 20px;
    }
    .footer-social-description {
        font-size: 1.8em;
    }
    p.two-description {
        font-size: 1.1em;
    }
    h2.two-title-h2 {
        margin-top: 20px;
        font-size: 1.5em;
    }
    a.text-after-galaxt-phone-top {
        font-size: 1.4em!important;
    }
    .after-two-content div{
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .line-infinite .link-3:before {
        margin-left: -27%!important;
        margin-top: -1%;
    }
    .line-infinite .link-2:before{
        left: 7%!important;
        top: 58%!important;
    }
    .line-infinite .link-1:before {
        left: 9%;
        top: 60%;
    }
    .line-infinite a.link-2:before, 
    .line-infinite a.link-3:before {
        left: 3%;
        top: 12%;
    }
    .line-infinite a:before{
        width: 40px;
        height: 40px;
    }
    a.text-after-galaxt-phone-top, a.text-after-galaxt-phone-top:hover, a.text-after-galaxt-phone-top:focus {
          font-size: 2em;
    }

	.line-infinite a {
 	   font-size: 1em;
 	}
 	.line-infinite a.link-12 {
    	top: 65.4%;
    }
    .line-infinite a.link-14 {
	    top: 83.4%;
	}
	.line-infinite a.link-15 {
   	 top: 88.9%;
   	}
    .wtat-is-ecosystem-title {
        font-size: 1.1em;
    }
}

/* Small devices (tablets, 600px and up) */
@media (max-width:600px) { 
    .line-infinite .link-2:before {
         left: 17%!important;
         margin-top: -13px;
    }
    .line-infinite .link-1:before {
     left: 21%
    }
    .line-infinite a {
        font-size: 0.56em;
    }
	.line-infinite a.link-5 {
    	top: 16.9%;
	}
	.line-infinite a.link-7 {
	    left: 20%;
	    top: 27.5%;
	}
	.line-infinite a.link-8 {
	    top: 38.6%;
	}
	.line-infinite a.link-13 {
    	top: 72.2%;
    }
    .line-infinite a.link-15 {
        top: 82.9%;
    }
    .line-infinite a.link-14 {
        top: 77.4%;
    }
	.line-infinite a.link-13 {
	    top: 70.2%;
	}
    .line-infinite a.link-12 {
        top: 61.4%;
    }
	.line-infinite a.link-9 {
	    top: 44.2%;
	}
    .line-infinite a.link-11 {
        top: 57.4%;
    }
    .line-infinite a.link-3:before {
        left: 5%;
        top: -11%;
    }
    .line-infinite a.link-4 {
        top: 12.45%;
    }
    .line-infinite a.link-6 {
        top: 21.3%;
    }
    .line-infinite a.link-8 {
        top: 37.6%;
    }
    .line-infinite a.link-9 {
        top: 42.2%;
    }
    .line-infinite a.link-10 {
        top: 47.2%;
    }
    .line-infinite a.link-13 {
        top: 66.2%;
    }
}
.text-after-galaxt-phone-top.active{
  animation: activeButton linear 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: activeButton linear 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: activeButton linear 1s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: activeButton linear 1s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: activeButton linear 1s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes activeButton{
  0% {
    transform:  translate(0px,0px)  ;
  }
  10% {
    transform:  translate(0px,0px)  ;
  }
  20% {
    transform:  translate(0px,0px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  40% {
    transform:  translate(0px,0px)  ;
  }
  50% {
    transform:  translate(0px,0px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  70% {
    transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  80% {
    transform:  translate(3px,0px)  ;
  }
  90% {
    transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes activeButton{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  10% {
    -moz-transform:  translate(0px,0px)  ;
  }
  20% {
    -moz-transform:  translate(0px,0px)  ;
  }
  30% {
    -moz-transform:  translate(0px,0px)  ;
  }
  40% {
    -moz-transform:  translate(0px,0px)  ;
  }
  50% {
    -moz-transform:  translate(0px,0px)  ;
  }
  60% {
    -moz-transform:  translate(0px,0px)  ;
  }
  70% {
    -moz-transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  80% {
    -moz-transform:  translate(3px,0px)  ;
  }
  90% {
    -moz-transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes activeButton {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  10% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  20% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  40% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  70% {
    -webkit-transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  80% {
    -webkit-transform:  translate(3px,0px)  ;
  }
  90% {
    -webkit-transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes activeButton {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  10% {
    -o-transform:  translate(0px,0px)  ;
  }
  20% {
    -o-transform:  translate(0px,0px)  ;
  }
  30% {
    -o-transform:  translate(0px,0px)  ;
  }
  40% {
    -o-transform:  translate(0px,0px)  ;
  }
  50% {
    -o-transform:  translate(0px,0px)  ;
  }
  60% {
    -o-transform:  translate(0px,0px)  ;
  }
  70% {
    -o-transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  80% {
    -o-transform:  translate(3px,0px)  ;
  }
  90% {
    -o-transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes activeButton {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  10% {
    -ms-transform:  translate(0px,0px)  ;
  }
  20% {
    -ms-transform:  translate(0px,0px)  ;
  }
  30% {
    -ms-transform:  translate(0px,0px)  ;
  }
  40% {
    -ms-transform:  translate(0px,0px)  ;
  }
  50% {
    -ms-transform:  translate(0px,0px)  ;
  }
  60% {
    -ms-transform:  translate(0px,0px)  ;
  }
  70% {
    -ms-transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  80% {
    -ms-transform:  translate(3px,0px)  ;
  }
  90% {
    -ms-transform:  translate(-3px,0px)  ;
        color: #D0D0D0;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}
.used-skills.one {
    margin-top: 0px;
    position: relative;
}
.used-skills.one img {
    max-width: 100%;
}
.used-skills.one > a,
.used-skills.one > .wrapper-a {
    position: absolute;
    top: 41%;
    left: 0px;
    right: 0px;
    text-align: center;
}
.used-skills.two > a {
    position: absolute;
    top: 0%;
    left: 0px;
    right: 0px;
    text-align: center;
}
.footer-descr-wrapper-in .footer-social-description {
  border:0px;
      margin-bottom: 0px;
}
.footer-descr-wrapper-in{
    border-bottom: 2px #DCDADA solid;
    border-top: 2px #DCDADA solid;
    display: inline-block;
    margin-bottom: 30px;
}


/* yandex-share */
.shareBlock_items a,
.ya-share2__item {
    color: #fff!important;
    position: relative;
    margin-left: 30px!important;
    display: inline-block;
    font: normal normal normal 2em/1 FontAwesome!important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 2em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-weight: 400;
    text-align: center;
}
.shareBlock_items {
    display: inline-block;
}
.ya-share2__icon {
  background: none!important;
}
.ya-share2__link{
  position: absolute;
  left: 0px;
}
.shareBlock_items a.vkontakte:before,
.ya-share2__item_service_vkontakte:before {
    content: "\f189";
}
.shareBlock_items a.facebook:before,
.ya-share2__item_service_facebook:before {
    content: "\f082";
}
.shareBlock_items a.twitter:before,
.ya-share2__item_service_twitter:before {
    content: "\f099";
}
.shareBlock_items a.pinterest:before,
.ya-share2__item_service_whatsapp:before {
    content: "\f232";
}
.shareBlock_items a.gplus:before,
.ya-share2__item_service_gplus:before {
    content: "\f0d5";
}
.shareBlock_items a.vkontakte:hover:before,
.ya-share2__item_service_vkontakte:hover:before {
    color: #2477AB;
}
.shareBlock_items a.facebook:hover:before,
.ya-share2__item_service_facebook:hover:before {
    color: #405D9B;
}
.shareBlock_items a.twitter:hover:before,
.ya-share2__item_service_twitter:hover:before {
    color: #4CB6BD;
}
.shareBlock_items a.pinterest:hover:before,
.ya-share2__item_service_whatsapp:hover:before {
    color: #15E000;
}
.shareBlock_items a.gplus:hover:before,
.ya-share2__item_service_gplus:hover:before {
    color: #E03105
}
.shareBlock_items span.b-share-counter {
    display: none;
}
.footer-descr-wrapper-in .shareBlock_items a,
.footer-descr-wrapper-in .ya-share2__item {
    color: #8E8E8E!important;
}
.ya-share2__list > li .ya-share2__badge {
  background: transparent!important;
}
#socialPopUp {
    display: none;
}

font[color="#FF0000"]{
    display: none;
}