header {
    position: fixed;
    top: 0px;
    z-index: 11111;
    width: 100%;
}

p.select-history {
font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 48px;
    position: absolute;
    top: 18%;
    z-index: 111;
    line-height: 48px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}


.selecter-wrapper {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/bitrix/templates/samsung_gear/html/images/stories/bg.jpg?v=95);
    z-index: 111;
    background-size: cover;
}

.selecter-wrapper .container {
    position: relative;
    height: 100%;
}

.selecter-row {
    position: absolute;
    left: 0px;
    top: 0px;
    /*    background: #292c2d;*/
    width: calc((100% / 3) - 20px);
    height: 100%;
    max-height: calc(100% - 100px);
    transform: rotate(15deg);
    /*  border: 1px white solid;*/
    margin-top: -65px;
    margin-left: -25px;
}
.selecter-content {
    background: url(/bitrix/templates/samsung_gear/html/images/stories/pr1.png?v=93);
    width: 100%;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    margin: 0px 0px 0px -11px;
    background-position: left bottom;
    background-size: 108%;
}
.selecter-row.selecter-0 {left: auto;right: calc(100% + 60px);}

.selecter-row.selecter-1 {
    left: 0px;
}

.selecter-row.selecter-2 {
    left: calc((100% / 3) + 20px);
}

.selecter-row.selecter-3 {
    left: calc( ( (100% / 3) * 2) + ( 20px * 2 ));
}


.selecter-row.selecter-4 {margin-left: 0px;top: calc(100% + 50px);width: 100%;left: 0px;transform: none;}

.selecter-row.selecter-5 {margin-left: 0px;top: calc(100% + 50px);width: 100%;left: 0px;transform: none;}

.selecter-row.selecter-6 {
    margin-left: 0px;
    top: calc(100% + 50px);
    width: 100%;
    left: 0px;
    transform: none;
}

.selecter-row.selecter-7 {
    left: calc(100% + 60px);
}

.selecter-row.selecter-6 .selecter-content,
.selecter-row.selecter-4 .selecter-content,
.selecter-row.selecter-5 .selecter-content  {
    background-position: top;
}
.selecter-row.selecter-1 > .skew-wrapper > .selecter-content {
    background-image: url(/bitrix/templates/samsung_gear/html/images/stories/pr_1_1.jpg?v=95);
}
.selecter-row.selecter-2  > .skew-wrapper > .selecter-content {
    background-image: url(/bitrix/templates/samsung_gear/html/images/stories/pr_2_1.jpg?v=95);
}
.selecter-row.selecter-3   > .skew-wrapper > .selecter-content {
    background-image: url(/bitrix/templates/samsung_gear/html/images/stories/pr_3_1.jpg?v=95);
}
.selecter-row.selecter-1  .selecter-content,
.selecter-row.selecter-2  .selecter-content,
.selecter-row.selecter-3  .selecter-content {
    position: absolute;
    top: 0px;
    height: calc(100% + 150px);
}
.selecter-row.selecter-1  .selecter-content {
    height: calc(100% + 30px);
}

.selecter-row.selecter-3  .selecter-content {
    height: calc(100% - 70px);
}
.selecter-row.selecter-5 .selecter-content {
    margin-top: -150px;
    background-size: 100%;
}
.selecter-row.selecter-4 .selecter-content {
    margin-top: -250px;
    background-size: 100%;
}
.selecter-row.selecter-6 .selecter-content {
    margin-top: -30px;
    background-size: 100%;
}
.selecter-row.selecter-7 .selecter-content,
.selecter-row.selecter-0  .selecter-content {
    background-size: 100%;
}
.selecter-row.selecter-7  .selecter-content {
    background-image: url(/bitrix/templates/samsung_gear/html/images/stories/pr6.png?v=95);
}

