@font-face {
    font-family: 'Open Sans Light';
    font-weight: 300;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 5000em;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.428571429;
}

.light {
    font-family: 'Open Sans Light', sans-serif;
}

a {
    outline: none;
}

a img {
    border: 0;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.ttu {
    text-transform: uppercase;
}

.limit {
    width: 1000px;
    margin: 0 auto;
}

.btn {
    outline: none;
    display: inline-block;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    border: 0;
    cursor: pointer;
    text-align: center;
    padding: 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.btn.btn-transparent {
    background: none;
    display: block;
    border: 1px solid #44daff;
    color: #44daff;
}

.btn.btn-transparent:hover {
    color: #ffffff;
    border-color: #fff;
}

.btn.btn-with-arrow {
    position: relative;
    text-align: left;
}

.btn.btn-with-arrow:after {
    background: url('../img/btn-arrow.png') no-repeat;
    width: 8px;
    height: 15px;
    content: '';
    position: absolute;
    top: 50%;
    right: 17px;
    opacity: 0.5;
    margin-top: -8px;
}

.btn.btn-with-arrow:hover:after {
    opacity: 1;
}

.btn.btn-primary {
    font-size: 19px;
    background: #dd3838;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.26);
            box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.26);
    background: -webkit-gradient(linear, left top, right top, from(#59bded), to(#3b9be5));
    background: linear-gradient(to right, #59bded 0%, #3b9be5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bded', endColorstr='#3b9be5', GradientType=1);
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    background: #ef2222;
    background: -webkit-gradient(linear, left top, right top, from(#3b9be5), to(#59bded));
    background: linear-gradient(to right, #3b9be5 0%, #59bded 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b9be5', endColorstr='#59bded', GradientType=1);
}

.btn.btn-block {
    width: 100%;
    display: block;
}

.btn.btn-fixed {
    line-height: 1;
    display: block;
    padding: 15px 33px 9px;
    text-align: center;
    margin: 0;
    border-radius: 30px 30px 0px 0px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -140px;
    background: #b4b4b4;
    background: -webkit-gradient(linear, left top, right top, from(#b4b4b4), to(#fdfdfd));
    background: linear-gradient(to right, #b4b4b4 0%, #fdfdfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4b4b4', endColorstr='#fdfdfd', GradientType=1);
    -webkit-box-shadow: -3px -1px 13px 0px rgba(0, 0, 0, 0.75);
            box-shadow: -3px -1px 13px 0px rgba(0, 0, 0, 0.75);
    z-index: 19;
}

.btn.btn-fixed span {
    color: #010101;
    display: inline-block;
}

.btn.btn-fixed:hover, .btn.btn-fixed:active, .btn.btn-fixed:focus {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, right top, from(#fdfdfd), to(#8e8e8e));
    background: linear-gradient(to right, #fdfdfd 0%, #8e8e8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#8e8e8e', GradientType=1);
}

.block {
    min-width: 1000px;
}

.block .image.with-label:before, .block .description.with-label:before {
    content: '1';
    background: #00cbf4;
    color: #ffffff;
    display: block;
    height: 34px;
    width: 34px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    position: absolute;
}

.block1 {
    background: url('../img/block1.jpg') top center no-repeat;
    max-height: 772px;
    padding-top: 25px;
    padding-bottom: 50px;
}

.block1 .logo {
    display: block;
    background: url('../img/logo.png') no-repeat;
    width: 419px;
    height: 61px;
    margin-left: 250px;
    text-align: center;
    line-height: 61px;
    font-size: 34px;
    color: #44daff;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.block1 .content {
    text-align: center;
    width: 501px;
    float: right;
    margin-top: 18px;
}

.block1 .content .title1 {
    font-size: 58px;
    color: #44daff;
    line-height: 1.2;
    margin-bottom: 11px;
    letter-spacing: -1px;
}

.block1 .content .title2 {
    font-size: 36px;
    color: #ffffff;
    line-height: 1.25;
    margin-bottom: 20px;
}

.block1 .content .description {
    border-top: 1px solid rgba(255, 255, 255, 0.39);
    border-bottom: 1px solid rgba(255, 255, 255, 0.39);
    font-size: 18px;
    color: rgba(255, 255, 255, 0.49);
    font-style: italic;
    padding: 12px 0 12px 8px;
    margin: 0 33px 40px 29px;
}

.block1 .content .list {
    min-height: 232px;
    padding-left: 220px;
    text-align: left;
    position: relative;
}

.block1 .content .list:before {
    content: '';
    background: url('../img/product.png') left top no-repeat;
    background-size: 300px;
    /* Konqueror */
    position: absolute;
    left: -69px;
    top: -10px;
    width: 384px;
    height: 304px;
    display: block;
}

.block1 .content .list span {
    display: block;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.block1 .content .list ul {
    font-size: 15px;
    font-style: italic;
    color: #44daff;
    padding-left: 24px;
    list-style: none;
}

.block1 .content .list ul li {
    position: relative;
    padding-left: 27px;
    margin-bottom: 10px;
}

.block1 .content .list ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    width: 7px;
    height: 7px;
    background: #44daff;
    border-radius: 25px;
}

.block2 {
    background: #fff;
    padding: 29px 0 25px;
}

.block2 .item {
    float: left;
    width: 200px;
}

.block2 .item:nth-child(1) {
    width: 218px;
    margin-left: 15px;
}

.block2 .item:nth-child(2) {
    width: 183px;
}

.block2 .item:nth-child(3) {
    width: 200px;
}

.block2 .item:nth-child(4) {
    width: 200px;
}

.block2 .item:nth-child(5) {
    width: 180px;
}

.block2 .item img {
    float: left;
}

.block2 .item div {
    height: 86px;
    line-height: 1.2;
}

.block2 .item div span {
    height: 86px;
    padding-left: 11px;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #030303;
    width: 90px;
}

.block3 {
    position: relative;
    background: url('../img/block3.jpg') top center no-repeat;
    height: 648px;
}

.block3 .title1 {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 95, 95, 0.29);
    padding: 35px 0 25px;
}

.block3 .info {
    border-left: 8px solid #2f2f2f;
    color: #ffffff;
    font-size: 13px;
    padding: 0 0 0 15px;
}

.block3 .info span {
    color: #90e9ff;
}

.block3 .l-graph {
    width: 380px;
    float: left;
    margin-top: 25px;
}

.block3 .l-graph .title {
    text-align: center;
    color: #1d1b1b;
    font-size: 18px;
    line-height: 1.2;
}

.block3 .l-graph .title span {
    display: block;
    font-weight: bold;
}

.block3 .l-graph .content {
    background: url('../img/block3-left-graphic.png') no-repeat;
    width: 371px;
    height: 260px;
    margin-left: 9px;
    margin-top: 15px;
    position: relative;
}

.block3 .l-graph .content span.line {
    line-height: 1;
    font-size: 12px;
    color: #262626;
    position: absolute;
}

.block3 .l-graph .content span.line.line1 {
    top: 82px;
    left: 71px;
}

.block3 .l-graph .content span.line.line2 {
    top: 133px;
    left: 71px;
}

.block3 .l-graph .content span.line.line3 {
    top: 167px;
    left: 40px;
}

.block3 .l-graph .content span.line.line4 {
    top: 165px;
    left: 237px;
    text-align: right;
    line-height: 1.1;
}

.block3 .l-graph .content span.line.line5 {
    top: 215px;
    left: 179px;
}

.block3 .l-graph .info {
    margin-top: 33px;
}

.block3 .r-graph {
    width: 520px;
    float: right;
}

.block3 .r-graph .title {
    margin-top: 25px;
}

.block3 .r-graph .title p {
    float: left;
    color: #1d1b1b;
    font-size: 18px;
    font-weight: bold;
    width: 360px;
    text-align: center;
    line-height: 1.2;
}

.block3 .r-graph .title ul {
    margin-right: 0;
    float: right;
    list-style: none;
    margin-top: 5px;
}

.block3 .r-graph .title ul li {
    display: block;
    font-size: 13px;
    color: #1b1515;
    line-height: 1;
    position: relative;
    padding-left: 23px;
    margin-bottom: 8px;
}

.block3 .r-graph .title ul li:before {
    content: '';
    width: 14px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.block3 .r-graph .title ul li:nth-child(1):before {
    background: #2f2f2f;
}

.block3 .r-graph .title ul li:nth-child(2):before {
    background: #44daff;
}

.block3 .r-graph .content {
    margin-left: 120px;
    background: url('../img/block3-right-graphic.png') right top no-repeat;
    margin-right: 27px;
    overflow: hidden;
    padding-top: 18px;
    height: 296px;
    margin-bottom: 10px;
}

.block3 .r-graph .content .row {
    height: 46px;
    padding-left: 29px;
}

.block3 .r-graph .content .row .label {
    float: left;
    width: 150px;
    font-size: 12px;
    color: #181616;
    padding-right: 15px;
    line-height: 1.2;
}

.block3 .r-graph .content .row .scale {
    width: 187px;
    float: right;
}

.block3 .r-graph .content .row .scale span {
    display: block;
    height: 12px;
    margin-bottom: 5px;
}

.block3 .r-graph .content .row .scale span.man {
    background: #2f2f2f;
}

.block3 .r-graph .content .row .scale span.woman {
    background: #44daff;
}

.block3 .r-graph .info {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 120px;
    line-height: 1.25;
    border-left-color: #44daff;
}

.block3 .block-title {
    background: url('../img/block3-title.png') repeat-y;
    width: 525px;
    position: absolute;
    height: 133px;
    left: 50%;
    margin-left: -262px;
    bottom: -65px;
    font-weight: normal;
    text-align: center;
    padding: 0 20px;
}

.block3 .block-title div.cell {
    height: 133px;
    vertical-align: middle;
    display: table-cell;
    width: 525px;
}

.block3 .block-title span {
    color: #44daff;
    font-size: 30px;
    display: block;
}

.block3 .block-title em {
    color: #fffafa;
    font-size: 17px;
}

.block4 {
    background: url('../img/block4.png') top center repeat-y;
    padding-top: 70px;
    padding-bottom: 20px;
}

.block4 .side {
    margin-top: 18px;
    float: left;
    width: 50%;
    min-height: 300px;
}

.block4 .side.light-side {
    background: url('../img/block4-light.png') right top 40px no-repeat;
}

.block4 .side.light-side ol li {
    width: 250px;
}

.block4 .side.light-side ol li:nth-child(1) {
    width: 240px;
    margin-left: 75px;
    margin-bottom: 0;
}

.block4 .side.light-side ol li:nth-child(1):before {
    margin-bottom: 20px;
}

.block4 .side.light-side ol li:nth-child(2) {
    margin-left: 32px;
}

.block4 .side.light-side ol li:nth-child(3) {
    margin-left: 12px;
    width: 275px;
}

.block4 .side.light-side .prompt {
    width: 270px;
    margin-left: 20px;
}

.block4 .side.light-side .prompt .cell {
    padding: 0 45px;
}

.block4 .side.light-side .info {
    margin-right: 60px;
    margin-left: 124px;
    text-align: right;
    padding-right: 31px;
}

.block4 .side.light-side .info:after {
    background-position: 0 -28px;
}

.block4 .side.dark-side {
    background: url('../img/block4-dark.png') left top 41px no-repeat;
}

.block4 .side.dark-side ol {
    margin-left: 148px;
}

.block4 .side.dark-side ol li {
    margin-bottom: 16px;
}

.block4 .side.dark-side ol li:nth-child(2) {
    margin-left: 20px;
}

.block4 .side.dark-side ol li:nth-child(3) {
    margin-left: 44px;
}

.block4 .side.dark-side ol li:nth-child(3):before {
    margin-bottom: 40px;
}

.block4 .side.dark-side ol li:before {
    margin-bottom: 10px;
}

.block4 .side.dark-side .prompt {
    width: 318px;
    background-position: 0 -92px;
    float: right;
    margin-right: 20px;
}

.block4 .side.dark-side .prompt .cell {
    color: #ffffff;
    padding: 0 30px 0 45px;
}

.block4 .side.dark-side .info {
    margin-right: 100px;
    margin-left: 40px;
    padding-left: 41px;
}

.block4 .side.dark-side .info:after {
    right: auto;
    left: 0;
}

.block4 .side ol {
    list-style-type: none;
    counter-reset: num;
    height: 225px;
}

.block4 .side ol li {
    color: #232323;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 5px;
}

.block4 .side ol li:before {
    content: counter(num);
    counter-increment: num;
    color: #fff;
    font-size: 16px;
    display: block;
    float: left;
    font-weight: bold;
    height: 31px;
    width: 31px;
    background: #2f2f2f;
    border-radius: 25px;
    text-align: center;
    line-height: 31px;
    margin: 0 15px 32px 0;
    font-style: normal;
}

.block4 .side ol li:after {
    content: "";
    display: block;
    clear: both;
}

.block4 .side .prompt {
    height: 92px;
    background: url('../img/block4-prompt.png') no-repeat;
}

.block4 .side .prompt .cell {
    height: 92px;
    color: #000000;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
}

.block4 .side .info {
    color: #232323;
    margin-top: 32px;
    font-size: 16px;
    position: relative;
    font-style: italic;
    line-height: 1.2;
}

.block4 .side .info:after {
    content: '';
    background: url('../img/block4-arrows.png') no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
    width: 18px;
    height: 28px;
}

.block4.japan .side.light-side .info {
    margin-left: 84px;
}

.block5 {
    background: url('../img/block5.jpg') top center no-repeat;
    height: 573px;
}

.block5 em {
    font-size: 18px;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
    width: 340px;
}

.block5 .side {
    text-align: center;
}

.block5 .side.l-side {
    margin-top: 50px;
    float: left;
    width: 420px;
}

.block5 .side.l-side .title1 {
    letter-spacing: -1px;
    font-size: 46px;
    color: #ff5f5f;
    line-height: 1.2;
    margin-bottom: 20px;
}

.block5 .side.l-side .image {
    margin-top: 20px;
    position: relative;
}

.block5 .side.l-side .image .label {
    position: absolute;
    width: 104px;
    height: 104px;
    font-size: 22px;
    text-align: center;
    border-radius: 125px;
    line-height: 1.2;
    left: 20px;
    top: 0;
}

.block5 .side.l-side .image .label.front {
    background: #f7f7f7;
    color: #5d6c81;
    z-index: 1;
}

.block5 .side.l-side .image .label.back {
    z-index: 0;
    left: 105px;
    padding-left: 10px;
    top: -10px;
    color: #24c1f3;
    background: #5d6c81;
}

.block5 .side.l-side .image .label span.cell {
    display: table-cell;
    height: 104px;
    width: 104px;
    vertical-align: middle;
}

.block5 .side.l-side .image img {
    margin-top: 60px;
    margin-bottom: 15px;
    width: 300px;
}

.block5 .side.l-side em.name {
    margin-top: 0;
}

.block5 .side.r-side {
    width: 260px;
    float: right;
    margin-top: 45px;
}

.block5 .side.r-side .title1 {
    color: #ff9c9c;
    font-size: 17px;
    line-height: 1.2;
    margin-top: -72px;
}

.block5 .side.r-side .description {
    color: #ffffff;
    font-size: 14px;
}

.block5 .side.r-side .description p {
    margin-top: 15px;
    line-height: 1.5;
}

.block5 .side.r-side .btn {
    margin: 30px 18px 0 26px;
}

.block5.japan .side .cell {
    height: 573px;
    vertical-align: middle;
    display: table-cell;
}

.block5.japan .side.l-side {
    margin-top: 0;
}

.block5.japan .side.r-side {
    margin-top: 0;
}

.block6 .before-after {
    margin-top: 20px;
    text-align: center;
}

.block6 .before-after img {
    display: block;
}

.block6 .before-after .side {
    padding-right: 5px;
    width: 50%;
    float: left;
    position: relative;
}

.block6 .before-after .side.before {
    text-align: right;
}

.block6 .before-after .side.before img {
    float: right;
}

.block6 .before-after .side .label {
    width: 122px;
    background: #44daff;
    border-radius: 125px;
    height: 122px;
    line-height: 122px;
    color: #ffffff;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 58px;
    top: 11px;
}

.block6 .before-after .side.after .label {
    left: auto;
    right: 58px;
    font-size: 31px;
}

.block6 .table {
    border-collapse: collapse;
    width: 100%;
    background: #2d3f48;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d3f48), to(#2f3031));
    background: linear-gradient(to bottom, #2d3f48 0%, #2f3031 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d3f48', endColorstr='#2f3031', GradientType=0);
}

.block6 .table thead th {
    background: #151612;
    font-size: 16px;
    color: #969696;
    text-transform: uppercase;
    font-weight: normal;
    padding: 18px;
    text-align: center;
    border: 1px solid #62696d;
    border-top: 0;
}

.block6 .table tbody td {
    color: #ffffff;
    border: 1px solid #62696d;
    padding: 40px 18px;
    font-size: 16px;
    text-align: center;
}

.block6 .table tbody td.label {
    text-transform: uppercase;
    color: #44daff;
    font-size: 24px;
}

.block7 {
    background: url('../img/block7.jpg') top center no-repeat;
    height: 572px;
    background-size: cover;
}

.block7 .limit {
    position: relative;
    padding: 0 40px 0 20px;
}

.block7 .limit:before, .block7 .limit:after {
    content: '';
    display: block;
    position: absolute;
    top: 57px;
    width: 28px;
    height: 244px;
    border: 6px solid #282923;
}

.block7 .limit:before {
    left: 0;
    border-right: 0;
}

.block7 .limit:after {
    right: 0;
    border-left: 0;
}

.block7 .title {
    color: #fffefe;
    font-size: 26px;
    text-align: center;
    line-height: 1;
    padding-top: 26px;
}

.block7 .item {
    width: 228px;
    float: left;
    margin-top: 35px;
    padding: 0 10px;
    position: relative;
}

.block7 .item .image {
    text-align: center;
    position: relative;
    width: 161px;
    margin: 0 auto;
}

.block7 .item .image img {
    width: 100%;
    height: auto;
}

.block7 .item .image:before {
    left: -13px;
    top: 25px;
}

.block7 .item .label {
    display: block;
    text-align: center;
    color: #191919;
    font-size: 26px;
    margin: 10px 0;
    letter-spacing: -1px;
}

.block7 .item p {
    color: #fffefe;
    font-size: 13px;
    line-height: 1.3;
}

.block7 .item:nth-child(1) .image:before {
    content: '1';
}

.block7 .item:nth-child(2) .image:before {
    content: '2';
}

.block7 .item:nth-child(3) {
    width: 256px;
}

.block7 .item:nth-child(3) .image:before {
    content: '3';
}

.block7 .item:nth-child(4) {
    padding-right: 0;
}

.block7 .item:nth-child(4) .image:before {
    content: '4';
}

.block7 .item:nth-child(4):after {
    display: none;
}

.block8 {
    background: url('../img/block8.jpg') top center no-repeat;
    height: 1280px;
    background-size: cover;
}

.block8 h3 {
    font-weight: normal;
    font-size: 36px;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 15px;
    padding-top: 20px;
}

.block8 h3 span.label1 {
    width: 379px;
    padding-left: 25px;
    display: block;
    float: left;
}

.block8 h3 span.label1 span {
    display: block;
    color: #00cbf4;
}

.block8 h3 span.label2 {
    width: 620px;
    padding-top: 10px;
    color: #00cbf4;
    font-size: 18px;
    line-height: 1.1;
    float: left;
}

.block8 h3 span.label2 em {
    color: #ffffff;
    display: block;
    text-transform: none;
}

.block8 .content {
    background: #ffffff;
    padding: 35px 30px 15px;
}

.block8 .content.line1 .item {
    float: left;
    margin-right: 70px;
    width: 182px;
}

.block8 .content.line1 .item:last-child {
    margin-right: 0;
}

.block8 .content.line1 .item .image {
    position: relative;
}

.block8 .content.line1 .item .image img {
    display: block;
}

.block8 .content.line1 .item .image:before {
    left: -14px;
    top: -16px;
}

.block8 .content.line1 .item .label {
    margin: 12px 0;
    display: table;
    width: 100%;
    height: 63px;
    background: #272727;
}

.block8 .content.line1 .item .label span {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    display: table-cell;
    height: 63px;
    vertical-align: middle;
}

.block8 .content.line1 .item p {
    font-size: 13px;
    color: #515151;
    line-height: 1.3;
}

.block8 .content.line1 .item:nth-child(1) .image:before {
    content: '1';
}

.block8 .content.line1 .item:nth-child(2) .image:before {
    content: '2';
}

.block8 .content.line1 .item:nth-child(3) .image:before {
    content: '3';
}

.block8 .content.line1 .item:nth-child(4) .image:before {
    content: '4';
}

.block8 .content.line2 {
    margin-top: 87px;
    padding-top: 112px;
    position: relative;
}

.block8 .content.line2 h4.block-title {
    display: table;
    width: 525px;
    background: url('../img/block3-title.png') repeat-y;
    font-weight: normal;
    position: absolute;
    left: 50%;
    margin-left: -262px;
    top: -53px;
}

.block8 .content.line2 h4.block-title span {
    display: table-cell;
    vertical-align: middle;
    padding: 18px 23px;
}

.block8 .content.line2 h4.block-title span.title {
    color: #ff5f5f;
    font-size: 26px;
    text-transform: uppercase;
    width: 280px;
    line-height: 1.2;
    border-right: 1px solid #4a4a4a;
}

.block8 .content.line2 h4.block-title span.title span {
    padding: 0;
    color: #ffffff;
}

.block8 .content.line2 h4.block-title span.description {
    color: #a2a2a2;
    font-size: 14px;
    line-height: 1.3;
}

.block8 .content.line2 .squad1 {
    margin-left: -15px;
    margin-right: -15px;
}

.block8 .content.line2 .squad1 .item {
    width: 50%;
    float: left;
    padding: 0 5px;
    margin-bottom: 30px;
}

.block8 .content.line2 .squad1 .item > div {
    display: table;
    width: 100%;
}

.block8 .content.line2 .squad1 .item .image {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
    margin-bottom: 5px;
    text-align: center;
}

.block8 .content.line2 .squad1 .item .image span {
    vertical-align: middle;
    display: table-cell;
    height: 110px;
}

.block8 .content.line2 .squad1 .item .description {
    display: table-cell;
    position: relative;
    padding-left: 40px;
}

.block8 .content.line2 .squad1 .item .description span {
    font-size: 20px;
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 8px;
    display: block;
}

.block8 .content.line2 .squad1 .item .description:before {
    left: -8px;
    top: 0;
}

.block8 .content.line2 .squad1 .item .description p {
    color: #414141;
    font-size: 13px;
}

.block8 .content.line2 .squad1 .item:nth-child(2) .description:before {
    content: '2';
}

.block8 .content.line2 .squad1 .item:nth-child(3) .description:before {
    content: '3';
}

.block8 .content.line2 .squad1 .item:nth-child(4) .description:before {
    content: '4';
}

.block8 .content.line2 .squad2 .row {
    margin-left: -10px;
    margin-right: -10px;
}

.block8 .content.line2 .squad2 h4 {
    margin-top: 23px;
    background: url('../img/block8-squad2-separator.jpg') center repeat-x;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    margin-bottom: 12px;
}

.block8 .content.line2 .squad2 h4 span {
    background: #ffffff;
    padding: 0 68px;
}

.block8 .content.line2 .squad2 .item {
    padding: 0 10px;
    width: 235px;
    float: left;
}

.block8 .content.line2 .squad2 .item .story {
    width: 140px;
    float: right;
}

.block8 .content.line2 .squad2 .item .label {
    font-weight: bold;
    color: #f05353;
    display: block;
    margin-bottom: 8px;
    margin-top: 5px;
}

.block8 .content.line2 .squad2 .item p {
    color: #515151;
    font-size: 14px;
    line-height: 1.2;
}

.block9 {
    background: url('../img/block9.jpg') top center no-repeat;
    height: 616px;
}

.block9 .title {
    font-size: 30px;
    color: #00cbf4;
    text-align: center;
    line-height: 1.2;
    padding-top: 48px;
    margin: 0 115px;
    border-bottom: 1px solid #8199a5;
    padding-bottom: 20px;
}

.block9 .title span {
    color: #ffffff;
    display: block;
}

.block9 .description {
    color: #00cbf4;
    font-style: italic;
    font-size: 18px;
    text-align: center;
    margin: 16px 0 0;
    line-height: 1.2;
}

.block9 .content {
    position: relative;
}

.block9 .compare {
    width: 497px;
    margin: 30px auto 0;
}

.block9 .compare .tooltip {
    position: absolute;
    height: 32px;
    min-width: 126px;
    line-height: 32px;
    color: #333333;
    font-size: 14px;
    text-align: center;
    background: #adaeac;
    left: 65px;
    top: 0;
}

.block9 .compare .tooltip:after, .block9 .compare .tooltip:before {
    content: '';
    background: url('../img/block9-tooltip.png') no-repeat;
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0;
}

.block9 .compare .tooltip:before {
    left: -11px;
}

.block9 .compare .tooltip:after {
    right: -12px;
    background-position: -12px 0;
}

.block9 .compare .tooltip.tooltip-volume {
    top: 72px;
}

.block9 .compare .tooltip.tooltip-height {
    top: 182px;
}

.block9 .compare .tooltip i {
    height: 1px;
    position: absolute;
    right: 0;
    top: 16px;
    display: block;
    z-index: 0;
}

.block9 .compare .side {
    width: 50%;
    float: left;
    position: relative;
}

.block9 .compare .side .image {
    position: relative;
}

.block9 .compare .side .image img {
    display: block;
}

.block9 .compare .side .image .weight {
    width: 82px;
    height: 93px;
    position: absolute;
    bottom: 13px;
    left: 50%;
    margin-left: -41px;
    line-height: 93px;
    font-size: 23px;
    color: #ffffff;
    text-align: center;
}

.block9 .compare .side .duration {
    padding-top: 10px;
    text-align: center;
    font-size: 21px;
    color: #ffffff;
    position: absolute;
    top: 25px;
    left: -181px;
    padding: 15px;
    background: #313131;
    padding-right: 10px;
}

.block9 .compare .side .dur-rs {
    padding-top: 10px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 20px;
    LEFT: 230px;
    padding: 15px;
    background: #313131;
    width: 200px;
    padding-right: 10px;
}

.block9 .compare .side .duration span {
    display: block;
    text-transform: uppercase;
    color: #00cbf4;
    font-size: 21px;
}

.block9 .compare .side.before .weight {
    background: url('../img/block9-before-weight.png') no-repeat;
}

.block9 .compare .side.before .tooltip {
    left: -193px;
}

.block9 .compare .side.before .tooltip i {
    background: #adaeac;
}

.block9 .compare .side.before .tooltip.tooltip-height {
    top: 296px;
}

.block9 .compare .side.before .tooltip.tooltip-height i {
    right: -200px;
    width: 200px;
}

.block9 .compare .side.before .tooltip.tooltip-volume {
    top: 176px;
}

.block9 .compare .side.before .tooltip.tooltip-volume i {
    right: -116px;
    width: 116px;
}

.block9 .compare .side.before .duration span {
    color: #adaeac;
}

.block9 .compare .side.after .weight {
    background: url('../img/block9-after-weight.png') no-repeat;
}

.block9 .compare .side.after .tooltip {
    left: auto;
    right: -185px;
    background: #00cbf4;
}

.block9 .compare .side.after .tooltip i {
    background: #00cbf4;
    right: auto;
    left: 0;
}

.block9 .compare .side.after .tooltip.tooltip-height {
    top: 176px;
}

.block9 .compare .side.after .tooltip.tooltip-height i {
    left: -102px;
    width: 102px;
}

.block9 .compare .side.after .tooltip.tooltip-volume {
    top: 296px;
}

.block9 .compare .side.after .tooltip.tooltip-volume i {
    left: -172px;
    width: 172px;
}

.block9 .compare .side.after .tooltip:before {
    background-position: -24px 0;
}

.block9 .compare .side.after .tooltip:after {
    background-position: -36px 0;
}

.block9 .info {
    margin-top: 30px;
}

.block9 .info > div {
    float: left;
}

.block9 .info .label {
    width: 248px;
    color: #f05353;
    padding-top: 10px;
}

.block9 .info .label .title1 {
    font-size: 30px;
    line-height: 1;
}

.block9 .info .label .title2 {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 2px;
}

.block9 .info .label .title3 {
    font-style: italic;
    font-size: 16px;
}

.block9 .info .item {
    width: 108px;
    margin-right: 53px;
    position: relative;
}

.block9 .info .item:last-child {
    margin-right: 0;
}

.block9 .info .item:last-child:after {
    display: none;
}

.block9 .info .item img {
    display: block;
}

.block9 .info .item:after {
    content: '';
    top: 35px;
    right: -37px;
    background: url('../img/block7-item-arrow.png') no-repeat;
    width: 19px;
    height: 35px;
    position: absolute;
    display: block;
}

.block10 {
    background: url('../img/block10.jpg') top center no-repeat;
    height: 371px;
}

.block10 .side {
    float: left;
    width: 50%;
    max-width: 315px;
    padding-top: 37px;
}

.block10 .side h3 {
    color: #e5e5e5;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 25px;
}

.block10 .side .description {
    font-style: italic;
    color: #2495ac;
    font-size: 18px;
    margin-bottom: 25px;
}

.block10 .side ul {
    list-style: none;
    color: #e5e5e5;
    font-size: 13px;
    line-height: 1.2;
}

.block10 .side ul li {
    padding-left: 42px;
    margin-bottom: 16px;
}

.block10 .side.l-side {
    max-width: 270px;
}

.block10 .side.l-side ul li {
    margin-bottom: 10px;
    background: url('../img/block10-marque-minus.png') left center no-repeat;
}

.block10 .side.r-side {
    float: right;
}

.block10 .side.r-side ul li {
    min-height: 20px;
    background: url('../img/block10-marque-plus.png') left center no-repeat;
}

.block10.japan .side.l-side ul li {
    margin-bottom: 16px;
}

.block11 {
    background: url('../img/block11a.jpg') top center no-repeat;
    height: 816px;
}

.block11 .content {
    width: 386px;
    float: right;
    margin-top: 50px;
    margin-right: 44px;
    background: url('../img/product.png') center top no-repeat;
    padding-top: 304px;
    text-align: center;
    background-size: 305px;
}

.block11 .content .title1 {
    color: #4aace9;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 20px;
}

.block11 .content .title2 {
    color: #fff;
    font-size: 20px;
}

.block11 .content .title3 {
    margin-top: 20px;
    font-size: 20px;
    color: #4aace9;
    font-style: italic;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 22px 12px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.block11 .content .title4 {
    color: #fff;
    font-size: 16px;
}

.block11 .content .btn {
    width: 80%;
    margin-top: 20px;
}

.block11 .content .brands {
    margin-top: 25px;
}

.block12 {
    background: url('../img/bg.jpg') top center no-repeat;
    height: 350px;
}

.block12 .limit {
    padding-top: 100px;
    position: relative;
}

.block12 .title {
    background: #162329;
    position: absolute;
    width: 100%;
    left: 0;
    top: -34px;
}

.block12 .title > div {
    display: table;
    width: 100%;
}

.block12 .title > div .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}

.block12 .title > div .cell.label {
    width: 295px;
    padding-left: 20px;
    color: #796e6e;
    font-size: 25px;
    line-height: 1.25;
}

.block12 .title > div .cell.label span {
    display: block;
    color: #00caf5;
    font-size: 30px;
}

.block12 .title > div .cell.description {
    padding-left: 20px;
    font-size: 14px;
    font-style: italic;
    color: #7f767b;
    line-height: 1.3;
    padding-right: 20px;
}

.block12 .title > div .cell.before {
    width: 266px;
    position: relative;
}

.block12 .title > div .cell.before > div {
    position: relative;
    float: left;
}

.block12 .title > div .cell.before > div.before span {
    background: #353535;
}

.block12 .title > div .cell.before > div.after span {
    background: #00c9f4;
    right: -12px;
}

.block12 .title > div .cell.before span {
    z-index: 10;
    position: absolute;
    right: -16px;
    top: -20px;
    height: 48px;
    width: 48px;
    border-radius: 125px;
    line-height: 48px;
    text-align: center;
    color: #fffefe;
    font-size: 10px;
    text-transform: uppercase;
}

.block12 .title > div .cell.before img {
    border: 1px solid #000;
    display: block;
}

.block12 .title > div .cell.before.step2 {
    padding-left: 22px;
}

.block12 .content .side.l-side {
    width: 351px;
    float: left;
}

.block12 .content .side.r-side {
    width: 370px;
    float: right;
}

.block12 .content .side.r-side .row .label {
    width: 72px;
    margin-right: 15px;
}

.block12 .content .side.r-side .row .value {
    width: 283px;
}

.block12 .content .side .row {
    min-height: 20px;
    margin-bottom: 4px;
}

.block12 .content .side .row .label {
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    color: #00cbf4;
    width: 156px;
    margin-right: 10px;
}

.block12 .content .side .row .value {
    width: 185px;
    float: left;
    color: #b8b8b8;
    font-size: 13px;
    line-height: 1.3;
}

.block12.japan .content .side.l-side {
    width: 317px;
}

.block12.japan .content .side.l-side .row .label {
    width: 75px;
}

.block12.japan .content .side.l-side .row .value {
    width: 231px;
}

.block13 {
    background: #ebebeb url('../img/block13.jpg') center no-repeat;
}

.block13 .limit {
    position: relative;
    padding-top: 60px;
    padding-bottom: 30px;
}

.block13 .title {
    height: 60px;
    line-height: 60px;
    color: #b8b8b8;
    font-size: 26px;
    background: #162329;
    position: absolute;
    left: 0;
    width: 100%;
    top: -33px;
    text-align: center;
}

.block13 .item {
    width: 33%;
    float: left;
    padding: 0 23px;
}

.block13 .item .image {
    position: relative;
}

.block13 .item .image span {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -29px;
    width: 59px;
    height: 59px;
    border-radius: 125px;
    background: #f05353;
    color: #ffffff;
    font-size: 16px;
    line-height: 59px;
    text-align: center;
}

.block13 .item .image img {
    display: block;
    width: 100%;
    height: auto;
}

.block13 .item .label {
    color: #162329;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 20px;
}

.block13 .item .duration {
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #162329;
    margin-bottom: 15px;
}

.block13 .item .result {
    height: 34px;
    line-height: 34px;
    background: #162329;
    font-size: 14px;
    padding: 0 12px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.block13 .item .result span.before {
    color: #ffffff;
    float: left;
}

.block13 .item .result span.after {
    color: #f05353;
    float: right;
}

.block13 .item .name {
    margin-bottom: 15px;
    text-transform: uppercase;
    height: 34px;
    background: #162329;
    text-align: center;
    line-height: 34px;
    color: #00caf6;
    font-size: 14px;
}

.block13 .item .story {
    color: #162329;
    font-size: 13px;
}

.block13.japan .item .label {
    height: 44px;
}

.block14 {
    background: url('../img/block14a.jpg') top center no-repeat;
    height: 888px;
}

.block14 .content1 {
    text-align: center;
    margin-left: 64px;
    width: 425px;
    height: 429px;
    float: left;
    padding-top: 64px;
}

.block14 .content1 .title1 {
    font-size: 46px;
    color: #00cbf4;
    line-height: 1.1;
    margin-bottom: 20px;
}

.block14 .content1 .title2 {
    font-size: 36px;
    color: #ffffff;
    line-height: 1.1;
    margin-bottom: 30px;
}

.block14 .content1 .title2 b {
    font-weight: bold;
}

.block14 .content1 .description {
    border-top: 1px solid rgba(255, 255, 255, 0.39);
    border-bottom: 1px solid rgba(255, 255, 255, 0.39);
    font-size: 18px;
    color: rgba(255, 255, 255, 0.49);
    font-style: italic;
    padding: 12px 0;
    margin-bottom: 30px;
    letter-spacing: -0.3px;
}

.block14 .image {
    float: right;
    margin-right: 145px;
    position: relative;
    width: 185px;
    margin-top: 122px;
}

.block14 .image .label {
    position: absolute;
    width: 104px;
    height: 104px;
    font-size: 22px;
    text-align: center;
    border-radius: 125px;
    line-height: 1.2;
    right: 90px;
    top: -87px;
}

.block14 .image .label.front {
    background: #f7f7f7;
    color: #5d6c81;
    z-index: 1;
}

.block14 .image .label.back {
    z-index: 0;
    right: 0px;
    padding-left: 10px;
    top: -77px;
    color: #24c1f3;
    background: #5d6c81;
}

.block14 .image .label span.cell {
    display: table-cell;
    height: 104px;
    width: 104px;
    vertical-align: middle;
}

.block14 .content2 {
    text-align: center;
    height: 739px;
}

.block14 .content2 img {
    display: block;
    margin: 0 auto;
    position: absolute;
    margin-top: 4px;
}

.block14 .content2 .title1 {
    color: #00c9f5;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 76px;
}

.block14 .content2 .title2 {
    color: #ffffff;
    font-size: 26px;
    padding-top: 15px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 20px;
}

.block14 .content2 .story {
    height: 256px;
    line-height: 1.3;
    padding-left: 250px;
    position: relative;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    font-style: italic;
    background: url('../img/review.png') 78px 32px no-repeat;
    margin-left: 270px;
}

.block14 .content2 .story .cell {
    display: table-cell;
    vertical-align: middle;
    height: 256px;
}

.block14 .content3 .title {
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 25px;
}

.block14 .content3 .row {
    text-align: center;
}

.block14 .content3 .row img {
    margin-left: -4px;
}

.block15 {
    background: url('../img/block15a.jpg') top center no-repeat;
    height: 844px;
    background-size: cover;
    -o-background-size: cover;
    /* старый Opera*/
    -webkit-background-size: cover;
    /* старый Safari */
    -khtml-background-size: cover;
    /* Konqueror */
}

.block15 .content {
    width: 500px;
    margin-top: 70px;
    background: url('../img/product.png') top center no-repeat;
    padding-top: 309px;
    float: right;
    text-align: center;
    background-size: 200px;
}

.block15 .content .title1 {
    color: #413e3e;
    letter-spacing: -0.6px;
    font-size: 28px;
    line-height: 1.1;
}

.block15 .content .title2 {
    letter-spacing: -0.7px;
    font-size: 42px;
    color: #00aeef;
    margin-bottom: 10px;
}

.block15 .content .form {
    display: block;
    width: 330px;
    margin: 0 auto;
}

.block15 .content .form .form-group {
    margin-bottom: 22px;
}

.block15 .content .form input[type="text"], .block15 .content .form select, .block15 .content .form input[type="tel"] {
    outline: none;
    line-height: normal;
    border-radius: 0;
    border: 1px solid #464646;
    color: #292929;
    font-size: 18px;
    text-align: left;
    display: block;
    background: transparent;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.block15 .content .form input[type="text"]::-webkit-input-placeholder, .block15 .content .form select::-webkit-input-placeholder, .block15 .content .form input[type="tel"]::-webkit-input-placeholder {
    color: #292929;
}

.block15 .content .form input[type="text"]::-moz-placeholder, .block15 .content .form select::-moz-placeholder, .block15 .content .form input[type="tel"]::-webkit-input-placeholder {
    color: #292929;
}

.block15 .content .form input[type="text"]:-moz-placeholder, .block15 .content .form select:-moz-placeholder, .block15 .content .form input[type="tel"]::-webkit-input-placeholder {
    color: #292929;
}

.block15 .content .form input[type="text"]:-ms-input-placeholder, .block15 .content .form select:-ms-input-placeholder, .block15 .content .form input[type="tel"]::-webkit-input-placeholder {
    color: #292929;
}

.block15 .content .form select {
    padding-left: 15px;
}

.block15 .content .form .price {
    color: #fff;
    font-size: 20px;
    padding: 0 12px 0;
    margin-top: -10px;
    margin-bottom: 10px;
    text-align: center;
}

.block15 .content .form .price span {
    font-weight: bold;
    font-style: italic;
    margin-left: 5px;
}

.block15.japan .content .form input[type="text"], .block15.japan .content .form input[type="tel"] {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}
.block12-prod-photo {
    width: 120px;
    position: absolute;
    top: 80px;
    left: 420px;
}

form select {
    cursor: pointer;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none !important;
    background: transparent url(../img/custom-sel.png) no-repeat 95% !important;
}

.priceCircle span {
    display: block;
}

.oldPrice {
    font-size: 14px;
    text-decoration: line-through;
}

.newPrice {
    font-size: 20px;
}