/*primary font*/
/*secondary font*/
/* colors */
/*link*/
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none !important;
}

html, body {
    min-width: 1440px;
    font-size: 18px;
    font-family: "SF UI Display", sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 1.42;
    /*opacity: 0.7;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    /*	background-image: url(../img/back.jpg);
      background-position: center top;
      background-repeat: no-repeat;*/
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #686868;
}
.icon-usb-ultra:before {
    content: "\e924";
    color: #008ecf;
}
html.overlayed, body.overlayed {
    overflow: hidden !important;
}

input,
button,
textarea,
select {
    font-family: "SF UI Display", sans-serif;
}

a {
    display: inline-block;
    text-decoration: none;
    color: #f5821f;
    transition: .2s;
    position: relative;
}

a:hover, a:focus {
    text-decoration: none;
    color: #f8ab68;
}

main {
    min-height: 100vh;
}

.gray {
    color: #828282;
}

.light-gray {
    color: #e4e4e4;
}

.primary {
    color: #f5821f;
}

.bold {
    font-family: "SF UI Display", sans-serif;
    font-weight: bold;
}

.clear {
    padding: 0;
    margin: 0;
    list-style: none;
}

.uppercase {
    text-transform: uppercase;
}

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

.align-right {
    text-align: right;
}

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

.align-left {
    text-align: left;
}

.font-12 {
    font-size: 12px;
}

.browser-section.section {
    padding-bottom: 14px;
}

.browser-section .title {
    margin-right: -33px;
}

.list-style {
    margin-top: 10px;
}

.list-style, .list-style ul {
    list-style: none;
}

.list-style > li {
    background-image: url(../img/list_bullet_l1.png);
    background-repeat: no-repeat;
    background-position: 0 12px;
    padding-left: 12px;
}

.list-style ul > li {
    background-image: url(../img/list_bullet_l2.png);
    background-repeat: no-repeat;
    background-position: 0 12px;
    padding-left: 21px;
}

.list-style span {
    margin-left: -12px;
}

.btn {
    cursor: pointer;
    min-height: 40px;
    min-width: 40px;
    border: 0;
    font-size: 16px;
    transition: opacity .3s;
}

.btn.btn-transparent {
    background-color: transparent;
}

.btn.btn-transparent .icon-menu:before {
    position: relative;
    top: 2px;
}

.btn.btn-light {
    color: #fff;
}