.selecter-row.selecter-0  .selecter-content {
    background-image: url(/bitrix/templates/samsung_gear/html/images/stories/pr5.png?v=95);
}
.skew-wrapper {
    transform: skewY(-13deg) skewX(-13deg) rotate(-13deg) translateY(-3%);
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}
a.reg_link.fancy.reg-button, .reg-button{
    color: #fff!important;
}
.skew-wrapper  .selecter-content{
    width: 110%;
    background-position: bottom left;
    height: 200%!important;
    position: absolute;
     bottom: -150px;
    left: 0px;
    background-size: 100%;
    transform: skewY(15deg) skewX(13deg) rotate(13deg);
        top: auto!important;
}

.selecter-row.selecter-5 .skew-wrapper,
.selecter-row.selecter-6 .skew-wrapper,
.selecter-row.selecter-4 .skew-wrapper {
    border: 2px #343434 solid;
}
.selecter-row.selecter-5 .skew-wrapper .selecter-content,
.selecter-row.selecter-6 .skew-wrapper .selecter-content,
.selecter-row.selecter-4 .skew-wrapper .selecter-content {
    background: none;
}
.selecter-row.selecter-4 .skew-wrapper ,
.selecter-row.selecter-5 .skew-wrapper ,
.selecter-row.selecter-6 .skew-wrapper {
    height: 170%;
    margin-top: 10px;
}
.selecter-row.selecter-1 > .skew-wrapper:hover {
    background: #1163be;
    cursor: pointer;
}
.selecter-row.selecter-2 > .skew-wrapper:hover {
    background: #ad6440;
    cursor: pointer;
}
.selecter-row.selecter-3 > .skew-wrapper:hover {
    background: #5a0b0b;
    cursor: pointer;
}
.selecter-row.selecter-1 > .skew-wrapper,
.selecter-row.selecter-2 > .skew-wrapper,
.selecter-row.selecter-3 > .skew-wrapper,
.selecter-row.selecter-1 > .skew-wrapper > a,
.selecter-row.selecter-2 > .skew-wrapper > a,
.selecter-row.selecter-3 > .skew-wrapper > a {
    -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.selecter-row.selecter-1 > .skew-wrapper, .selecter-row.selecter-2 > .skew-wrapper, .selecter-row.selecter-3 > .skew-wrapper {
    height: 200%;
    transform: skewY(-13deg) skewX(-13deg) rotate(-13deg) translateY(-53%);
}

.selecter-row.selecter-1 > .skew-wrapper:hover > a,
.selecter-row.selecter-2 > .skew-wrapper:hover > a,
.selecter-row.selecter-3 > .skew-wrapper:hover > a {
    opacity: 0.25;
}
a.burger > span {
    background: #fff;
}

.link-samsung-img {
    width: 150px;
    height: 50px;
    display: block;
    background: url(/bitrix/templates/samsung_gear/html/images/stories/SamsunglOGO.png?v=95);
    background-position: center;
    background-repeat: no-repeat;
}


.selecter-row.selecter-2 > .skew-wrapper {
    transform: skewY(-13deg) skewX(-13deg) rotate(-13deg) translateY(-45%);
}

.selecter-row.selecter-6 .skew-wrapper {
    transform: skewY(-13deg) skewX(-13deg) rotate(-13deg) translateY(8%);
}

.selecter-row.selecter-3 > .skew-wrapper {
    transform: skewY(-13deg) skewX(-13deg) rotate(-13deg) translateY(-62%);
}

.selecter-row.selecter-4 .skew-wrapper {
    transform: skewY(-13deg) skewX(-13deg) rotate(-13deg) translateY(-15%);
}
.selecter-row.selecter-7 .skew-wrapper, .selecter-row.selecter-0 .skew-wrapper {
    transform: skewY(-13deg) skewX(-13deg) rotate(-13deg) translateY(14%);
        height: 200%;
    margin-top: -255%;
}
.descriter-1, .descriter-3, .descriter-2 {
    font-family: Roboto;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 59%;
    z-index: 1111;
    left: -5%;
}

.descriter-1 span, .descriter-2 span, .descriter-3 span {
    font-size: 18px;
}

.descriter-2 {
    left: 54%;
    top: 75%;
}

.descriter-3 {
    left: 96%;
    top: 47%;
    min-width: 150px;
}
.selecter-content{
    background-repeat: no-repeat!important;
}
.user-wrapper .username a {
    color: rgba(205, 205, 205, 0.9);
    margin-right: 10px;
}
.link-ig-img {
    width: 40px;
    height: 50px;
    margin-top: -10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -15px;
    background: url(https://www.iguides.ru/bitrix/templates/asus/asset/img/sprite.svg);
    background-size: 365px;
    background-position: left -8px top -10px;
}
header .left-row {
    padding-left: 0px;
}

header .container.full {
    padding-left: 7px;
}

.selecter-wrapper .selecter-row.selecter-1  > .skew-wrapper,
.selecter-wrapper .selecter-row.selecter-2  > .skew-wrapper,
.selecter-wrapper .selecter-row.selecter-3  > .skew-wrapper ,
.selecter-wrapper .selecter-row.selecter-4 .skew-wrapper, 
.selecter-wrapper .selecter-row.selecter-5 .skew-wrapper, 
.selecter-wrapper .selecter-row.selecter-6 .skew-wrapper,
.selecter-wrapper .descriter-1, 
.selecter-wrapper .descriter-3, 
.selecter-wrapper .descriter-2,
.selecter-row.selecter-7 .skew-wrapper, 
.selecter-row.selecter-0 .skew-wrapper,
.select-history,
.selecter-wrapper.select  {
    -webkit-transition: all .25s ease-in-out, margin .6s ease-in-out, opacity .6s ease-in-out  ;
  -moz-transition: all .25s ease-in-out, margin .6s ease-in-out, opacity .6s ease-in-out  ;
  -o-transition: all .25s ease-in-out, margin .6s ease-in-out, opacity .6s ease-in-out  ;
  transition: all .25s ease-in-out, margin .6s ease-in-out, opacity .6s ease-in-out  ;
}

.selecter-wrapper.select .selecter-row.selecter-1  > 
.skew-wrapper,
.selecter-wrapper.select .selecter-row.selecter-2  > 
.skew-wrapper,
.selecter-wrapper.select .selecter-row.selecter-3  > 
.skew-wrapper  {
    margin-top: -400%!important;
    opacity:0;
}
.selecter-wrapper.select .selecter-row.selecter-1  > 
.skew-wrapper.active,
.selecter-wrapper.select .selecter-row.selecter-2  > 
.skew-wrapper.active,
.selecter-wrapper.select .selecter-row.selecter-3  > 
.skew-wrapper.active {
    margin-top: 400%!important;
    opacity:0;
}

.selecter-wrapper.select .selecter-row.selecter-4 .skew-wrapper, 
.selecter-wrapper.select .selecter-row.selecter-5 .skew-wrapper, 
.selecter-wrapper.select .selecter-row.selecter-6 .skew-wrapper{
    margin-top: 300%!important;
    opacity:0;
}

.selecter-wrapper.select .descriter-1, 
.selecter-wrapper.select .descriter-3, 
.selecter-wrapper.select .descriter-2{
    opacity:0;
}

.selecter-wrapper.select  .selecter-row.selecter-7 .skew-wrapper, 
.selecter-wrapper.select  .selecter-row.selecter-0 .skew-wrapper {
     opacity:0;
}
.selecter-wrapper.select .select-history {
    transform: translateX(-200%);
}
.selecter-wrapper.select {
    opacity: 0;
    transition-duration: 0.85s;
}
.header-hero-select-wrapper {
    position: fixed;
    top: 0px;
    left: calc(50% - 250px);
    width: 500px;
    display: flex;
    height: 190px;
}

a.hero-row-sellecter {
    width: 33.33%;
    height: 100%;
    padding-top: 100px;
    position: relative;
        font-family: Roboto;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
a.hero-row-sellecter:before{
    content:'';
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #fff;
    left: calc(50% - 35px);
    top: calc(50px - 35px);
    background-size: 107%;
    background-position: center;
    background-repeat: no-repeat;
        opacity: .48;
}

a.hero-row-sellecter:before{
        -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
a.hero-row-sellecter:hover:before{
    opacity: 1;
}
a.hero-row-sellecter[data-hero='1']:before{
    background-image: url(/bitrix/templates/samsung_gear/html/images/stories/pr_1_1.jpg?v=95);
}
a.hero-row-sellecter[data-hero='2']:before{
    background-image: url(/bitrix/templates/samsung_gear/html/images/stories/pr_2_1.jpg?v=95);
    background-position: top -13px center;
}
a.hero-row-sellecter[data-hero='3']:before{
    background-image: url(/bitrix/templates/samsung_gear/html/images/stories/pr_3_1.jpg?v=95);
    background-position: top center;
}
span.hero-name {
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    text-align: center;
    display: block;
}

  header ,
  .header-hero-select-wrapper,
  header .header-hero-select-wrapper {
    -webkit-transition: all .25s ease-in-out, margin .6s ease-in-out, opacity .6s ease-in-out  ;
  -moz-transition: all .25s ease-in-out, margin .6s ease-in-out, opacity .6s ease-in-out  ;
  -o-transition: all .25s ease-in-out, margin .6s ease-in-out, opacity .6s ease-in-out  ;
  transition: all .25s ease-in-out, margin .6s ease-in-out, opacity .6s ease-in-out  ;
}

.is-select header {
    height: 100px;
    background-color: #3257ab;
    overflow: hidden;
}
.header-hero-select-wrapper {
    transform: translateY(-200%);
}
.is-select .header-hero-select-wrapper {
    transform: translateY(0%);
}

body[data-hero="3"] header {
    background-color: #5a0b0b;
}
body[data-hero="2"] header {
    background-color: #c27048;
}
body[data-hero="1"] header {
    background-color: #3257ab;
}
body[data-hero="1"]  .header-hero-select-wrapper [data-hero='1']:before ,
body[data-hero="2"]  .header-hero-select-wrapper [data-hero='2']:before ,
body[data-hero="3"]  .header-hero-select-wrapper [data-hero='3']:before {
    opacity: 1;
}
a.hero-row-sellecter:hover{
    text-decoration: none;
}
header:hover {
    height: 200px;
}

header .header-hero-select-wrapper {
   /* max-height: 100px;*/
    overflow: hidden;
    position: absolute;
}
header:hover .header-hero-select-wrapper {
    max-height:200px;
}
#content {
    padding-top: 100px;
}

.tabs-articles-wrapper {
    width: 100%;
    min-height: 300px;
    position: relative;
}

.tab-article-row:nth-child(2) {
    transform: translateX(100%);
}
.tab-article-row:nth-child(3) {
    transform: translateX(200%);
}
.tab-article-row:nth-child(4) {
    transform: translateX(300%);
}
.tab-article-row {
    position: absolute;
    top: 0px;
    width: 100%;
}
body[data-hero="2"] .tabs-articles-wrapper {
    transform: translateX(-100%);
}
body[data-hero="3"] .tabs-articles-wrapper {
    transform: translateX(-200%);
}
body[data-hero="4"] .tabs-articles-wrapper {
    transform: translateX(-300%);
}
.tabs-articles-wrapper ,
.tab-article-row{
        -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.tab-article-row img {
    max-width: 100%;
    margin: 0px;
    margin-bottom: 80px;
}

.tab-article-row p {
   font-family: 'Open Sans', sans-serif;
    color:  #000000;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    text-align: left;
    padding: 0 8%;
    margin-bottom: 80px;
}
.wrapper-eq-img {
    display: flex;
    justify-content: center;
}

.wrapper-eq-img .left-eq-img {
    margin-bottom: 80px;
    text-align: right;
}

.wrapper-eq-img .right-eq-img {
    margin-top: 80px;
    text-align: left;
}
.tab-article-row {
    padding-top: 60px;
}
.tab-article-row p+p {
    margin-top: -50px;
}
body{
    background: #fff;
}
.mockup-porn {
    position: absolute;
    width: 200px;
    height: 200px;
    background: none;
    overflow: hidden;
}

.mockup-porn:after {
    content: '';
    display: block;
    width: 20px;
    height: 200%;
    left: calc(50% - 5px);
    position: absolute;
    transform: rotate(39deg) translateX(-305%)  translateY(-20%);
    background: rebeccapurple;
}
.tab-article-row .container {
    position: relative;
}
.wrapper-eq-img > div {
    position: relative;
}

.mockup_1_1 {width: 107px;height: 92px;margin: -125px 0px 0px -45px;}
.mockup_1_1:after {
        background-color: #fd2b33;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 15px;
}
.mockup_1_2 {
    width: 53px;
    height: 43px;
    right: -70px;
    top: 100px;
}
.mockup_1_2:after{
    background-color:  #3257ab;
    transform: rotate(39deg) translateX(-139%)  translateY(-20%);
    width:10px;
}

.mockup_1_4 {width: 125px;height: 92px;position: absolute;right: -85px;top: -60px;}
.mockup_1_4:after {
        background-color: #fdce2b;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 20px;
}
.mockup_1_3 {width: 107px;height: 92px;position: absolute;bottom: 26%;left: -50px;}
.mockup_1_3:after {
        background-color: #a0c834;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 15px;
}


.mockup_2_1 {width: 92px;height: 80px;position: absolute;right: -50px;margin-top: 25%;}
.mockup_2_1:after {
        background-color: #c27048;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 15px;
}
.mockup_2_2 {width: 66px;height: 39px;left: -50px;}
.mockup_2_2:after {
        background-color: #e35eef;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 7px;
}
.mockup_2_3 {width: 107px;height: 92px;position: absolute;bottom: 26%;left: -50px;}
.mockup_2_3:after {
        background-color: #07c2ff;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 15px;
}
.mockup_2_4 {width: 107px;height: 92px;position: absolute;bottom: 26%;right: -64px;top: -60px;}
.mockup_2_4:after {
        background-color: #fefb22;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 15px;
}



.mockup_3_1 {width: 50px;height: 42px;position: absolute;left: calc(30% - 45px);margin-top: -22px;}
.mockup_3_1:after {
        background-color: #e05eef;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 7px;
}
.mockup_3_2 {width: 95px;height: 87px;left: calc(61% + 20px);margin-top: -133px;}
.mockup_3_2:after {
        background-color: #d92727;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 15px;
}
.mockup_3_3 {width: 107px;height: 92px;position: absolute;bottom: -45px;left: -50px;}
.mockup_3_3:after {
        background-color: #d5921d;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 15px;
}
.mockup_3_4 {width: 107px;height: 92px;position: absolute;bottom: 26%;top: -140px;left: 27%;}
.mockup_3_4:after {
        background-color: #8fb775;
        transform: rotate(39deg) translateX(-210%)  translateY(-20%);
        width: 15px;
}

.mockup_3_4+img {
    position: relative;
}
.mockup-porn{
    z-index: 2;
}

.selecter-row.selecter-3   > .skew-wrapper > .selecter-content {
background-position: bottom -20px left -73px;
    background-size: 600px;
}

.selecter-row.selecter-2  > .skew-wrapper > .selecter-content {
    background-position: bottom 18px left -135px;
    background-size: 800px;
}

.selecter-row.selecter-1 > .skew-wrapper > .selecter-content {
    background-position: bottom 18px left -135px;
    background-size: 700px;
}
.br{
    display: block;
}
div#content {
    overflow: hidden;
}

body {
    overflow: hidden;
}

body.is-select {
    overflow: visible;
}
.nav-menu .burger > span {
    background: #000;
}

.loadPrer > img {
    opacity: 0;

}
.loadPrer {
        background: url(/bitrix/templates/samsung_gear/html/images/stories/ring-alt.svg);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100px;
    display: block;
    background-size: 80px;
}
body:not(.is-select) #content>*:not(.selecter-wrapper) {
    display: none;
}

.share-wrapper {
    min-height: 60px;
}