.btn.btn-light:hover {
    opacity: .65;
}
.light-caption:hover:after, .light-caption:hover:before, .image-caption:hover:before, .image-caption:hover:after {
    filter: invert(36%) sepia(77%) saturate(3735%) hue-rotate(335deg) brightness(103%) contrast(101%);
}
@font-face {
    font-family: 'SF UI Display';
    src: url("../fonts/sfui/SFUIDisplay-Bold.eot");
    src: local("SF UI Display Bold"), local("../fonts/sfui/SFUIDisplay-Bold"), url("../fonts/sfui/SFUIDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/sfui/SFUIDisplay-Bold.woff2") format("woff2"), url("../fonts/sfui/SFUIDisplay-Bold.woff") format("woff"), url("../fonts/sfui/SFUIDisplay-Bold.ttf") format("truetype"), url("../fonts/sfui/SFUIDisplay-Bold.svg#SFUIDisplay-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display';
    src: url("../fonts/sfui/SFUIDisplay-Regular.eot");
    src: local("SF UI Display Regular"), local("../fonts/sfui/SFUIDisplay-Regular"), url("../fonts/sfui/SFUIDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/sfui/SFUIDisplay-Regular.woff2") format("woff2"), url("../fonts/sfui/SFUIDisplay-Regular.woff") format("woff"), url("../fonts/sfui/SFUIDisplay-Regular.ttf") format("truetype"), url("../fonts/sfui/SFUIDisplay-Regular.svg#SFUIDisplay-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/segoe/SegoeUI-Bold.eot");
    src: local("../fonts/segoe/Segoe UI Bold"), local("../fonts/segoe/SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff2") format("woff2"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype"), url("/font/Ssegoe/egoeUI-Bold.svg#SegoeUI-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url("../fonts/sfui/SFProText-Regular.eot");
    src: local("../fonts/sfui/SF Pro Text Regular"), local("../fonts/sfui/SFProText-Regular"), url("../fonts/sfui/SFProText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/sfui/SFProText-Regular.woff2") format("woff2"), url("../fonts/sfui/SFProText-Regular.woff") format("woff"), url("../fonts/sfui/SFProText-Regular.ttf") format("truetype"), url("../fonts/sfui/SFProText-Regular.svg#SFProText-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.main-footer {
    height: 53px;
    padding: 12px 0 0;
    font-family: 'SF Pro Text';
}

.main-footer .container {
    font-size: 11px;
    color: #888;
}

.container {
    margin: 0 auto;
    padding: 0 39px;
    width: 1440px;
}

.row {
    font-size: 0;
    margin: 0 -15px;
}

.row .col {
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
}

.section {
    padding: 40px 0;
    overflow: hidden;
}

.paragraph {
    font-size: 18px;
    line-height: 1.6;
    margin: 15px 0;
}

.info-section {
    padding: 75px 0 75px;
}

.info-section .container {
    padding-left: 51px;
}

.info-section .image-outer {
    text-align: center;
}

.info-section .image-outer img {
    height: 750px;
}

.info-section .image-outer .retina {
    display: none;
}

.info-section .image-outer .simple {
    display: inline-block;
}

.info-section .image-wrap {
    position: relative;
}

.info-section .image-wrap .image-caption {
    position: absolute;
    cursor: pointer;
}

.info-section .image-wrap .image-caption .title {
    color: #000;
    font-size: 18px;
    line-height: 1.37;
    margin: 1px 0 0;
}

.image-caption:hover .icon, .image-caption:hover .title, .image-caption:hover .icon:before{
    color: #f58220 !important;
}

.info-section .image-wrap .image-caption:before,
.info-section .image-wrap .image-caption:after{
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.info-section .image-wrap .image-caption.one {
    top: 417px;
    right: 249px;
}

.info-section .image-wrap .image-caption.one:before {
    width: 153px;
    height: 157px;
    left: -180px;
    top: -101px;
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
    background-image: url(../img/r2_line4.svg);
}

.info-section .image-wrap .image-caption.bottom-center {
    top: 512px;
    right: 256px;
}

.info-section .image-wrap .image-caption.bottom-center .title, .info-section .image-wrap .image-caption.bottom-center .icon {
    top: -10px;
    position: relative;
}

.info-section .image-wrap .image-caption.bottom-center:before {
    width: 177px;
    height: 49px;
    left: -42px;
    top: -119px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    background-image: url(../img/r2_line5.svg);
}

.info-section .image-wrap .image-caption.top-bottom {
    top: -16px;
    left: 1184px;
}

.info-section .image-wrap .image-caption.top-bottom .title,
.info-section .image-wrap .image-caption.top-bottom .icon {
    -webkit-transform: translateX(-12px) translateY(5px);
    transform: translateX(-12px) translateY(5px);
    display: block;
}

.info-section .image-wrap .image-caption.top-bottom:before {
    background-image: url(../img/r2_line12.svg);
    width: 156px;
    height: 98px;
    top: 78px;
    left: -84px;
    -webkit-transform: rotate(
            152deg
    );
    transform: rotate(
          152deg
    );
}

.info-section .image-wrap .image-caption.two {
    right: 484px;
    top: -68px;
}

.info-section .image-wrap .image-caption.two:before {
    background-image: url(../img/r2_line6.svg);
    width: 138px;
    height: 137px;
    top: 74px;
    left: -68px;
    -webkit-transform: rotate(71deg);
    transform: rotate(71deg);
}

.info-section .image-wrap .image-caption.three {
    right: 278px;
    top: -61px;
}

.info-section .image-wrap .image-caption.three:before {
    background-image: url(../img/r2_line3.svg);
    width: 77px;
    height: 186px;
    top: 73px;
    left: 16px;
    -webkit-transform: rotate(307deg);
    transform: rotate(307deg);
}

.info-section .image-wrap .image-caption.four {
    top: -61px;
    right: 0;
}

.info-section .image-wrap .image-caption.four:before {
    background-image: url(../img/r2_line12.svg);
    width: 121px;
    height: 111px;
    right: 195px;
    top: 108px;
    -webkit-transform: rotate(327deg);
    transform: rotate(327deg);
}

.info-section .image-wrap .image-caption.five {
    right: 124px;
    bottom: -25px;
}

.info-section .image-wrap .image-caption.five:before {
    background-image: url(../img/r2_line5.svg);
    width: 217px;
    height: 189px;
    right: 74px;
    top: -119px;
    -webkit-transform: rotate(57deg);
    transform: rotate(57deg);
}

.info-section .image-wrap .image-caption.six {
    bottom: -78px;
    right: 371px;
}

.info-section .image-wrap .image-caption.six:before {
    background-image: url(../img/r2_line12.svg);
    width: 239px;
    height: 242px;
    top: -197px;
    right: 33px;
    -webkit-transform: rotate(248deg);
    transform: rotate(248deg);
}

.info-section .image-wrap .image-caption.seven {
    bottom: 395px;
    right: 868px;
}

.info-section .image-wrap .image-caption.seven:before {
    background-image: url(../img/r2_line5.svg);
    width: 267px;
    height: 275px;
    left: -60px;
    top: -278px;
    -webkit-transform: rotate(117deg);
    transform: rotate(117deg);
}
.info-section .image-wrap .image-caption.seven:after {
    background-image: url(../img/r2_line15.svg);
    width: 260px;
    height: 259px;
    left: 15px;
    top: 70px;
    -webkit-transform: rotate(193deg);
    transform: rotate(193deg);
}
.info-section .image-wrap .image-caption.eight {
    right: 221px;
    top: 154px;
}

.info-section .image-wrap .image-caption.eight:before {
    background-image: url(../img/r2_line12.svg);
    width: 158px;
    height: 142px;
    left: -182px;
    bottom: 10px;
    -webkit-transform: rotate(63deg);
    transform: rotate(63deg);
}

.info-section .image-wrap .image-caption.nine {
    left: 315px;
    top: 6px;
}

.info-section .image-wrap .image-caption.nine:before {
    background-image: url(../img/r2_line2.svg);
    width: 43px;
    height: 17px;
    right: -60px;
    top: 41px;
}

.main-header {
    color: #ededed;
    background-color: rgba(0, 0, 0, 0.8);
    height: 44px;
    font-family: "SF UI Display", sans-serif;
}

.main-header .logo-col,
.main-header .btn-col {
    width: 150px;
    vertical-align: middle;
}

.main-header .logo {
    height: 19px;
    width: 51px;
}

.main-header .main-nav {
    width: calc(100% - 300px);
    vertical-align: middle;
    text-align: center;
}

.main-header .main-nav .nav-list {
    font-size: 0;
}

.main-header .main-nav .nav-list .item {
    display: inline-block;
}

.main-header .main-nav .nav-list .item a {
    color: #ededed;
    padding: 12px 22px 13px;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color: transparent;
    outline-offset: -7px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.01em;
}



@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon/icomoon.eot?n2vo05");
    src: url("../fonts/icomoon/icomoon.eot?n2vo05#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?n2vo05") format("truetype"), url("../fonts/icomoon/icomoon.woff?n2vo05") format("woff"), url("../fonts/icomoon/icomoon.svg?n2vo05#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.info-section h1.title {
    color: #000;
    font-size: 36px;
    font-family: 'SF UI Display', sans-serif;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 0 80px;
}

.table-section .title {
    color: #000;
    font-size: 36px;
    font-family: "SF UI Display", sans-serif;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 0 20px;
}

.table-section .table-wrap {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin-top: 24px;
}

.table-section .table-wrap tr {
    border-bottom: 1px solid #d6d6d6;
}

.table-section .table-wrap tr.no-border {
    border-bottom: none;
}

.table-section .table-wrap td {
    font-size: 13px;
    padding: 36px 16px 21px 28px;
    color: #000;
    vertical-align: top;
}

.table-section .table-wrap td:first-child {
    color: #000;
    font-size: 18px;
    padding-left: 0;
}

.table-section .table-wrap td:last-child {
    padding-left: 48px;
}

.table-section .table-wrap td:last-child .image-wrap {
    margin-top: 30px;
    margin-left: -5px;
}

.table-section .table-wrap .image-wrap {
    margin-top: 45px;
    margin-left: -7px;
    margin-bottom: 37px;
}

.table-section .table-wrap .image-wrap img {
    max-width: 102%;
}

.table-section .table-wrap .image-wrap .large {
    height: 160px;
    top: -30px;
    position: relative;
}

.table-section .table-wrap .images {
    text-align: center;
}

.table-section .table-wrap .image-wrap .small {
    width: 382px;
    height: 230px;
}

.table-section .table-wrap ul > li {
    padding: 3px 0;
    line-height: 1.3;
}

/* specs table — new layout (group | parameter | value) */
.table-section .table-wrap.specs td {
    padding: 5px 12px 5px 24px;
    font-size: 13px;
}

.table-section .table-wrap.specs td:first-child {
    font-size: 13px;
    padding-left: 24px;
}

.table-section .table-wrap.specs td:last-child {
    padding-left: 24px;
}

.table-section .table-wrap.specs td.t-group {
    font-size: 18px;
    padding-left: 0;
}

.table-section .table-wrap.specs thead td {
    padding-top: 0;
    padding-bottom: 14px;
    font-weight: bold;
}

.table-section .table-wrap.specs thead td:first-child {
    width: 280px;
}

.table-section .table-wrap.specs thead td:nth-child(2) {
    width: 440px;
}

.table-section .table-wrap.specs tr.g-start td {
    padding-top: 24px;
}

.table-section .table-wrap.specs tr.g-end td {
    padding-bottom: 24px;
}

.table-section .table-wrap.specs .note-mark {
    color: #828282;
}

.table-section .table-wrap.specs td.notes-cell {
    padding-left: 0;
    padding-top: 24px;
    padding-bottom: 0;
}

.table-section .specs-notes {
    margin-top: 0;
    font-size: 13px;
    color: #828282;
    line-height: 1.5;
}

.table-section .specs-notes p {
    margin: 4px 0;
}

.table-section .table-wrap.specs a {
    color: #0091d0;
}