body, html {
max-width: 100%;
overflow-x: hidden
}
* {
font-family: SamsungOne-500C, Helvetica, Arial, sans-serif
}
.spdp body {
margin: 0
}
.spdp a {
text-decoration: none
}
.spdp a {
color: inherit
}
.spdp img {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0
}
.spdp h1 *, h2 *, h3 *, h4 * {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif
}
.spdp h1 sup, h2 sup, h3 sup, h4 sup {
font-size: 60%;
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif
}
.spdp h1, h2, h3, h4, p {
padding: 0;
margin: 0
}
.spdp {
width: 100%;
max-width: 1440px;
margin: 0 auto
}
.spdp * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.spdp h1 {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
text-align: center;
font-size: 30px
}
@media screen and (min-width:1024px) {
.spdp h1 {
font-size: 50px
}
}
.spdp h2 {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 26px;
letter-spacing: .01em;
margin-bottom: 15px;
font-weight: 700
}
@media screen and (min-width:600px) {
.spdp h2 {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px
}
}
@media screen and (min-width:1024px) {
.spdp h2 {
font-size: 34px;
line-height: 40px;
margin-bottom: 20px
}
}
.spdp h3 {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
font-size: 30px;
line-height: 40px;
letter-spacing: .01em;
margin-bottom: 20px;
font-weight: 700
}
@media screen and (min-width:1024px) {
.spdp h3 {
font-size: 48px;
line-height: 56px
}
}
.spdp h4 {
font-family: SamsungOne-600, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 23px;
letter-spacing: .4px;
text-transform: uppercase;
margin-bottom: 5px
}
@media (min-width:1024px) {
.spdp h4 {
font-size: 18px;
line-height: 40px
}
}
.spdp p {
font-family: SamsungOne-500C, Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 27px;
letter-spacing: .1px;
font-weight: 400;
text-decoration: none
}
@media screen and (min-width:1024px) {
.spdp p {
font-size: 21px;
line-height: 30px
}
}
.spdp strong {
font-family: SamsungOne-700, Helvetica, Arial, sans-serif
}
.spdp sup {
font-size: 11px;
line-height: 0
}
@media (min-width:1024px) {
.spdp sup {
font-size: 13px
}
}
.spdp ::-moz-selection {
color: #fff;
background-color: #000
}
.spdp ::selection {
color: #fff;
background-color: #000
}
.spdp .bg-black ::-moz-selection {
color: #000;
background-color: #fff
}
.spdp .bg-black ::selection {
color: #000;
background-color: #fff
}
@font-face {
font-family: SamsungSharpSansBold;
src: url(assets/fonts/SamsungSharpSans-Bold.eot);
src: url(assets/fonts/SamsungSharpSans-Bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/SamsungSharpSans-Bold.woff2) format("woff2"), url(assets/fonts/SamsungSharpSans-Bold.woff) format("woff"), url(assets/fonts/SamsungSharpSans-Bold.ttf) format("truetype");
font-weight: 700
}
@font-face {
font-family: SamsungOne-400;
src: url(assets/fonts/SamsungOne-400.eot);
src: url(assets/fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(assets/fonts/SamsungOne-400.woff2) format("woff2"), url(assets/fonts/SamsungOne-400.woff) format("woff"), url(assets/fonts/SamsungOne-400.ttf) format("truetype");
font-weight: 400
}
@font-face {
font-family: SamsungOne-500;
src: url(assets/fonts/SamsungOne-500.eot);
src: url(assets/fonts/SamsungOne-500.eot?#iefix) format("embedded-opentype"), url(assets/fonts/SamsungOne-500.woff2) format("woff2"), url(assets/fonts/SamsungOne-500.woff) format("woff"), url(assets/fonts/SamsungOne-500.ttf) format("truetype");
font-weight: 500
}
@font-face {
font-family: SamsungOne-500C;
src: url(assets/fonts/SamsungOne-500C.ttf);
src: url(assets/fonts/SamsungOne-500C.ttf?#iefix) format("embedded-opentype"), url(assets/fonts/SamsungOne-500C.ttf) format("truetype");
font-weight: 600
}
@font-face {
font-family: SamsungOne-600;
src: url(assets/fonts/SamsungOne-600.ttf);
src: url(assets/fonts/SamsungOne-600.ttf?#iefix) format("embedded-opentype"), url(assets/fonts/SamsungOne-600.ttf) format("truetype");
font-weight: 600
}
@font-face {
font-family: SamsungOne-600C;
src: url(assets/fonts/SamsungOne-600C.ttf);
src: url(assets/fonts/SamsungOne-600C.ttf?#iefix) format("embedded-opentype"), url(assets/fonts/SamsungOne-600C.ttf) format("truetype");
font-weight: 600
}
@font-face {
font-family: SamsungOne-800C;
src: url(assets/fonts/SamsungOne-800C.ttf);
src: url(assets/fonts/SamsungOne-800C.ttf?#iefix) format("embedded-opentype"), url(assets/fonts/SamsungOne-800C.ttf) format("truetype");
font-weight: 800
}
@font-face {
font-family: SamsungOne-700;
src: url(assets/fonts/SamsungOne-700.eot);
src: url(assets/fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(assets/fonts/SamsungOne-700.woff2) format("woff2"), url(assets/fonts/SamsungOne-700.woff) format("woff"), url(assets/fonts/SamsungOne-700.ttf) format("truetype");
font-weight: 700
}
@font-face {
font-family: SamsungSharpSansMedium;
src: url(assets/fonts/SamsungSharpSans-Medium.eot);
src: url(assets/fonts/SamsungSharpSans-Medium.eot) format("embedded-opentype"), url(assets/fonts/SamsungSharpSans-Medium.woff2) format("woff2"), url(assets/fonts/SamsungSharpSans-Medium.woff) format("woff"), url(assets/fonts/SamsungSharpSans-Medium.otf) format("opentype");
font-weight: lighter
}
@font-face {
font-family: SamsungSharpSansRegular;
src: url(assets/fonts/SamsungSharpSans-Regular.eot);
src: url(assets/fonts/SamsungSharpSans-Regular.eot) format("embedded-opentype"), url(assets/fonts/SamsungSharpSans-Regular.woff2) format("woff2"), url(assets/fonts/SamsungSharpSans-Regular.woff) format("woff"), url(assets/fonts/SamsungSharpSans-Regular.otf) format("opentype");
font-weight: lighter
}
.spdp img:not(.hide-desktop, .hide-mobile) {
display: block
}
.spdp .bg-black {
background-color: #000;
color: #fff
}
.spdp .bg-grey {
background-color: #f4f4f4
}
.spdp .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -11px;
margin-right: -11px
}
@media (min-width:0px) {
.spdp .grid-xs-1 {
width: calc(2.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-2 {
width: calc(5.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-3 {
width: calc(8.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-4 {
width: calc(11.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-5 {
width: calc(13.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-6 {
width: calc(16.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-7 {
width: calc(19.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-8 {
width: calc(22.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-9 {
width: calc(25% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-10 {
width: calc(27.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-11 {
width: calc(30.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-12 {
width: calc(33.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-13 {
width: calc(36.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-14 {
width: calc(38.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-15 {
width: calc(41.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-16 {
width: calc(44.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-17 {
width: calc(47.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-18 {
width: calc(50% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-19 {
width: calc(52.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-20 {
width: calc(55.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-21 {
width: calc(58.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-22 {
width: calc(61.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-23 {
width: calc(63.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-24 {
width: calc(66.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-25 {
width: calc(69.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-26 {
width: calc(72.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-27 {
width: calc(75% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-28 {
width: calc(77.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-29 {
width: calc(80.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-30 {
width: calc(83.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-31 {
width: calc(86.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-32 {
width: calc(88.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-33 {
width: calc(91.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-34 {
width: calc(94.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-35 {
width: calc(97.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-xs-36 {
width: calc(100% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-1 {
margin-left: calc(2.7777777778% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-1 {
margin-right: calc(2.7777777778% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-2 {
margin-left: calc(5.5555555556% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-2 {
margin-right: calc(5.5555555556% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-3 {
margin-left: calc(8.3333333333% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-3 {
margin-right: calc(8.3333333333% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-4 {
margin-left: calc(11.1111111111% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-4 {
margin-right: calc(11.1111111111% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-5 {
margin-left: calc(13.8888888889% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-5 {
margin-right: calc(13.8888888889% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-6 {
margin-left: calc(16.6666666667% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-6 {
margin-right: calc(16.6666666667% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-7 {
margin-left: calc(19.4444444444% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-7 {
margin-right: calc(19.4444444444% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-8 {
margin-left: calc(22.2222222222% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-8 {
margin-right: calc(22.2222222222% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-9 {
margin-left: calc(25% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-9 {
margin-right: calc(25% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-10 {
margin-left: calc(27.7777777778% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-10 {
margin-right: calc(27.7777777778% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-11 {
margin-left: calc(30.5555555556% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-11 {
margin-right: calc(30.5555555556% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-12 {
margin-left: calc(33.3333333333% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-12 {
margin-right: calc(33.3333333333% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-13 {
margin-left: calc(36.1111111111% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-13 {
margin-right: calc(36.1111111111% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-14 {
margin-left: calc(38.8888888889% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-14 {
margin-right: calc(38.8888888889% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-15 {
margin-left: calc(41.6666666667% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-15 {
margin-right: calc(41.6666666667% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-16 {
margin-left: calc(44.4444444444% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-16 {
margin-right: calc(44.4444444444% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-17 {
margin-left: calc(47.2222222222% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-17 {
margin-right: calc(47.2222222222% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-18 {
margin-left: calc(50% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-18 {
margin-right: calc(50% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-19 {
margin-left: calc(52.7777777778% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-19 {
margin-right: calc(52.7777777778% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-20 {
margin-left: calc(55.5555555556% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-20 {
margin-right: calc(55.5555555556% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-21 {
margin-left: calc(58.3333333333% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-21 {
margin-right: calc(58.3333333333% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-22 {
margin-left: calc(61.1111111111% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-22 {
margin-right: calc(61.1111111111% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-23 {
margin-left: calc(63.8888888889% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-23 {
margin-right: calc(63.8888888889% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-24 {
margin-left: calc(66.6666666667% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-24 {
margin-right: calc(66.6666666667% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-25 {
margin-left: calc(69.4444444444% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-25 {
margin-right: calc(69.4444444444% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-26 {
margin-left: calc(72.2222222222% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-26 {
margin-right: calc(72.2222222222% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-27 {
margin-left: calc(75% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-27 {
margin-right: calc(75% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-28 {
margin-left: calc(77.7777777778% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-28 {
margin-right: calc(77.7777777778% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-29 {
margin-left: calc(80.5555555556% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-29 {
margin-right: calc(80.5555555556% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-30 {
margin-left: calc(83.3333333333% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-30 {
margin-right: calc(83.3333333333% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-31 {
margin-left: calc(86.1111111111% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-31 {
margin-right: calc(86.1111111111% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-32 {
margin-left: calc(88.8888888889% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-32 {
margin-right: calc(88.8888888889% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-33 {
margin-left: calc(91.6666666667% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-33 {
margin-right: calc(91.6666666667% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-34 {
margin-left: calc(94.4444444444% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-34 {
margin-right: calc(94.4444444444% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-35 {
margin-left: calc(97.2222222222% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-35 {
margin-right: calc(97.2222222222% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-left-xs-36 {
margin-left: calc(100% + 11px)
}
}
@media (min-width:0px) {
.spdp .grid-offset-right-xs-36 {
margin-right: calc(100% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-sm-1 {
width: calc(2.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-2 {
width: calc(5.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-3 {
width: calc(8.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-4 {
width: calc(11.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-5 {
width: calc(13.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-6 {
width: calc(16.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-7 {
width: calc(19.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-8 {
width: calc(22.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-9 {
width: calc(25% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-10 {
width: calc(27.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-11 {
width: calc(30.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-12 {
width: calc(33.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-13 {
width: calc(36.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-14 {
width: calc(38.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-15 {
width: calc(41.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-16 {
width: calc(44.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-17 {
width: calc(47.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-18 {
width: calc(50% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-19 {
width: calc(52.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-20 {
width: calc(55.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-21 {
width: calc(58.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-22 {
width: calc(61.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-23 {
width: calc(63.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-24 {
width: calc(66.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-25 {
width: calc(69.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-26 {
width: calc(72.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-27 {
width: calc(75% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-28 {
width: calc(77.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-29 {
width: calc(80.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-30 {
width: calc(83.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-31 {
width: calc(86.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-32 {
width: calc(88.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-33 {
width: calc(91.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-34 {
width: calc(94.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-35 {
width: calc(97.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-sm-36 {
width: calc(100% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-1 {
margin-left: calc(2.7777777778% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-1 {
margin-right: calc(2.7777777778% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-2 {
margin-left: calc(5.5555555556% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-2 {
margin-right: calc(5.5555555556% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-3 {
margin-left: calc(8.3333333333% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-3 {
margin-right: calc(8.3333333333% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-4 {
margin-left: calc(11.1111111111% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-4 {
margin-right: calc(11.1111111111% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-5 {
margin-left: calc(13.8888888889% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-5 {
margin-right: calc(13.8888888889% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-6 {
margin-left: calc(16.6666666667% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-6 {
margin-right: calc(16.6666666667% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-7 {
margin-left: calc(19.4444444444% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-7 {
margin-right: calc(19.4444444444% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-8 {
margin-left: calc(22.2222222222% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-8 {
margin-right: calc(22.2222222222% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-9 {
margin-left: calc(25% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-9 {
margin-right: calc(25% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-10 {
margin-left: calc(27.7777777778% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-10 {
margin-right: calc(27.7777777778% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-11 {
margin-left: calc(30.5555555556% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-11 {
margin-right: calc(30.5555555556% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-12 {
margin-left: calc(33.3333333333% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-12 {
margin-right: calc(33.3333333333% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-13 {
margin-left: calc(36.1111111111% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-13 {
margin-right: calc(36.1111111111% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-14 {
margin-left: calc(38.8888888889% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-14 {
margin-right: calc(38.8888888889% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-15 {
margin-left: calc(41.6666666667% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-15 {
margin-right: calc(41.6666666667% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-16 {
margin-left: calc(44.4444444444% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-16 {
margin-right: calc(44.4444444444% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-17 {
margin-left: calc(47.2222222222% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-17 {
margin-right: calc(47.2222222222% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-18 {
margin-left: calc(50% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-18 {
margin-right: calc(50% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-19 {
margin-left: calc(52.7777777778% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-19 {
margin-right: calc(52.7777777778% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-20 {
margin-left: calc(55.5555555556% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-20 {
margin-right: calc(55.5555555556% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-21 {
margin-left: calc(58.3333333333% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-21 {
margin-right: calc(58.3333333333% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-22 {
margin-left: calc(61.1111111111% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-22 {
margin-right: calc(61.1111111111% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-23 {
margin-left: calc(63.8888888889% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-23 {
margin-right: calc(63.8888888889% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-24 {
margin-left: calc(66.6666666667% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-24 {
margin-right: calc(66.6666666667% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-25 {
margin-left: calc(69.4444444444% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-25 {
margin-right: calc(69.4444444444% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-26 {
margin-left: calc(72.2222222222% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-26 {
margin-right: calc(72.2222222222% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-27 {
margin-left: calc(75% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-27 {
margin-right: calc(75% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-28 {
margin-left: calc(77.7777777778% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-28 {
margin-right: calc(77.7777777778% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-29 {
margin-left: calc(80.5555555556% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-29 {
margin-right: calc(80.5555555556% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-30 {
margin-left: calc(83.3333333333% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-30 {
margin-right: calc(83.3333333333% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-31 {
margin-left: calc(86.1111111111% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-31 {
margin-right: calc(86.1111111111% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-32 {
margin-left: calc(88.8888888889% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-32 {
margin-right: calc(88.8888888889% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-33 {
margin-left: calc(91.6666666667% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-33 {
margin-right: calc(91.6666666667% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-34 {
margin-left: calc(94.4444444444% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-34 {
margin-right: calc(94.4444444444% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-35 {
margin-left: calc(97.2222222222% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-35 {
margin-right: calc(97.2222222222% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-left-sm-36 {
margin-left: calc(100% + 11px)
}
}
@media (min-width:360px) {
.spdp .grid-offset-right-sm-36 {
margin-right: calc(100% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-md-1 {
width: calc(2.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-2 {
width: calc(5.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-3 {
width: calc(8.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-4 {
width: calc(11.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-5 {
width: calc(13.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-6 {
width: calc(16.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-7 {
width: calc(19.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-8 {
width: calc(22.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-9 {
width: calc(25% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-10 {
width: calc(27.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-11 {
width: calc(30.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-12 {
width: calc(33.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-13 {
width: calc(36.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-14 {
width: calc(38.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-15 {
width: calc(41.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-16 {
width: calc(44.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-17 {
width: calc(47.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-18 {
width: calc(50% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-19 {
width: calc(52.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-20 {
width: calc(55.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-21 {
width: calc(58.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-22 {
width: calc(61.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-23 {
width: calc(63.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-24 {
width: calc(66.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-25 {
width: calc(69.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-26 {
width: calc(72.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-27 {
width: calc(75% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-28 {
width: calc(77.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-29 {
width: calc(80.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-30 {
width: calc(83.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-31 {
width: calc(86.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-32 {
width: calc(88.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-33 {
width: calc(91.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-34 {
width: calc(94.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-35 {
width: calc(97.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-md-36 {
width: calc(100% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-1 {
margin-left: calc(2.7777777778% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-1 {
margin-right: calc(2.7777777778% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-2 {
margin-left: calc(5.5555555556% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-2 {
margin-right: calc(5.5555555556% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-3 {
margin-left: calc(8.3333333333% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-3 {
margin-right: calc(8.3333333333% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-4 {
margin-left: calc(11.1111111111% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-4 {
margin-right: calc(11.1111111111% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-5 {
margin-left: calc(13.8888888889% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-5 {
margin-right: calc(13.8888888889% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-6 {
margin-left: calc(16.6666666667% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-6 {
margin-right: calc(16.6666666667% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-7 {
margin-left: calc(19.4444444444% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-7 {
margin-right: calc(19.4444444444% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-8 {
margin-left: calc(22.2222222222% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-8 {
margin-right: calc(22.2222222222% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-9 {
margin-left: calc(25% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-9 {
margin-right: calc(25% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-10 {
margin-left: calc(27.7777777778% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-10 {
margin-right: calc(27.7777777778% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-11 {
margin-left: calc(30.5555555556% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-11 {
margin-right: calc(30.5555555556% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-12 {
margin-left: calc(33.3333333333% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-12 {
margin-right: calc(33.3333333333% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-13 {
margin-left: calc(36.1111111111% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-13 {
margin-right: calc(36.1111111111% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-14 {
margin-left: calc(38.8888888889% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-14 {
margin-right: calc(38.8888888889% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-15 {
margin-left: calc(41.6666666667% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-15 {
margin-right: calc(41.6666666667% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-16 {
margin-left: calc(44.4444444444% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-16 {
margin-right: calc(44.4444444444% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-17 {
margin-left: calc(47.2222222222% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-17 {
margin-right: calc(47.2222222222% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-18 {
margin-left: calc(50% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-18 {
margin-right: calc(50% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-19 {
margin-left: calc(52.7777777778% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-19 {
margin-right: calc(52.7777777778% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-20 {
margin-left: calc(55.5555555556% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-20 {
margin-right: calc(55.5555555556% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-21 {
margin-left: calc(58.3333333333% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-21 {
margin-right: calc(58.3333333333% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-22 {
margin-left: calc(61.1111111111% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-22 {
margin-right: calc(61.1111111111% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-23 {
margin-left: calc(63.8888888889% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-23 {
margin-right: calc(63.8888888889% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-24 {
margin-left: calc(66.6666666667% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-24 {
margin-right: calc(66.6666666667% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-25 {
margin-left: calc(69.4444444444% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-25 {
margin-right: calc(69.4444444444% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-26 {
margin-left: calc(72.2222222222% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-26 {
margin-right: calc(72.2222222222% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-27 {
margin-left: calc(75% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-27 {
margin-right: calc(75% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-28 {
margin-left: calc(77.7777777778% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-28 {
margin-right: calc(77.7777777778% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-29 {
margin-left: calc(80.5555555556% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-29 {
margin-right: calc(80.5555555556% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-30 {
margin-left: calc(83.3333333333% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-30 {
margin-right: calc(83.3333333333% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-31 {
margin-left: calc(86.1111111111% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-31 {
margin-right: calc(86.1111111111% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-32 {
margin-left: calc(88.8888888889% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-32 {
margin-right: calc(88.8888888889% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-33 {
margin-left: calc(91.6666666667% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-33 {
margin-right: calc(91.6666666667% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-34 {
margin-left: calc(94.4444444444% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-34 {
margin-right: calc(94.4444444444% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-35 {
margin-left: calc(97.2222222222% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-35 {
margin-right: calc(97.2222222222% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-left-md-36 {
margin-left: calc(100% + 11px)
}
}
@media (min-width:600px) {
.spdp .grid-offset-right-md-36 {
margin-right: calc(100% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-lg-1 {
width: calc(2.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-2 {
width: calc(5.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-3 {
width: calc(8.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-4 {
width: calc(11.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-5 {
width: calc(13.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-6 {
width: calc(16.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-7 {
width: calc(19.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-8 {
width: calc(22.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-9 {
width: calc(25% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-10 {
width: calc(27.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-11 {
width: calc(30.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-12 {
width: calc(33.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-13 {
width: calc(36.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-14 {
width: calc(38.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-15 {
width: calc(41.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-16 {
width: calc(44.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-17 {
width: calc(47.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-18 {
width: calc(50% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-19 {
width: calc(52.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-20 {
width: calc(55.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-21 {
width: calc(58.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-22 {
width: calc(61.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-23 {
width: calc(63.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-24 {
width: calc(66.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-25 {
width: calc(69.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-26 {
width: calc(72.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-27 {
width: calc(75% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-28 {
width: calc(77.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-29 {
width: calc(80.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-30 {
width: calc(83.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-31 {
width: calc(86.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-32 {
width: calc(88.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-33 {
width: calc(91.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-34 {
width: calc(94.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-35 {
width: calc(97.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-lg-36 {
width: calc(100% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-1 {
margin-left: calc(2.7777777778% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-1 {
margin-right: calc(2.7777777778% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-2 {
margin-left: calc(5.5555555556% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-2 {
margin-right: calc(5.5555555556% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-3 {
margin-left: calc(8.3333333333% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-3 {
margin-right: calc(8.3333333333% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-4 {
margin-left: calc(11.1111111111% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-4 {
margin-right: calc(11.1111111111% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-5 {
margin-left: calc(13.8888888889% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-5 {
margin-right: calc(13.8888888889% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-6 {
margin-left: calc(16.6666666667% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-6 {
margin-right: calc(16.6666666667% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-7 {
margin-left: calc(19.4444444444% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-7 {
margin-right: calc(19.4444444444% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-8 {
margin-left: calc(22.2222222222% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-8 {
margin-right: calc(22.2222222222% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-9 {
margin-left: calc(25% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-9 {
margin-right: calc(25% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-10 {
margin-left: calc(27.7777777778% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-10 {
margin-right: calc(27.7777777778% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-11 {
margin-left: calc(30.5555555556% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-11 {
margin-right: calc(30.5555555556% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-12 {
margin-left: calc(33.3333333333% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-12 {
margin-right: calc(33.3333333333% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-13 {
margin-left: calc(36.1111111111% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-13 {
margin-right: calc(36.1111111111% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-14 {
margin-left: calc(38.8888888889% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-14 {
margin-right: calc(38.8888888889% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-15 {
margin-left: calc(41.6666666667% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-15 {
margin-right: calc(41.6666666667% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-16 {
margin-left: calc(44.4444444444% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-16 {
margin-right: calc(44.4444444444% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-17 {
margin-left: calc(47.2222222222% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-17 {
margin-right: calc(47.2222222222% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-18 {
margin-left: calc(50% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-18 {
margin-right: calc(50% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-19 {
margin-left: calc(52.7777777778% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-19 {
margin-right: calc(52.7777777778% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-20 {
margin-left: calc(55.5555555556% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-20 {
margin-right: calc(55.5555555556% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-21 {
margin-left: calc(58.3333333333% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-21 {
margin-right: calc(58.3333333333% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-22 {
margin-left: calc(61.1111111111% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-22 {
margin-right: calc(61.1111111111% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-23 {
margin-left: calc(63.8888888889% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-23 {
margin-right: calc(63.8888888889% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-24 {
margin-left: calc(66.6666666667% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-24 {
margin-right: calc(66.6666666667% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-25 {
margin-left: calc(69.4444444444% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-25 {
margin-right: calc(69.4444444444% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-26 {
margin-left: calc(72.2222222222% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-26 {
margin-right: calc(72.2222222222% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-27 {
margin-left: calc(75% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-27 {
margin-right: calc(75% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-28 {
margin-left: calc(77.7777777778% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-28 {
margin-right: calc(77.7777777778% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-29 {
margin-left: calc(80.5555555556% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-29 {
margin-right: calc(80.5555555556% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-30 {
margin-left: calc(83.3333333333% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-30 {
margin-right: calc(83.3333333333% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-31 {
margin-left: calc(86.1111111111% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-31 {
margin-right: calc(86.1111111111% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-32 {
margin-left: calc(88.8888888889% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-32 {
margin-right: calc(88.8888888889% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-33 {
margin-left: calc(91.6666666667% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-33 {
margin-right: calc(91.6666666667% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-34 {
margin-left: calc(94.4444444444% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-34 {
margin-right: calc(94.4444444444% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-35 {
margin-left: calc(97.2222222222% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-35 {
margin-right: calc(97.2222222222% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-left-lg-36 {
margin-left: calc(100% + 11px)
}
}
@media (min-width:768px) {
.spdp .grid-offset-right-lg-36 {
margin-right: calc(100% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-xl-1 {
width: calc(2.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-2 {
width: calc(5.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-3 {
width: calc(8.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-4 {
width: calc(11.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-5 {
width: calc(13.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-6 {
width: calc(16.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-7 {
width: calc(19.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-8 {
width: calc(22.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-9 {
width: calc(25% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-10 {
width: calc(27.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-11 {
width: calc(30.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-12 {
width: calc(33.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-13 {
width: calc(36.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-14 {
width: calc(38.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-15 {
width: calc(41.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-16 {
width: calc(44.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-17 {
width: calc(47.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-18 {
width: calc(50% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-19 {
width: calc(52.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-20 {
width: calc(55.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-21 {
width: calc(58.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-22 {
width: calc(61.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-23 {
width: calc(63.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-24 {
width: calc(66.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-25 {
width: calc(69.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-26 {
width: calc(72.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-27 {
width: calc(75% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-28 {
width: calc(77.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-29 {
width: calc(80.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-30 {
width: calc(83.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-31 {
width: calc(86.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-32 {
width: calc(88.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-33 {
width: calc(91.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-34 {
width: calc(94.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-35 {
width: calc(97.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-xl-36 {
width: calc(100% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-1 {
margin-left: calc(2.7777777778% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-1 {
margin-right: calc(2.7777777778% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-2 {
margin-left: calc(5.5555555556% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-2 {
margin-right: calc(5.5555555556% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-3 {
margin-left: calc(8.3333333333% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-3 {
margin-right: calc(8.3333333333% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-4 {
margin-left: calc(11.1111111111% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-4 {
margin-right: calc(11.1111111111% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-5 {
margin-left: calc(13.8888888889% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-5 {
margin-right: calc(13.8888888889% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-6 {
margin-left: calc(16.6666666667% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-6 {
margin-right: calc(16.6666666667% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-7 {
margin-left: calc(19.4444444444% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-7 {
margin-right: calc(19.4444444444% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-8 {
margin-left: calc(22.2222222222% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-8 {
margin-right: calc(22.2222222222% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-9 {
margin-left: calc(25% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-9 {
margin-right: calc(25% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-10 {
margin-left: calc(27.7777777778% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-10 {
margin-right: calc(27.7777777778% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-11 {
margin-left: calc(30.5555555556% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-11 {
margin-right: calc(30.5555555556% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-12 {
margin-left: calc(33.3333333333% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-12 {
margin-right: calc(33.3333333333% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-13 {
margin-left: calc(36.1111111111% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-13 {
margin-right: calc(36.1111111111% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-14 {
margin-left: calc(38.8888888889% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-14 {
margin-right: calc(38.8888888889% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-15 {
margin-left: calc(41.6666666667% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-15 {
margin-right: calc(41.6666666667% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-16 {
margin-left: calc(44.4444444444% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-16 {
margin-right: calc(44.4444444444% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-17 {
margin-left: calc(47.2222222222% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-17 {
margin-right: calc(47.2222222222% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-18 {
margin-left: calc(50% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-18 {
margin-right: calc(50% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-19 {
margin-left: calc(52.7777777778% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-19 {
margin-right: calc(52.7777777778% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-20 {
margin-left: calc(55.5555555556% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-20 {
margin-right: calc(55.5555555556% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-21 {
margin-left: calc(58.3333333333% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-21 {
margin-right: calc(58.3333333333% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-22 {
margin-left: calc(61.1111111111% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-22 {
margin-right: calc(61.1111111111% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-23 {
margin-left: calc(63.8888888889% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-23 {
margin-right: calc(63.8888888889% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-24 {
margin-left: calc(66.6666666667% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-24 {
margin-right: calc(66.6666666667% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-25 {
margin-left: calc(69.4444444444% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-25 {
margin-right: calc(69.4444444444% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-26 {
margin-left: calc(72.2222222222% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-26 {
margin-right: calc(72.2222222222% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-27 {
margin-left: calc(75% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-27 {
margin-right: calc(75% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-28 {
margin-left: calc(77.7777777778% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-28 {
margin-right: calc(77.7777777778% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-29 {
margin-left: calc(80.5555555556% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-29 {
margin-right: calc(80.5555555556% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-30 {
margin-left: calc(83.3333333333% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-30 {
margin-right: calc(83.3333333333% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-31 {
margin-left: calc(86.1111111111% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-31 {
margin-right: calc(86.1111111111% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-32 {
margin-left: calc(88.8888888889% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-32 {
margin-right: calc(88.8888888889% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-33 {
margin-left: calc(91.6666666667% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-33 {
margin-right: calc(91.6666666667% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-34 {
margin-left: calc(94.4444444444% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-34 {
margin-right: calc(94.4444444444% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-35 {
margin-left: calc(97.2222222222% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-35 {
margin-right: calc(97.2222222222% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-left-xl-36 {
margin-left: calc(100% + 11px)
}
}
@media (min-width:1024px) {
.spdp .grid-offset-right-xl-36 {
margin-right: calc(100% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-1 {
width: calc(2.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-2 {
width: calc(5.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-3 {
width: calc(8.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-4 {
width: calc(11.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-5 {
width: calc(13.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-6 {
width: calc(16.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-7 {
width: calc(19.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-8 {
width: calc(22.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-9 {
width: calc(25% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-10 {
width: calc(27.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-11 {
width: calc(30.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-12 {
width: calc(33.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-13 {
width: calc(36.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-14 {
width: calc(38.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-15 {
width: calc(41.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-16 {
width: calc(44.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-17 {
width: calc(47.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-18 {
width: calc(50% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-19 {
width: calc(52.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-20 {
width: calc(55.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-21 {
width: calc(58.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-22 {
width: calc(61.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-23 {
width: calc(63.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-24 {
width: calc(66.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-25 {
width: calc(69.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-26 {
width: calc(72.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-27 {
width: calc(75% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-28 {
width: calc(77.7777777778% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-29 {
width: calc(80.5555555556% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-30 {
width: calc(83.3333333333% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-31 {
width: calc(86.1111111111% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-32 {
width: calc(88.8888888889% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-33 {
width: calc(91.6666666667% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-34 {
width: calc(94.4444444444% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-35 {
width: calc(97.2222222222% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-xxl-36 {
width: calc(100% - 22px);
margin-left: 11px;
margin-right: 11px
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-1 {
margin-left: calc(2.7777777778% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-1 {
margin-right: calc(2.7777777778% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-2 {
margin-left: calc(5.5555555556% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-2 {
margin-right: calc(5.5555555556% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-3 {
margin-left: calc(8.3333333333% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-3 {
margin-right: calc(8.3333333333% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-4 {
margin-left: calc(11.1111111111% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-4 {
margin-right: calc(11.1111111111% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-5 {
margin-left: calc(13.8888888889% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-5 {
margin-right: calc(13.8888888889% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-6 {
margin-left: calc(16.6666666667% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-6 {
margin-right: calc(16.6666666667% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-7 {
margin-left: calc(19.4444444444% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-7 {
margin-right: calc(19.4444444444% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-8 {
margin-left: calc(22.2222222222% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-8 {
margin-right: calc(22.2222222222% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-9 {
margin-left: calc(25% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-9 {
margin-right: calc(25% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-10 {
margin-left: calc(27.7777777778% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-10 {
margin-right: calc(27.7777777778% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-11 {
margin-left: calc(30.5555555556% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-11 {
margin-right: calc(30.5555555556% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-12 {
margin-left: calc(33.3333333333% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-12 {
margin-right: calc(33.3333333333% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-13 {
margin-left: calc(36.1111111111% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-13 {
margin-right: calc(36.1111111111% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-14 {
margin-left: calc(38.8888888889% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-14 {
margin-right: calc(38.8888888889% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-15 {
margin-left: calc(41.6666666667% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-15 {
margin-right: calc(41.6666666667% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-16 {
margin-left: calc(44.4444444444% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-16 {
margin-right: calc(44.4444444444% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-17 {
margin-left: calc(47.2222222222% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-17 {
margin-right: calc(47.2222222222% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-18 {
margin-left: calc(50% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-18 {
margin-right: calc(50% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-19 {
margin-left: calc(52.7777777778% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-19 {
margin-right: calc(52.7777777778% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-20 {
margin-left: calc(55.5555555556% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-20 {
margin-right: calc(55.5555555556% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-21 {
margin-left: calc(58.3333333333% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-21 {
margin-right: calc(58.3333333333% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-22 {
margin-left: calc(61.1111111111% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-22 {
margin-right: calc(61.1111111111% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-23 {
margin-left: calc(63.8888888889% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-23 {
margin-right: calc(63.8888888889% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-24 {
margin-left: calc(66.6666666667% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-24 {
margin-right: calc(66.6666666667% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-25 {
margin-left: calc(69.4444444444% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-25 {
margin-right: calc(69.4444444444% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-26 {
margin-left: calc(72.2222222222% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-26 {
margin-right: calc(72.2222222222% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-27 {
margin-left: calc(75% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-27 {
margin-right: calc(75% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-28 {
margin-left: calc(77.7777777778% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-28 {
margin-right: calc(77.7777777778% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-29 {
margin-left: calc(80.5555555556% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-29 {
margin-right: calc(80.5555555556% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-30 {
margin-left: calc(83.3333333333% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-30 {
margin-right: calc(83.3333333333% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-31 {
margin-left: calc(86.1111111111% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-31 {
margin-right: calc(86.1111111111% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-32 {
margin-left: calc(88.8888888889% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-32 {
margin-right: calc(88.8888888889% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-33 {
margin-left: calc(91.6666666667% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-33 {
margin-right: calc(91.6666666667% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-34 {
margin-left: calc(94.4444444444% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-34 {
margin-right: calc(94.4444444444% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-35 {
margin-left: calc(97.2222222222% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-35 {
margin-right: calc(97.2222222222% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-left-xxl-36 {
margin-left: calc(100% + 11px)
}
}
@media (min-width:1200px) {
.spdp .grid-offset-right-xxl-36 {
margin-right: calc(100% + 11px)
}
}
.spdp .hide-desktop {
display: block
}
@media (min-width:768px) {
.spdp .hide-desktop {
display: none
}
}
.spdp .hide-mobile {
display: none
}
@media (min-width:768px) {
.spdp .hide-mobile {
display: block
}
}
.spdp .m-indent {
padding-left: 65px
}
@media (min-width:768px) {
.spdp .m-indent {
padding-left: 0
}
}
.spdp .terms {
font-size: 10px;
line-height: 14px
}
@media (min-width:1024px) {
.spdp .terms {
font-size: 12px;
line-height: 16px
}
}
.spdp .terms a {
color: #000;
text-decoration: none
}
.spdp .nowrap {
white-space: nowrap
}
.component-product-specs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
max-width: 1140px;
margin: 40px auto 0 auto;
padding: 0 35px
}
@media screen and (min-width:768px) {
.component-product-specs {
margin: 40px auto 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.component-product-specs__icon-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
max-width: 230px;
width: 100%;
padding-right: 5px;
margin-bottom: 40px
}
@media screen and (min-width:768px) {
.component-product-specs__icon-item {
max-width: 270px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 0
}
}
.component-product-specs__icon-item:last-child {
padding-right: 0;
margin-bottom: 0
}
.component-product-specs__icon-item img {
max-height: 62px;
width: auto
}
.component-product-specs__icon-copy {
padding-left: 25px
}
@media screen and (min-width:768px) {
.component-product-specs__icon-copy {
padding-left: 35px
}
}
.component-product-specs__icon-copy p {
font-family: SamsungOne-500, Helvetica, Arial, sans-serif
}
.component-product-specs__icon-copy p span {
font-family: SamsungOne-700, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 21px;
display: block;
margin: 0 0 5px 0
}
@media screen and (min-width:768px) {
.component-product-specs__icon-copy p span {
padding-bottom: 5px;
margin: 0
}
}
@media screen and (min-width:1024px) {
.component-product-specs__icon-copy p span {
font-size: 21px;
line-height: 33px;
padding-bottom: 5px;
margin: 0
}
}
@font-face {
font-family: SamsungSharpSansBold;
src: url(../../assets/fonts/SamsungSharpSans-Bold.eot);
src: url(../../assets/fonts/SamsungSharpSans-Bold.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/SamsungSharpSans-Bold.woff2) format("woff2"), url(../../assets/fonts/SamsungSharpSans-Bold.woff) format("woff"), url(../../assets/fonts/SamsungSharpSans-Bold.ttf) format("truetype");
font-weight: 700
}
@font-face {
font-family: SamsungSharpSansMedium;
src: url(../../assets/fonts/SamsungSharpSans-Medium.eot);
src: url(../../assets/fonts/SamsungSharpSans-Medium.eot) format("embedded-opentype"), url(../../assets/fonts/SamsungSharpSans-Medium.woff) format("woff2"), url(../../assets/fonts/SamsungSharpSans-Medium.woff) format("woff"), url(../../assets/fonts/SamsungSharpSans-Medium.otf) format("opentype");
font-weight: lighter
}
@font-face {
font-family: SamsungSharpSansRegular;
src: url(../../assets/fonts/SamsungSharpSans-Regular.eot);
src: url(../../assets/fonts/SamsungSharpSans-Regular.eot) format("embedded-opentype"), url(../../assets/fonts/SamsungSharpSans-Regular.woff2) format("woff2"), url(../../assets/fonts/SamsungSharpSans-Regular.woff) format("woff"), url(../../assets/fonts/SamsungSharpSans-Regular.otf) format("opentype");
font-weight: lighter
}
@font-face {
font-family: SamsungOne-400;
src: url(../../assets/fonts/SamsungOne-400.eot);
src: url(../../assets/fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/SamsungOne-400.woff2) format("woff2"), url(../../assets/fonts/SamsungOne-400.woff) format("woff"), url(../../assets/fonts/SamsungOne-400.ttf) format("truetype");
font-weight: 400
}
@font-face {
font-family: SamsungOne-500;
src: url(../../assets/fonts/SamsungOne-500.eot);
src: url(../../assets/fonts/SamsungOne-500.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/SamsungOne-500.woff2) format("woff2"), url(../../assets/fonts/SamsungOne-500.woff) format("woff"), url(../../assets/fonts/SamsungOne-500.ttf) format("truetype");
font-weight: 500
}
@font-face {
font-family: SamsungOne-600;
src: url(../../assets/fonts/SamsungOne-600.ttf);
src: url(../../assets/fonts/SamsungOne-600.ttf?#iefix) format("embedded-opentype"), url(../../assets/fonts/SamsungOne-600.ttf) format("truetype");
font-weight: 600
}
@font-face {
font-family: SamsungOne-600C;
src: url(../../assets/fonts/SamsungOne-600C.ttf);
src: url(../../assets/fonts/SamsungOne-600C.ttf?#iefix) format("embedded-opentype"), url(../../assets/fonts/SamsungOne-600C.ttf) format("truetype");
font-weight: 650
}
@font-face {
font-family: SamsungOne-700;
src: url(../../assets/fonts/SamsungOne-700.eot);
src: url(../../assets/fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/SamsungOne-700.woff2) format("woff2"), url(../../assets/fonts/SamsungOne-700.woff) format("woff"), url(../../assets/fonts/SamsungOne-700.ttf) format("truetype");
font-weight: 700
}
@font-face {
font-family: SamsungOne-700C;
src: url(../../assets/fonts/SamsungOne-700C.ttf);
src: url(../../assets/fonts/SamsungOne-700C.ttf?#iefix) format("embedded-opentype"), url(../../assets/fonts/SamsungOne-700C.ttf) format("truetype");
font-weight: 750
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.align-items-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:768px) {
.mobile-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.mobile-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.mobile-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.mobile-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.mobile-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.mobile-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.mobile-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.mobile-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
}
.text-left {
text-align: left
}
.light-grey {
background-color: #f4f4f4
}
.light-blue {
background-color: #0077c8
}
.gtd a, .gtd abbr, .gtd acronym, .gtd address, .gtd applet, .gtd article, .gtd aside, .gtd audio, .gtd b, .gtd big, .gtd blockquote, .gtd body, .gtd canvas, .gtd caption, .gtd center, .gtd cite, .gtd code, .gtd dd, .gtd del, .gtd details, .gtd dfn, .gtd div, .gtd dl, .gtd dt, .gtd em, .gtd embed, .gtd fieldset, .gtd figcaption, .gtd figure, .gtd footer, .gtd form, .gtd h1, .gtd h2, .gtd h3, .gtd h4, .gtd h5, .gtd h6, .gtd header, .gtd hgroup, .gtd html, .gtd i, .gtd iframe, .gtd img, .gtd ins, .gtd kbd, .gtd label, .gtd legend, .gtd li, .gtd mark, .gtd menu, .gtd nav, .gtd object, .gtd ol, .gtd output, .gtd p, .gtd pre, .gtd q, .gtd ruby, .gtd s, .gtd samp, .gtd section, .gtd small, .gtd span, .gtd strike, .gtd strong, .gtd sub, .gtd summary, .gtd sup, .gtd table, .gtd tbody, .gtd td, .gtd tfoot, .gtd th, .gtd thead, .gtd time, .gtd tr, .gtd tt, .gtd u, .gtd ul, .gtd var, .gtd video, .gtd_footer a, .gtd_footer abbr, .gtd_footer acronym, .gtd_footer address, .gtd_footer applet, .gtd_footer article, .gtd_footer aside, .gtd_footer audio, .gtd_footer b, .gtd_footer big, .gtd_footer blockquote, .gtd_footer body, .gtd_footer canvas, .gtd_footer caption, .gtd_footer center, .gtd_footer cite, .gtd_footer code, .gtd_footer dd, .gtd_footer del, .gtd_footer details, .gtd_footer dfn, .gtd_footer div, .gtd_footer dl, .gtd_footer dt, .gtd_footer em, .gtd_footer embed, .gtd_footer fieldset, .gtd_footer figcaption, .gtd_footer figure, .gtd_footer footer, .gtd_footer form, .gtd_footer h1, .gtd_footer h2, .gtd_footer h3, .gtd_footer h4, .gtd_footer h5, .gtd_footer h6, .gtd_footer header, .gtd_footer hgroup, .gtd_footer html, .gtd_footer i, .gtd_footer iframe, .gtd_footer img, .gtd_footer ins, .gtd_footer kbd, .gtd_footer label, .gtd_footer legend, .gtd_footer li, .gtd_footer mark, .gtd_footer menu, .gtd_footer nav, .gtd_footer object, .gtd_footer ol, .gtd_footer output, .gtd_footer p, .gtd_footer pre, .gtd_footer q, .gtd_footer ruby, .gtd_footer s, .gtd_footer samp, .gtd_footer section, .gtd_footer small, .gtd_footer span, .gtd_footer strike, .gtd_footer strong, .gtd_footer sub, .gtd_footer summary, .gtd_footer sup, .gtd_footer table, .gtd_footer tbody, .gtd_footer td, .gtd_footer tfoot, .gtd_footer th, .gtd_footer thead, .gtd_footer time, .gtd_footer tr, .gtd_footer tt, .gtd_footer u, .gtd_footer ul, .gtd_footer var, .gtd_footer video, .sidebar a, .sidebar abbr, .sidebar acronym, .sidebar address, .sidebar applet, .sidebar article, .sidebar aside, .sidebar audio, .sidebar b, .sidebar big, .sidebar blockquote, .sidebar body, .sidebar canvas, .sidebar caption, .sidebar center, .sidebar cite, .sidebar code, .sidebar dd, .sidebar del, .sidebar details, .sidebar dfn, .sidebar div, .sidebar dl, .sidebar dt, .sidebar em, .sidebar embed, .sidebar fieldset, .sidebar figcaption, .sidebar figure, .sidebar footer, .sidebar form, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar header, .sidebar hgroup, .sidebar html, .sidebar i, .sidebar iframe, .sidebar img, .sidebar ins, .sidebar kbd, .sidebar label, .sidebar legend, .sidebar li, .sidebar mark, .sidebar menu, .sidebar nav, .sidebar object, .sidebar ol, .sidebar output, .sidebar p, .sidebar pre, .sidebar q, .sidebar ruby, .sidebar s, .sidebar samp, .sidebar section, .sidebar small, .sidebar span, .sidebar strike, .sidebar strong, .sidebar sub, .sidebar summary, .sidebar sup, .sidebar table, .sidebar tbody, .sidebar td, .sidebar tfoot, .sidebar th, .sidebar thead, .sidebar time, .sidebar tr, .sidebar tt, .sidebar u, .sidebar ul, .sidebar var, .sidebar video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
.gtd article, .gtd aside, .gtd details, .gtd figcaption, .gtd figure, .gtd footer, .gtd header, .gtd hgroup, .gtd menu, .gtd nav, .gtd section, .gtd_footer article, .gtd_footer aside, .gtd_footer details, .gtd_footer figcaption, .gtd_footer figure, .gtd_footer footer, .gtd_footer header, .gtd_footer hgroup, .gtd_footer menu, .gtd_footer nav, .gtd_footer section, .sidebar article, .sidebar aside, .sidebar details, .sidebar figcaption, .sidebar figure, .sidebar footer, .sidebar header, .sidebar hgroup, .sidebar menu, .sidebar nav, .sidebar section {
display: block
}
.gtd body, .gtd_footer body, .sidebar body {
line-height: 1
}
.gtd ol, .gtd ul, .gtd_footer ol, .gtd_footer ul, .sidebar ol, .sidebar ul {
list-style: none
}
.gtd blockquote, .gtd q, .gtd_footer blockquote, .gtd_footer q, .sidebar blockquote, .sidebar q {
quotes: none
}
.gtd blockquote:after, .gtd blockquote:before, .gtd q:after, .gtd q:before, .gtd_footer blockquote:after, .gtd_footer blockquote:before, .gtd_footer q:after, .gtd_footer q:before, .sidebar blockquote:after, .sidebar blockquote:before, .sidebar q:after, .sidebar q:before {
content: "";
content: none
}
.gtd table, .gtd_footer table, .sidebar table {
border-collapse: collapse;
border-spacing: 0
}
.gtd ol, .gtd ul, .gtd_footer ol, .gtd_footer ul, .sidebar ol, .sidebar ul {
list-style-type: none
}
body, html {
margin: 0
}
.gtd {
max-width: 1440px
}
.gtd, .gtd_footer, .sidebar {
margin: 50px auto 40px auto;
text-align: center;
font-family: SamsungOne-400, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 10px
}
@media (min-width:480px) {
.gtd, .gtd_footer, .sidebar {
font-size: 14px
}
}
@media (min-width:768px) {
.gtd, .gtd_footer, .sidebar {
font-size: 18px;
margin: 80px auto 40px auto
}
}
.gtd *, .gtd_footer *, .sidebar * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.gtd h3, .gtd h4, .gtd h5, .gtd h6, .gtd_footer h3, .gtd_footer h4, .gtd_footer h5, .gtd_footer h6, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
margin: 0;
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
font-weight: 750
}
.gtd h2, .gtd_footer h2, .sidebar h2 {
margin: 0;
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 2.8em;
line-height: 1.4
}
.gtd h3, .gtd_footer h3, .sidebar h3 {
font-size: 1.4em;
margin: 3.5em 0 8px
}
@media (min-width:768px) {
.gtd h3, .gtd_footer h3, .sidebar h3 {
font-size: 1.1em
}
}
.gtd h4, .gtd_footer h4, .sidebar h4 {
text-transform: none
}
.gtd hr, .gtd_footer hr, .sidebar hr {
border-style: solid;
border-bottom: none;
border-color: #b2b2b2;
margin: 40px auto
}
.gtd img, .gtd_footer img, .sidebar img {
max-width: 100%;
height: auto;
width: auto
}
.gtd p, .gtd_footer p, .sidebar p {
margin-top: 1em;
margin-bottom: 1em
}
.gtd sup, .gtd_footer sup, .sidebar sup {
font-size: 60%;
line-height: 0;
vertical-align: super
}
.gtd ul, .gtd_footer ul, .sidebar ul {
list-style-type: none;
margin: 0;
padding: 0
}
.gtd--1col .gtd_table .gtd_table-row td, .gtd--1col .gtd_table .gtd_table-row th, .gtd--1col .gtd_table thead th, .gtd_footer--1col .gtd_table .gtd_table-row td, .gtd_footer--1col .gtd_table .gtd_table-row th, .gtd_footer--1col .gtd_table thead th, .sidebar--1col .gtd_table .gtd_table-row td, .sidebar--1col .gtd_table .gtd_table-row th, .sidebar--1col .gtd_table thead th {
width: 100%
}
@media (min-width:768px) {
.gtd--1col .gtd_table .gtd_table-row td, .gtd--1col .gtd_table .gtd_table-row th, .gtd--1col .gtd_table thead th, .gtd_footer--1col .gtd_table .gtd_table-row td, .gtd_footer--1col .gtd_table .gtd_table-row th, .gtd_footer--1col .gtd_table thead th, .sidebar--1col .gtd_table .gtd_table-row td, .sidebar--1col .gtd_table .gtd_table-row th, .sidebar--1col .gtd_table thead th {
width: 50%
}
}
.gtd--2col .gtd_table .gtd_table-row td, .gtd--2col .gtd_table .gtd_table-row th, .gtd--2col .gtd_table thead th, .gtd_footer--2col .gtd_table .gtd_table-row td, .gtd_footer--2col .gtd_table .gtd_table-row th, .gtd_footer--2col .gtd_table thead th, .sidebar--2col .gtd_table .gtd_table-row td, .sidebar--2col .gtd_table .gtd_table-row th, .sidebar--2col .gtd_table thead th {
width: 50%
}
@media (min-width:768px) {
.gtd--2col .gtd_table .gtd_table-row td, .gtd--2col .gtd_table .gtd_table-row th, .gtd--2col .gtd_table thead th, .gtd_footer--2col .gtd_table .gtd_table-row td, .gtd_footer--2col .gtd_table .gtd_table-row th, .gtd_footer--2col .gtd_table thead th, .sidebar--2col .gtd_table .gtd_table-row td, .sidebar--2col .gtd_table .gtd_table-row th, .sidebar--2col .gtd_table thead th {
width: 33.3333333333%
}
}
.gtd--3col .gtd_table .gtd_table-row td, .gtd--3col .gtd_table .gtd_table-row th, .gtd--3col .gtd_table thead th, .gtd_footer--3col .gtd_table .gtd_table-row td, .gtd_footer--3col .gtd_table .gtd_table-row th, .gtd_footer--3col .gtd_table thead th, .sidebar--3col .gtd_table .gtd_table-row td, .sidebar--3col .gtd_table .gtd_table-row th, .sidebar--3col .gtd_table thead th {
width: 33.3333333333%
}
@media (min-width:768px) {
.gtd--3col .gtd_table .gtd_table-row td, .gtd--3col .gtd_table .gtd_table-row th, .gtd--3col .gtd_table thead th, .gtd_footer--3col .gtd_table .gtd_table-row td, .gtd_footer--3col .gtd_table .gtd_table-row th, .gtd_footer--3col .gtd_table thead th, .sidebar--3col .gtd_table .gtd_table-row td, .sidebar--3col .gtd_table .gtd_table-row th, .sidebar--3col .gtd_table thead th {
width: 25%
}
}
.gtd--4col .gtd_table .gtd_table-row td, .gtd--4col .gtd_table .gtd_table-row th, .gtd--4col .gtd_table thead th, .gtd_footer--4col .gtd_table .gtd_table-row td, .gtd_footer--4col .gtd_table .gtd_table-row th, .gtd_footer--4col .gtd_table thead th, .sidebar--4col .gtd_table .gtd_table-row td, .sidebar--4col .gtd_table .gtd_table-row th, .sidebar--4col .gtd_table thead th {
width: 25%
}
@media (min-width:768px) {
.gtd--4col .gtd_table .gtd_table-row td, .gtd--4col .gtd_table .gtd_table-row th, .gtd--4col .gtd_table thead th, .gtd_footer--4col .gtd_table .gtd_table-row td, .gtd_footer--4col .gtd_table .gtd_table-row th, .gtd_footer--4col .gtd_table thead th, .sidebar--4col .gtd_table .gtd_table-row td, .sidebar--4col .gtd_table .gtd_table-row th, .sidebar--4col .gtd_table thead th {
width: 20%
}
}
.gtd--5col .gtd_table .gtd_table-row td, .gtd--5col .gtd_table .gtd_table-row th, .gtd--5col .gtd_table thead th, .gtd_footer--5col .gtd_table .gtd_table-row td, .gtd_footer--5col .gtd_table .gtd_table-row th, .gtd_footer--5col .gtd_table thead th, .sidebar--5col .gtd_table .gtd_table-row td, .sidebar--5col .gtd_table .gtd_table-row th, .sidebar--5col .gtd_table thead th {
width: 20%
}
@media (min-width:768px) {
.gtd--5col .gtd_table .gtd_table-row td, .gtd--5col .gtd_table .gtd_table-row th, .gtd--5col .gtd_table thead th, .gtd_footer--5col .gtd_table .gtd_table-row td, .gtd_footer--5col .gtd_table .gtd_table-row th, .gtd_footer--5col .gtd_table thead th, .sidebar--5col .gtd_table .gtd_table-row td, .sidebar--5col .gtd_table .gtd_table-row th, .sidebar--5col .gtd_table thead th {
width: 16.6666666667%
}
}
.gtd--6col .gtd_table .gtd_table-row td, .gtd--6col .gtd_table .gtd_table-row th, .gtd--6col .gtd_table thead th, .gtd_footer--6col .gtd_table .gtd_table-row td, .gtd_footer--6col .gtd_table .gtd_table-row th, .gtd_footer--6col .gtd_table thead th, .sidebar--6col .gtd_table .gtd_table-row td, .sidebar--6col .gtd_table .gtd_table-row th, .sidebar--6col .gtd_table thead th {
width: 16.6666666667%
}
@media (min-width:768px) {
.gtd--6col .gtd_table .gtd_table-row td, .gtd--6col .gtd_table .gtd_table-row th, .gtd--6col .gtd_table thead th, .gtd_footer--6col .gtd_table .gtd_table-row td, .gtd_footer--6col .gtd_table .gtd_table-row th, .gtd_footer--6col .gtd_table thead th, .sidebar--6col .gtd_table .gtd_table-row td, .sidebar--6col .gtd_table .gtd_table-row th, .sidebar--6col .gtd_table thead th {
width: 14.2857142857%
}
}
.gtd .bg_flip-blue, .gtd_footer .bg_flip-blue, .sidebar .bg_flip-blue {
background-color: #b6c0d6
}
.gtd .bg_flip-bora_purple, .gtd_footer .bg_flip-bora_purple, .sidebar .bg_flip-bora_purple {
background-color: #b2a1cd
}
.gtd .bg_flip-cream, .gtd_footer .bg_flip-cream, .sidebar .bg_flip-cream {
background-color: #e3deca
}
.gtd .bg_flip-graphite, .gtd_footer .bg_flip-graphite, .sidebar .bg_flip-graphite {
background-color: #404145
}
.gtd .bg_flip-green, .gtd_footer .bg_flip-green, .sidebar .bg_flip-green {
background-color: #424f50
}
.gtd .bg_flip-lavender, .gtd_footer .bg_flip-lavender, .sidebar .bg_flip-lavender {
background-color: #bfb1d2
}
.gtd .bg_flip-mystic_bronze, .gtd_footer .bg_flip-mystic_bronze, .sidebar .bg_flip-mystic_bronze {
background-color: #9a716e
}
.gtd .bg_flip-mystic_grey, .gtd_footer .bg_flip-mystic_grey, .sidebar .bg_flip-mystic_grey {
background-color: #5f5e62
}
.gtd .bg_flip-phantom_black, .gtd_footer .bg_flip-phantom_black, .sidebar .bg_flip-phantom_black {
background-color: #2d2926
}
.gtd .bg_flip-pink_gold, .gtd_footer .bg_flip-pink_gold, .sidebar .bg_flip-pink_gold {
background-color: #e6d2c9
}
.gtd .bg_fold-beige, .gtd_footer .bg_fold-beige, .sidebar .bg_fold-beige {
background-color: #d6cdc1
}
.gtd .bg_fold-mystic_bronze, .gtd_footer .bg_fold-mystic_bronze, .sidebar .bg_fold-mystic_bronze {
background-color: #89675f
}
.gtd .bg_fold-mystic_black, .gtd_footer .bg_fold-mystic_black, .sidebar .bg_fold-mystic_black {
background-color: #3d3f43
}
.gtd .bg_fold-phantom_black, .gtd_footer .bg_fold-phantom_black, .sidebar .bg_fold-phantom_black {
background-color: #2d2926
}
.gtd .bg_fold-phantom_green, .gtd_footer .bg_fold-phantom_green, .sidebar .bg_fold-phantom_green {
background-color: #384a46
}
.gtd .bg_fold-phantom_silver, .gtd_footer .bg_fold-phantom_silver, .sidebar .bg_fold-phantom_silver {
background-color: #cac6c4
}
.gtd .bg_s22-phantom_black, .gtd_footer .bg_s22-phantom_black, .sidebar .bg_s22-phantom_black {
background-color: #000
}
.gtd .bg_s22-green, .gtd_footer .bg_s22-green, .sidebar .bg_s22-green {
background-color: #587878
}
.gtd .bg_s22-phantom_white, .gtd_footer .bg_s22-phantom_white, .sidebar .bg_s22-phantom_white {
background-color: #e9e9e7
}
.gtd .bg_s22-pink_gold, .gtd_footer .bg_s22-pink_gold, .sidebar .bg_s22-pink_gold {
background-color: #e3d2cf
}
.gtd .bg_s22-plus-green, .gtd_footer .bg_s22-plus-green, .sidebar .bg_s22-plus-green {
background-color: #587878
}
.gtd .bg_s22-plus-phantom_black, .gtd_footer .bg_s22-plus-phantom_black, .sidebar .bg_s22-plus-phantom_black {
background-color: #000
}
.gtd .bg_s22-plus-phantom_white, .gtd_footer .bg_s22-plus-phantom_white, .sidebar .bg_s22-plus-phantom_white {
background-color: #e9e9e7
}
.gtd .bg_s22-plus-pink_gold, .gtd_footer .bg_s22-plus-pink_gold, .sidebar .bg_s22-plus-pink_gold {
background-color: #e3d2cf
}
.gtd .bg_s22-ultra-burgundy, .gtd_footer .bg_s22-ultra-burgundy, .sidebar .bg_s22-ultra-burgundy {
background-color: #654d57
}
.gtd .bg_s22-ultra-phantom_black, .gtd_footer .bg_s22-ultra-phantom_black, .sidebar .bg_s22-ultra-phantom_black {
background-color: #000
}
.gtd .bg_s22-ultra-phantom_white, .gtd_footer .bg_s22-ultra-phantom_white, .sidebar .bg_s22-ultra-phantom_white {
background-color: #e9e9e7
}
.gtd .bg_s22-ultra-green, .gtd_footer .bg_s22-ultra-green, .sidebar .bg_s22-ultra-green {
background-color: #587878
}
.gtd .bg_s21-graphite, .gtd_footer .bg_s21-graphite, .sidebar .bg_s21-graphite {
background-color: #494d53
}
.gtd .bg_s21-lavendar, .gtd_footer .bg_s21-lavendar, .sidebar .bg_s21-lavendar {
background-color: #bfb1d1
}
.gtd .bg_s21-olive, .gtd_footer .bg_s21-olive, .sidebar .bg_s21-olive {
background-color: #b2bbad
}
.gtd .bg_s21-white, .gtd_footer .bg_s21-white, .sidebar .bg_s21-white {
background-color: #f5f7f6
}
.gtd .bg_s21-phantom_pink, .gtd_footer .bg_s21-phantom_pink, .sidebar .bg_s21-phantom_pink {
background-color: #efc5be
}
.gtd .bg_s21-phantom_violet, .gtd_footer .bg_s21-phantom_violet, .sidebar .bg_s21-phantom_violet {
background-color: #a5a8c4
}
.gtd .bg_s21-phantom_grey, .gtd_footer .bg_s21-phantom_grey, .sidebar .bg_s21-phantom_grey {
background-color: #6e7074
}
.gtd .bg_s21-phantom_white, .gtd_footer .bg_s21-phantom_white, .sidebar .bg_s21-phantom_white {
background-color: #e9e9e7
}
.gtd .bg_s21-phantom_black, .gtd_footer .bg_s21-phantom_black, .sidebar .bg_s21-phantom_black {
background-color: #211e16
}
.gtd .bg_s21-phantom_silver, .gtd_footer .bg_s21-phantom_silver, .sidebar .bg_s21-phantom_silver {
background-color: #c2c9d5
}
.gtd .bg_a53-awesome_black, .gtd_footer .bg_a53-awesome_black, .sidebar .bg_a53-awesome_black {
background-color: #454546
}
.gtd .bg_a53-awesome_blue, .gtd_footer .bg_a53-awesome_blue, .sidebar .bg_a53-awesome_blue {
background-color: #a7c6ed
}
.gtd .bg_a53-awesome_peach, .gtd_footer .bg_a53-awesome_peach, .sidebar .bg_a53-awesome_peach {
background-color: #ffd4b0
}
.gtd .bg_a53-awesome_white, .gtd_footer .bg_a53-awesome_white, .sidebar .bg_a53-awesome_white {
background-color: #f5f7f6
}
.gtd .bg_watch4-black, .gtd_footer .bg_watch4-black, .sidebar .bg_watch4-black {
background-color: #404145
}
.gtd .bg_watch4-silver, .gtd_footer .bg_watch4-silver, .sidebar .bg_watch4-silver {
background-color: #c7c8ca
}
.gtd .bg_watch4-pink, .gtd_footer .bg_watch4-pink, .sidebar .bg_watch4-pink {
background-color: #d6b6a8
}
.gtd .bg_watch4-green, .gtd_footer .bg_watch4-green, .sidebar .bg_watch4-green {
background-color: #445252
}
.gtd .bg_watch4-classic-silver, .gtd_footer .bg_watch4-classic-silver, .sidebar .bg_watch4-classic-silver {
background-color: #a4a29f
}
.gtd .bg_watch4-classic-black, .gtd_footer .bg_watch4-classic-black, .sidebar .bg_watch4-classic-black {
background-color: #3c3c3e
}
.gtd .bg_watch5-graphite, .gtd_footer .bg_watch5-graphite, .sidebar .bg_watch5-graphite {
background-color: #464747
}
.gtd .bg_watch5-pink_gold, .gtd_footer .bg_watch5-pink_gold, .sidebar .bg_watch5-pink_gold {
background-color: #e8d1c7
}
.gtd .bg_watch5-sapphire, .gtd_footer .bg_watch5-sapphire, .sidebar .bg_watch5-sapphire {
background-color: #758aae
}
.gtd .bg_watch5-silver, .gtd_footer .bg_watch5-silver, .sidebar .bg_watch5-silver {
background-color: #d9d9d9
}
.gtd .bg_watch5-pro-black_titanium, .gtd_footer .bg_watch5-pro-black_titanium, .sidebar .bg_watch5-pro-black_titanium {
background-color: #404145
}
.gtd .bg_watch5-pro-grey_titanium, .gtd_footer .bg_watch5-pro-grey_titanium, .sidebar .bg_watch5-pro-grey_titanium {
background-color: #867e74
}
.gtd .bg_buds-pro-phantom_violet, .gtd_footer .bg_buds-pro-phantom_violet, .sidebar .bg_buds-pro-phantom_violet {
background-color: #a5a8c4
}
.gtd .bg_buds-pro-phantom_silver, .gtd_footer .bg_buds-pro-phantom_silver, .sidebar .bg_buds-pro-phantom_silver {
background-color: #c2c9d5
}
.gtd .bg_buds-pro-phantom_black, .gtd_footer .bg_buds-pro-phantom_black, .sidebar .bg_buds-pro-phantom_black {
background-color: #211e16
}
.gtd .bg_buds2-graphite, .gtd_footer .bg_buds2-graphite, .sidebar .bg_buds2-graphite {
background-color: #494d53
}
.gtd .bg_buds2-white, .gtd_footer .bg_buds2-white, .sidebar .bg_buds2-white {
background-color: #eff0f1
}
.gtd .bg_buds2-olive, .gtd_footer .bg_buds2-olive, .sidebar .bg_buds2-olive {
background-color: #a39f86
}
.gtd .bg_buds2-lavender, .gtd_footer .bg_buds2-lavender, .sidebar .bg_buds2-lavender {
background-color: #bfb1d2
}
.gtd .bg_buds2-pro-bora_purple, .gtd_footer .bg_buds2-pro-bora_purple, .sidebar .bg_buds2-pro-bora_purple {
background-color: #b2a1cd
}
.gtd .bg_buds2-pro-graphite, .gtd_footer .bg_buds2-pro-graphite, .sidebar .bg_buds2-pro-graphite {
background-color: #404145
}
.gtd .bg_buds2-pro-white, .gtd_footer .bg_buds2-pro-white, .sidebar .bg_buds2-pro-white {
background-color: #f1f0ed
}
.gtd .bg_buds-live-mystic_bronze, .gtd_footer .bg_buds-live-mystic_bronze, .sidebar .bg_buds-live-mystic_bronze {
background-color: #9a716e
}
.gtd .bg_buds-live-mystic_black, .gtd_footer .bg_buds-live-mystic_black, .sidebar .bg_buds-live-mystic_black {
background-color: #3c3c3e
}
.gtd .bg_buds-live-mystic_white, .gtd_footer .bg_buds-live-mystic_white, .sidebar .bg_buds-live-mystic_white {
background-color: #eff0f1
}
.gtd .bg_diamond-cream, .gtd_footer .bg_diamond-cream, .sidebar .bg_diamond-cream {
background-color: #f0eae0
}
.gtd .bg_diamond-green, .gtd_footer .bg_diamond-green, .sidebar .bg_diamond-green {
background-color: #5f645a
}
.gtd .bg_diamond-lavendar, .gtd_footer .bg_diamond-lavendar, .sidebar .bg_diamond-lavendar {
background-color: #d4c7d9
}
.gtd .bg_diamond-phantom_black, .gtd_footer .bg_diamond-phantom_black, .sidebar .bg_diamond-phantom_black {
background-color: #211e16
}
@media (min-width:768px) {
.gtd .hide-desktop, .gtd_footer .hide-desktop, .sidebar .hide-desktop {
display: none !important
}
}
.gtd .gtd_footer {
border-top: 1px solid rgba(0, 0, 0, .1882352941);
padding-top: 2em
}
.gtd .gtd_footer-annotations {
list-style-type: none;
padding: 0 1em;
font-size: 10px;
line-height: 1.6;
max-width: 760px;
margin: auto
}
@media (min-width:480px) {
.gtd .gtd_footer-annotations {
font-size: 12px
}
}
.gtd .gtd_footer-annotations sup {
font-size: .6em;
vertical-align: super;
line-height: 0
}
.gtd .gtd_footer-annotation_item {
margin: .5em 0
}
.gtd .gtd_footer-annotation_item:first-child {
margin-top: 0
}
.gtd .gtd_footer-annotation_item:last-child {
margin-bottom: 0
}
.gtd .gtd_introduction {
margin: 4em auto;
padding: 0 4em
}
@media (min-width:768px) {
.gtd .gtd_introduction {
padding: 0 1em
}
}
.gtd--static .gtd .gtd_introduction {
margin: 35px auto;
padding: 0 2em
}
@media (min-width:1440px) {
.gtd--static .gtd .gtd_introduction {
margin: 85px auto
}
}
.gtd .gtd_table-category th, .gtd .gtd_table-row th {
padding: .75em 0 .75em 1.5em
}
.gtd .gtd_table {
width: 100%;
text-align: center
}
.gtd .gtd_table-category {
border-top: 1px solid rgba(0, 0, 0, .1882352941)
}
@media (min-width:768px) {
.gtd .gtd_table-category img {
margin-bottom: 1.5em
}
}
.gtd .gtd_table-category th {
padding-top: 2em;
padding-bottom: .9em
}
.gtd .gtd_table-category th p {
font-size: .75em;
margin-top: 0;
opacity: .7
}
.gtd .gtd_table-category_mobile_description {
margin: .3em 0 0;
opacity: .7
}
.gtd .gtd_table-category_mobile_flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3em 1em 2em;
border-top: 1px solid rgba(0, 0, 0, .1882352941)
}
@media (min-width:768px) {
.gtd .gtd_table-category_mobile_flex {
border-top: 0;
padding: 0
}
}
.gtd .gtd_table-category_mobile_flex h4 {
position: relative;
top: .3em
}
.gtd .gtd_table-category_mobile_flex > * {
margin-right: 1em
}
@media (min-width:480px) {
.gtd .gtd_table-category_mobile_flex > * {
margin-right: 1.25em
}
}
.gtd .gtd_table-category_mobile_flex > :last-child {
margin-right: 0
}
.gtd .gtd_table-category_mobile img {
max-height: 31px;
width: auto
}
@media (min-width:480px) {
.gtd .gtd_table-category_mobile img {
max-height: 50px
}
}
@media (min-width:768px) {
.gtd .gtd_table-category_mobile img {
max-height: none
}
}
@media (min-width:768px) {
.gtd .gtd_table-category_mobile h4, .gtd .gtd_table-category_mobile img, .gtd .gtd_table-category_mobile_description {
display: none
}
}
.gtd .gtd_table-color_drop {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 18px;
height: 18px;
margin: 0;
border-radius: 999px
}
@media (min-width:768px) {
.gtd .gtd_table-color_drop {
width: 28px;
height: 28px
}
}
.gtd .gtd_table-heading_mobile {
display: block
}
@media (min-width:768px) {
.gtd .gtd_table-heading_mobile {
display: none
}
}
.gtd .gtd_table-heading_mobile + p {
margin-top: 0
}
.gtd .gtd_table-row td {
padding: .75em .58em;
vertical-align: middle
}
.gtd .gtd_table-row th h5 {
font-family: SamsungOne-400, Helvetica, Arial, sans-serif;
font-weight: 400
}
.gtd .gtd_table-row--last td, .gtd .gtd_table-row--last th {
padding-bottom: 2em
}
.gtd .gtd_table-rrp {
margin-top: 1em;
font-size: 1em
}
@media (min-width:480px) {
.gtd .gtd_table-rrp {
font-size: .8em
}
}
.gtd .gtd_table-rrp em {
font-style: normal;
font-weight: 700
}
.gtd .gtd_table-select {
margin-bottom: 3em
}
.gtd .gtd_table-select + img {
width: 100%
}
.gtd .gtd_table-swatch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
width: 65px
}
@media (min-width:768px) {
.gtd .gtd_table-swatch {
width: 95px
}
}
@media (min-width:1440px) {
.gtd .gtd_table-swatch {
width: auto
}
}
.gtd .gtd_table-swatch > div {
margin: .35em
}
.gtd .gtd_table-swatch > div:first-child {
margin-top: .35em
}
.gtd .gtd_table-swatch > div:last-child {
margin-bottom: .35em
}
.gtd .gtd_table-swatch input {
cursor: pointer
}
.gtd .gtd_table-swatch input.bg_flip-blue:checked {
-webkit-box-shadow: 0 0 0 1px #b6c0d6 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #b6c0d6 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-bora_purple:checked {
-webkit-box-shadow: 0 0 0 1px #b2a1cd inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #b2a1cd inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-cream:checked {
-webkit-box-shadow: 0 0 0 1px #e3deca inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e3deca inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-graphite:checked {
-webkit-box-shadow: 0 0 0 1px #404145 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #404145 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-green:checked {
-webkit-box-shadow: 0 0 0 1px #424f50 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #424f50 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-lavender:checked {
-webkit-box-shadow: 0 0 0 1px #bfb1d2 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #bfb1d2 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-mystic_bronze:checked {
-webkit-box-shadow: 0 0 0 1px #9a716e inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #9a716e inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-mystic_grey:checked {
-webkit-box-shadow: 0 0 0 1px #5f5e62 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #5f5e62 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-phantom_black:checked {
-webkit-box-shadow: 0 0 0 1px #2d2926 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #2d2926 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_flip-pink_gold:checked {
-webkit-box-shadow: 0 0 0 1px #e6d2c9 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e6d2c9 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_fold-beige:checked {
-webkit-box-shadow: 0 0 0 1px #d6cdc1 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #d6cdc1 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_fold-mystic_bronze:checked {
-webkit-box-shadow: 0 0 0 1px #89675f inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #89675f inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_fold-mystic_black:checked {
-webkit-box-shadow: 0 0 0 1px #3d3f43 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #3d3f43 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_fold-phantom_black:checked {
-webkit-box-shadow: 0 0 0 1px #2d2926 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #2d2926 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_fold-phantom_green:checked {
-webkit-box-shadow: 0 0 0 1px #384a46 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #384a46 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_fold-phantom_silver:checked {
-webkit-box-shadow: 0 0 0 1px #cac6c4 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #cac6c4 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-phantom_black:checked {
-webkit-box-shadow: 0 0 0 1px #000 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #000 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-green:checked {
-webkit-box-shadow: 0 0 0 1px #587878 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #587878 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-phantom_white:checked {
-webkit-box-shadow: 0 0 0 1px #e9e9e7 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e9e9e7 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-pink_gold:checked {
-webkit-box-shadow: 0 0 0 1px #e3d2cf inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e3d2cf inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-plus-green:checked {
-webkit-box-shadow: 0 0 0 1px #587878 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #587878 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-plus-phantom_black:checked {
-webkit-box-shadow: 0 0 0 1px #000 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #000 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-plus-phantom_white:checked {
-webkit-box-shadow: 0 0 0 1px #e9e9e7 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e9e9e7 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-plus-pink_gold:checked {
-webkit-box-shadow: 0 0 0 1px #e3d2cf inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e3d2cf inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-ultra-burgundy:checked {
-webkit-box-shadow: 0 0 0 1px #654d57 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #654d57 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-ultra-phantom_black:checked {
-webkit-box-shadow: 0 0 0 1px #000 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #000 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-ultra-phantom_white:checked {
-webkit-box-shadow: 0 0 0 1px #e9e9e7 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e9e9e7 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s22-ultra-green:checked {
-webkit-box-shadow: 0 0 0 1px #587878 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #587878 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-graphite:checked {
-webkit-box-shadow: 0 0 0 1px #494d53 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #494d53 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-lavendar:checked {
-webkit-box-shadow: 0 0 0 1px #bfb1d1 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #bfb1d1 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-olive:checked {
-webkit-box-shadow: 0 0 0 1px #b2bbad inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #b2bbad inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-white:checked {
-webkit-box-shadow: 0 0 0 1px #f5f7f6 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #f5f7f6 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-phantom_pink:checked {
-webkit-box-shadow: 0 0 0 1px #efc5be inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #efc5be inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-phantom_violet:checked {
-webkit-box-shadow: 0 0 0 1px #a5a8c4 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #a5a8c4 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-phantom_grey:checked {
-webkit-box-shadow: 0 0 0 1px #6e7074 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #6e7074 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-phantom_white:checked {
-webkit-box-shadow: 0 0 0 1px #e9e9e7 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e9e9e7 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-phantom_black:checked {
-webkit-box-shadow: 0 0 0 1px #211e16 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #211e16 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_s21-phantom_silver:checked {
-webkit-box-shadow: 0 0 0 1px #c2c9d5 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #c2c9d5 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_a53-awesome_black:checked {
-webkit-box-shadow: 0 0 0 1px #454546 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #454546 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_a53-awesome_blue:checked {
-webkit-box-shadow: 0 0 0 1px #a7c6ed inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #a7c6ed inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_a53-awesome_peach:checked {
-webkit-box-shadow: 0 0 0 1px #ffd4b0 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #ffd4b0 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_a53-awesome_white:checked {
-webkit-box-shadow: 0 0 0 1px #f5f7f6 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #f5f7f6 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch4-black:checked {
-webkit-box-shadow: 0 0 0 1px #404145 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #404145 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch4-silver:checked {
-webkit-box-shadow: 0 0 0 1px #c7c8ca inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #c7c8ca inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch4-pink:checked {
-webkit-box-shadow: 0 0 0 1px #d6b6a8 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #d6b6a8 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch4-green:checked {
-webkit-box-shadow: 0 0 0 1px #445252 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #445252 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch4-classic-silver:checked {
-webkit-box-shadow: 0 0 0 1px #a4a29f inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #a4a29f inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch4-classic-black:checked {
-webkit-box-shadow: 0 0 0 1px #3c3c3e inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #3c3c3e inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch5-graphite:checked {
-webkit-box-shadow: 0 0 0 1px #464747 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #464747 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch5-pink_gold:checked {
-webkit-box-shadow: 0 0 0 1px #e8d1c7 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #e8d1c7 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch5-sapphire:checked {
-webkit-box-shadow: 0 0 0 1px #758aae inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #758aae inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch5-silver:checked {
-webkit-box-shadow: 0 0 0 1px #d9d9d9 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #d9d9d9 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch5-pro-black_titanium:checked {
-webkit-box-shadow: 0 0 0 1px #404145 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #404145 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_watch5-pro-grey_titanium:checked {
-webkit-box-shadow: 0 0 0 1px #867e74 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #867e74 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds-pro-phantom_violet:checked {
-webkit-box-shadow: 0 0 0 1px #a5a8c4 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #a5a8c4 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds-pro-phantom_silver:checked {
-webkit-box-shadow: 0 0 0 1px #c2c9d5 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #c2c9d5 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds-pro-phantom_black:checked {
-webkit-box-shadow: 0 0 0 1px #211e16 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #211e16 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds2-graphite:checked {
-webkit-box-shadow: 0 0 0 1px #494d53 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #494d53 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds2-white:checked {
-webkit-box-shadow: 0 0 0 1px #eff0f1 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #eff0f1 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds2-olive:checked {
-webkit-box-shadow: 0 0 0 1px #a39f86 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #a39f86 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds2-lavender:checked {
-webkit-box-shadow: 0 0 0 1px #bfb1d2 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #bfb1d2 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds2-pro-bora_purple:checked {
-webkit-box-shadow: 0 0 0 1px #b2a1cd inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #b2a1cd inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds2-pro-graphite:checked {
-webkit-box-shadow: 0 0 0 1px #404145 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #404145 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds2-pro-white:checked {
-webkit-box-shadow: 0 0 0 1px #f1f0ed inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #f1f0ed inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds-live-mystic_bronze:checked {
-webkit-box-shadow: 0 0 0 1px #9a716e inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #9a716e inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds-live-mystic_black:checked {
-webkit-box-shadow: 0 0 0 1px #3c3c3e inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #3c3c3e inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_buds-live-mystic_white:checked {
-webkit-box-shadow: 0 0 0 1px #eff0f1 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #eff0f1 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_diamond-cream:checked {
-webkit-box-shadow: 0 0 0 1px #f0eae0 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #f0eae0 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_diamond-green:checked {
-webkit-box-shadow: 0 0 0 1px #5f645a inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #5f645a inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_diamond-lavendar:checked {
-webkit-box-shadow: 0 0 0 1px #d4c7d9 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #d4c7d9 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch input.bg_diamond-phantom_black:checked {
-webkit-box-shadow: 0 0 0 1px #211e16 inset, 0 0 0 3px #fff inset;
box-shadow: 0 0 0 1px #211e16 inset, 0 0 0 3px #fff inset
}
.gtd .gtd_table-swatch_name {
margin-top: 12px;
font-size: 1em
}
@media (min-width:480px) {
.gtd .gtd_table-swatch_name {
font-size: .8em
}
}
.gtd .gtd_table-swatch_name em {
font-style: normal;
font-weight: 700
}
.gtd .gtd_table :first-child {
margin-top: 0
}
.gtd .gtd_table :last-child {
margin-bottom: 0
}
.gtd .gtd_table h4 {
font-size: 1.2em
}
.gtd .gtd_table br {
display: none
}
@media (min-width:785px) {
.gtd .gtd_table br {
display: inline
}
}
.gtd .gtd_table select {
color: inherit;
width: 100%;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid;
padding: .7em 2.7em .5em .5em;
border-radius: 999px;
background: url(../images/table-icon-dropdown.png) 93%/12% no-repeat;
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
font-weight: 750;
font-size: 8px;
cursor: pointer
}
@media (min-width:375px) {
.gtd .gtd_table select {
font-size: 2vw
}
}
@media (min-width:480px) {
.gtd .gtd_table select {
background: url(../images/table-icon-dropdown.png) 93%/12px no-repeat;
padding: .8em 2em .6em .75em;
text-align: center
}
}
@media (min-width:768px) {
.gtd .gtd_table select {
font-size: 1.85vw;
padding: .65em 2em .5em .65em;
width: auto
}
}
@media (min-width:1440px) {
.gtd .gtd_table select {
font-size: 1em
}
}
.gtd .gtd_table select::-ms-expand {
display: none
}
.gtd .gtd_table thead th {
vertical-align: top
}
.gtd .gtd_table thead [data-product] {
padding: 0 5px 3em
}
@media (min-width:768px) {
.gtd .gtd_table thead [data-product] {
padding: 0 1em 3em
}
}
.gtd .gtd_table thead [data-product] img {
width: 100%
}
.gtd .gtd_table thead th:first-child, .gtd .gtd_table tr th {
display: none;
width: 25%;
text-align: end;
vertical-align: middle
}
@media (min-width:768px) {
.gtd .gtd_table thead th:first-child, .gtd .gtd_table tr th {
display: table-cell
}
}
.gtd .gtd_table thead tr th {
display: table-cell;
text-align: center;
vertical-align: top
}
.gtd--static h3 {
margin-bottom: 2em
}
.gtd--static .gtd_table-swatch {
margin-top: 2.25em
}
.table-v2 {
margin: 0 auto 30px;
max-width: 95%
}
@media (min-width:768px) {
.table-v2 {
margin: 50px auto 60px auto
}
}
@media (min-width:1260px) {
.table-v2 {
max-width: 1200px
}
}
.table-v2 .d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.table-v2 .flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.table-v2 .justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.table-v2 .justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.table-v2 .align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.table-v2 .align-items-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.table-v2 .flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:768px) {
.table-v2 .mobile-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.table-v2 .mobile-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.table-v2 .mobile-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.table-v2 .mobile-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.table-v2 .mobile-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.table-v2 .mobile-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.table-v2 .mobile-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.table-v2 .mobile-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
}
.table-v2 .text-left {
text-align: left
}
.table-v2 .light-grey {
background-color: #f4f4f4
}
.table-v2 .light-blue {
background-color: #0077c8
}
.table-v2 .gtd_introduction {
margin: 0 auto;
padding: 2em 4em 4em
}
@media (min-width:768px) {
.table-v2 .gtd_introduction {
margin: 4em auto;
padding: 0 4em
}
}
.table-v2 .gtd_introduction h2 {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
font-size: 30px;
line-height: 35px;
font-weight: initial
}
@media (min-width:1024px) {
.table-v2 .gtd_introduction h2 {
font-size: 50px;
line-height: 57px
}
}
@media (min-width:1024px) {
.gtd--static .table-v2 .gtd_introduction {
margin: 85px auto
}
}
.table-v2 .d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.table-v2 .flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.table-v2 .justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.table-v2 .justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.table-v2 .align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.table-v2 .align-items-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.table-v2 .flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:768px) {
.table-v2 .mobile-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.table-v2 .mobile-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.table-v2 .mobile-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.table-v2 .mobile-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.table-v2 .mobile-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.table-v2 .mobile-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.table-v2 .mobile-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.table-v2 .mobile-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
}
.table-v2 .text-left {
text-align: left
}
.table-v2 .light-grey {
background-color: #f4f4f4
}
.table-v2 .light-blue {
background-color: #0077c8
}
.table-v2 .gtd_table-row th {
padding: .75em 1.5em
}
.table-v2 .gtd_table-row th h5 {
font-family: SamsungOne-700, Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 26px
}
.table-v2 .gtd_table-row td {
border-bottom: 2px solid #f4f4f4
}
.table-v2 .gtd_table-row td .swatch-wrap {
width: 31%;
margin: 0 auto
}
@media (min-width:550px) {
.table-v2 .gtd_table-row td .swatch-wrap {
width: 29%
}
}
@media (min-width:768px) {
.table-v2 .gtd_table-row td .swatch-wrap {
width: auto
}
}
@media (max-width:535px) {
.table-v2 .gtd_table-row td .swatch-wrap {
width: 43%
}
}
@media (max-width:360px) {
.table-v2 .gtd_table-row td .swatch-wrap {
width: 60%
}
}
.table-v2 .gtd_table-row td .swatch-wrap .gtd_table-color_drop {
margin: 2px
}
.table-v2 .gtd_table-row--last td {
border-bottom: none
}
.table-v2 .gtd_table-row--last td, .table-v2 .gtd_table-row--last th {
padding-bottom: .75em
}
.table-v2 .gtd_table-row:not(.no-mobile-border) [data-product] {
padding-bottom: calc(.75em + 10px)
}
@media (min-width:768px) {
.table-v2 .gtd_table-row:not(.no-mobile-border) [data-product] {
padding-bottom: .75em
}
}
.table-v2 .gtd_table-row:not(.no-mobile-border) [data-product] p {
font-family: SamsungOne-400, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 13px
}
@media (min-width:768px) {
.table-v2 .gtd_table-row:not(.no-mobile-border) [data-product] p {
font-family: SamsungOne-500, Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 26px
}
}
.table-v2 .gtd_table-row:not(.no-mobile-border) [data-product] p.multiple-val {
padding-bottom: .75em
}
.table-v2 .gtd_table-row:not(.no-mobile-border) [data-product] p.multiple-val:last-child {
padding-bottom: 0
}
@media (min-width:768px) {
.table-v2 .gtd_table-row.no-mobile-border {
display: none
}
}
.table-v2 .gtd_table-row.no-mobile-border td {
padding-top: calc(.75em + 10px)
}
@media (max-width:768px) {
.table-v2 .gtd_table-row.no-mobile-border td {
border-bottom: 0
}
}
.table-v2 .gtd_table-row.no-mobile-border td h5 {
font-size: 14px;
line-height: 14px;
font-family: SamsungOne-700, Helvetica, Arial, sans-serif
}
.table-v2 .gtd_table-category {
border-top: 0;
height: 10px
}
@media (min-width:768px) {
.table-v2 .gtd_table-category {
height: 20px
}
}
.table-v2 .gtd_table-category_border-top {
border-top-style: solid;
border-width: 5px;
border-color: #f4f4f4
}
.table-v2 .gtd_table-category_mobile_flex {
border-top: 0;
padding: 3em 1em 0
}
@media (min-width:768px) {
.table-v2 .gtd_table-category_mobile h3 {
display: none
}
}
.table-v2 .gtd_table-category th {
padding-right: 1.5em
}
.table-v2 .gtd_table-category th h4 {
font-family: SamsungOne-700, Helvetica, Arial, sans-serif
}
.table-v2 .gtd_table-color_drop {
margin: 0 2px;
border-radius: 7px
}
@media (min-width:768px) {
.table-v2 .gtd_table-color_drop {
width: 20px;
height: 20px
}
}
@media (min-width:1024px) {
.table-v2 .gtd_table-color_drop {
margin: 0 10px;
width: 28px;
height: 28px;
border-radius: 10px
}
}
@media (min-width:1024px) {
.table-v2 .gtd_table-swatch {
width: auto
}
}
@media (min-width:1024px) {
.table-v2 .gtd_table select {
font-size: 1em
}
}
.table-v2 .gtd_table thead {
position: relative
}
.table-v2 .gtd_table thead [data-product] {
padding: 0 5px 2em;
position: relative
}
@media (min-width:768px) {
.table-v2 .gtd_table thead [data-product] {
padding: 0 1em 2em
}
}
.table-v2 .gtd_table thead [data-product] .image-container img {
width: auto
}
.table-v2 .gtd_table thead [data-product] .image-container .latest-tag {
position: absolute;
width: 50px;
height: 50px;
top: -15px;
right: 0;
border-radius: 50%;
color: #fff;
font-size: 14px;
font-weight: 600
}
@media (min-width:768px) {
.table-v2 .gtd_table thead [data-product] .image-container .latest-tag {
font-size: 18px;
width: 68px;
height: 68px
}
}
@media (min-width:1024px) {
.table-v2 .gtd_table thead [data-product] .image-container .latest-tag {
right: 10%
}
}
.table-v2 .gtd_table thead [data-product] p {
font-size: 10px;
line-height: 15px;
font-family: SamsungSharpSansMedium, Helvetica, Arial, sans-serif
}
@media (min-width:768px) {
.table-v2 .gtd_table thead [data-product] p {
font-size: 22px;
line-height: 28px
}
}
.table-v2 .gtd_table thead tr th {
vertical-align: baseline
}
.table-v2 .gtd_table_head_content {
background: -webkit-linear-gradient(top, #fff 15%, #f4f4f4 15%, #f4f4f4 100%)
}
@media (min-width:400px) {
.table-v2 .gtd_table_head_content {
background: -webkit-linear-gradient(top, #fff 25%, #f4f4f4 25%, #f4f4f4 100%)
}
}
.table-v2 .gtd_table h3 {
margin: 1em 0 0;
font-size: 16px;
line-height: 14px;
font-family: SamsungOne-700, Helvetica, Arial, sans-serif
}
@media (min-width:768px) {
.table-v2 .gtd_table h3 {
font-size: 37px;
line-height: 42px
}
}
.table-v2 .gtd_table p {
margin: 0
}
.table-v2 .gtd_table br {
display: block
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.align-items-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:768px) {
.mobile-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.mobile-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.mobile-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.mobile-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.mobile-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.mobile-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.mobile-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.mobile-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
}
.text-left {
text-align: left
}
.light-grey {
background-color: #f4f4f4
}
.light-blue {
background-color: #0077c8
}
#features {
max-width: 95%;
margin-top: 0
}
@media (min-width:1260px) {
#features {
max-width: 1200px
}
}
#features .features-box-container {
padding: 50px 30px
}
@media (min-width:768px) {
#features .features-box-container {
padding: 50px 30px 30px
}
}
#features .features-box-container h2 {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
font-size: 28px;
line-height: 32px
}
@media (min-width:768px) {
#features .features-box-container h2 {
font-size: 37px;
line-height: 42px
}
}
#features .features-box-container p {
font-family: SamsungOne-500, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
margin: 13px 0 1em
}
@media (min-width:768px) {
#features .features-box-container p {
font-size: 22px;
line-height: 28px
}
}
#features .features-box-container p.hide-desktop {
margin: 0
}
#features .features-box-container p br {
display: none
}
@media (min-width:768px) {
#features .features-box-container p br {
display: block
}
}
#features .features-box-container p br.hide-desktop {
display: block
}
@media (min-width:768px) {
#features .features-box-container .features-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
#features .features-box-container .features-container-individual {
width: 50%
}
@media (min-width:1140px) {
#features .features-box-container .features-container-individual {
width: 32%;
margin-right: 2%;
margin-bottom: 15px
}
#features .features-box-container .features-container-individual:nth-child(3n+3) {
margin-right: 0
}
}
@media (max-width:768px) {
#features .features-box-container .features-container-individual.w-100-mobile {
width: 100%;
margin: 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
#features .features-box-container .features-container-individual p {
margin: 0;
text-align: left
}
#features .features-box-container .features-container-individual .image-container {
margin-right: 15px
}
#features .features-box-container .features-container-individual .image-container img {
max-width: 46px
}
@media (min-width:768px) {
#features .features-box-container .features-container-individual .image-container img {
max-width: initial
}
}
@media (min-width:768px) {
#features .features-box-container .features-container-individual .image-container.icon-device_compatibility {
margin-top: 1.4em
}
}
@media (min-width:768px) {
#features .features-box-container .features-container-individual .text-container {
margin-top: 1.4em
}
}
#features .features-box-container .features-container-individual .feature-title {
font-size: 11px;
line-height: 13px
}
#features .features-box-container .features-container-individual .feature-title.bold {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif
}
@media (min-width:768px) {
#features .features-box-container .features-container-individual .feature-title {
margin: .5em 0;
font-size: 22px;
line-height: 26px
}
}
#features .features-box-container .features-container-individual .feature-description {
font-family: SamsungOne-500, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 13px
}
@media (min-width:768px) {
#features .features-box-container .features-container-individual .feature-description {
font-size: 22px;
line-height: 26px
}
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.align-items-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:768px) {
.mobile-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.mobile-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.mobile-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.mobile-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.mobile-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.mobile-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.mobile-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.mobile-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
}
.text-left {
text-align: left
}
.light-grey {
background-color: #f4f4f4
}
.light-blue {
background-color: #0077c8
}
.gtd_footer {
border-top: 0;
padding-top: 0;
max-width: 95%;
margin: 0 auto 40px;
text-align: left;
color: #999
}
@media (min-width:1260px) {
.gtd_footer {
max-width: 1200px
}
}
.gtd_footer-annotations {
width: 100%;
max-width: initial
}
.gtd_footer-annotations li {
font-family: SamsungOne-400, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 13px
}
@media (min-width:768px) {
.gtd_footer-annotations li {
font-size: 15px;
line-height: 19px
}
}
@media (min-width:1140px) {
.golf-px-features#features .features-container-individual {
width: auto;
margin-right: 5%
}
.golf-px-features#features .features-container-individual:nth-child(4) {
padding-right: 3%;
margin: 0
}
.golf-px-features#features .features-container-individual:nth-child(5) {
margin-right: 6.2%
}
}
@media (min-width:768px) {
.gtd--golf_heart-static {
margin: 50px auto 0 auto
}
}
@media (min-width:1140px) {
.golf-heart-features#features .features-container-individual {
width: auto;
margin-right: 5%
}
.golf-heart-features#features .features-container-individual:nth-child(4) {
padding-right: 3%;
margin: 0
}
.golf-heart-features#features .features-container-individual:nth-child(5) {
margin-right: 6.2%
}
}
@media (min-width:768px) {
.gtd--golf_px-static {
margin: 50px auto 0 auto
}
}
.gtd--diamond_base .gtd_table-row td, .gtd--diamond_plus .gtd_table-row td, .gtd--diamond_ultra .gtd_table-row td {
vertical-align: top
}
.gtd--diamond_base .gtd_table-row td .swatch-wrap, .gtd--diamond_plus .gtd_table-row td .swatch-wrap, .gtd--diamond_ultra .gtd_table-row td .swatch-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media (min-width:768px) {
.gtd--diamond_base .gtd_table-row td .swatch-wrap, .gtd--diamond_plus .gtd_table-row td .swatch-wrap, .gtd--diamond_ultra .gtd_table-row td .swatch-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (min-width:768px) {
.gtd--diamond_base .gtd_table-row[data-spec=colour] td, .gtd--diamond_base .gtd_table-row[data-spec=colour] th, .gtd--diamond_base .gtd_table-row[data-spec=extra_features] td, .gtd--diamond_base .gtd_table-row[data-spec=extra_features] th, .gtd--diamond_base .gtd_table-row[data-spec=front_camera] td, .gtd--diamond_base .gtd_table-row[data-spec=front_camera] th, .gtd--diamond_base .gtd_table-row[data-spec=size] td, .gtd--diamond_base .gtd_table-row[data-spec=size] th, .gtd--diamond_base .gtd_table-row[data-spec=zoom] td, .gtd--diamond_base .gtd_table-row[data-spec=zoom] th, .gtd--diamond_plus .gtd_table-row[data-spec=colour] td, .gtd--diamond_plus .gtd_table-row[data-spec=colour] th, .gtd--diamond_plus .gtd_table-row[data-spec=extra_features] td, .gtd--diamond_plus .gtd_table-row[data-spec=extra_features] th, .gtd--diamond_plus .gtd_table-row[data-spec=front_camera] td, .gtd--diamond_plus .gtd_table-row[data-spec=front_camera] th, .gtd--diamond_plus .gtd_table-row[data-spec=size] td, .gtd--diamond_plus .gtd_table-row[data-spec=size] th, .gtd--diamond_plus .gtd_table-row[data-spec=zoom] td, .gtd--diamond_plus .gtd_table-row[data-spec=zoom] th, .gtd--diamond_ultra .gtd_table-row[data-spec=colour] td, .gtd--diamond_ultra .gtd_table-row[data-spec=colour] th, .gtd--diamond_ultra .gtd_table-row[data-spec=extra_features] td, .gtd--diamond_ultra .gtd_table-row[data-spec=extra_features] th, .gtd--diamond_ultra .gtd_table-row[data-spec=front_camera] td, .gtd--diamond_ultra .gtd_table-row[data-spec=front_camera] th, .gtd--diamond_ultra .gtd_table-row[data-spec=size] td, .gtd--diamond_ultra .gtd_table-row[data-spec=size] th, .gtd--diamond_ultra .gtd_table-row[data-spec=zoom] td, .gtd--diamond_ultra .gtd_table-row[data-spec=zoom] th {
padding-bottom: 35px !important
}
}
@media (min-width:768px) {
.gtd--diamond_base .gtd_table-row[data-spec=colour] td, .gtd--diamond_base .gtd_table-row[data-spec=colour] th, .gtd--diamond_base .gtd_table-row[data-spec=extra_features] td, .gtd--diamond_base .gtd_table-row[data-spec=extra_features] th, .gtd--diamond_base .gtd_table-row[data-spec=front_camera] td, .gtd--diamond_base .gtd_table-row[data-spec=front_camera] th, .gtd--diamond_base .gtd_table-row[data-spec=memory] td, .gtd--diamond_base .gtd_table-row[data-spec=memory] th, .gtd--diamond_base .gtd_table-row[data-spec=rear_camera] td, .gtd--diamond_base .gtd_table-row[data-spec=rear_camera] th, .gtd--diamond_base .gtd_table-row[data-spec=screen_size] td, .gtd--diamond_base .gtd_table-row[data-spec=screen_size] th, .gtd--diamond_plus .gtd_table-row[data-spec=colour] td, .gtd--diamond_plus .gtd_table-row[data-spec=colour] th, .gtd--diamond_plus .gtd_table-row[data-spec=extra_features] td, .gtd--diamond_plus .gtd_table-row[data-spec=extra_features] th, .gtd--diamond_plus .gtd_table-row[data-spec=front_camera] td, .gtd--diamond_plus .gtd_table-row[data-spec=front_camera] th, .gtd--diamond_plus .gtd_table-row[data-spec=memory] td, .gtd--diamond_plus .gtd_table-row[data-spec=memory] th, .gtd--diamond_plus .gtd_table-row[data-spec=rear_camera] td, .gtd--diamond_plus .gtd_table-row[data-spec=rear_camera] th, .gtd--diamond_plus .gtd_table-row[data-spec=screen_size] td, .gtd--diamond_plus .gtd_table-row[data-spec=screen_size] th, .gtd--diamond_ultra .gtd_table-row[data-spec=colour] td, .gtd--diamond_ultra .gtd_table-row[data-spec=colour] th, .gtd--diamond_ultra .gtd_table-row[data-spec=extra_features] td, .gtd--diamond_ultra .gtd_table-row[data-spec=extra_features] th, .gtd--diamond_ultra .gtd_table-row[data-spec=front_camera] td, .gtd--diamond_ultra .gtd_table-row[data-spec=front_camera] th, .gtd--diamond_ultra .gtd_table-row[data-spec=memory] td, .gtd--diamond_ultra .gtd_table-row[data-spec=memory] th, .gtd--diamond_ultra .gtd_table-row[data-spec=rear_camera] td, .gtd--diamond_ultra .gtd_table-row[data-spec=rear_camera] th, .gtd--diamond_ultra .gtd_table-row[data-spec=screen_size] td, .gtd--diamond_ultra .gtd_table-row[data-spec=screen_size] th {
padding-top: 35px
}
}
.gtd--diamond_base .gtd_table-row[data-spec=rear_camera], .gtd--diamond_plus .gtd_table-row[data-spec=rear_camera], .gtd--diamond_ultra .gtd_table-row[data-spec=rear_camera] {
display: none
}
@media (min-width:768px) {
.gtd--diamond_base .gtd_table-row[data-spec=rear_camera], .gtd--diamond_plus .gtd_table-row[data-spec=rear_camera], .gtd--diamond_ultra .gtd_table-row[data-spec=rear_camera] {
display: table-row
}
}
.gtd--diamond_base .gtd_table-row[data-spec=rear_camera] td, .gtd--diamond_plus .gtd_table-row[data-spec=rear_camera] td, .gtd--diamond_ultra .gtd_table-row[data-spec=rear_camera] td {
border-bottom: none
}
.gtd--diamond_base .gtd_table-category, .gtd--diamond_plus .gtd_table-category, .gtd--diamond_ultra .gtd_table-category {
height: 0
}
@media (min-width:768px) {
.gtd--diamond_base .gtd_table-category_border-top:first-of-type, .gtd--diamond_plus .gtd_table-category_border-top:first-of-type, .gtd--diamond_ultra .gtd_table-category_border-top:first-of-type {
height: 60px
}
}
.gtd--diamond_base .gtd_table h3, .gtd--diamond_plus .gtd_table h3, .gtd--diamond_ultra .gtd_table h3 {
font-size: 16px;
line-height: 14px;
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif
}
@media (min-width:768px) {
.gtd--diamond_base .gtd_table h3, .gtd--diamond_plus .gtd_table h3, .gtd--diamond_ultra .gtd_table h3 {
font-size: 26px;
line-height: 31px
}
}
@media (min-width:1024px) {
.gtd--diamond_base .gtd_table h3, .gtd--diamond_plus .gtd_table h3, .gtd--diamond_ultra .gtd_table h3 {
font-size: 37px;
line-height: 42px
}
}
.gtd--diamond_base .gtd_table-row[data-spec=colour] td:first-of-type {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_base .gtd_table-row [data-product=galaxy_s23] {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_base .gtd_table-row.no-mobile-border td:nth-of-type(1) {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_plus .gtd_table-row[data-spec=colour] td:nth-of-type(2) {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_plus .gtd_table-row [data-product=galaxy_s23_plus] {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_plus .gtd_table-row.no-mobile-border td:nth-of-type(2) {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_ultra .gtd_table-row[data-spec=colour] td:last-of-type {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_ultra .gtd_table-row [data-product=galaxy_s23_ultra] {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_ultra .gtd_table-row.no-mobile-border td:nth-of-type(3) {
background-color: rgba(244, 244, 244, .5)
}
.gtd--diamond_base .gtd_introduction, .gtd--diamond_plus .gtd_introduction, .gtd--diamond_ultra .gtd_introduction {
padding: 2em 4em 34px
}
@media (min-width:768px) {
.gtd--diamond_base .gtd_introduction, .gtd--diamond_plus .gtd_introduction, .gtd--diamond_ultra .gtd_introduction {
margin: 41px auto;
padding: 0 4em
}
}
.gtd--gb2 .gtd_table-row td {
vertical-align: top
}
.gtd--gb2 .gtd_table-row:not(.no-mobile-border) [data-product] {
padding-right: 0;
padding-left: 0
}
.gtd--gb2 .gtd_table-row:not(.no-mobile-border) [data-product] p.multiple-val {
margin-bottom: .75em;
border-bottom: 2px solid #f4f4f4;
padding-right: .58em;
padding-left: .58em
}
.gtd--gb2 .gtd_table-row:not(.no-mobile-border) [data-product] p.multiple-val:last-child {
margin-bottom: 0;
border-bottom: none
}
.gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2] p.multiple-val:first-child {
min-height: 49.25px
}
@media (min-width:415px) {
.gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2] p.multiple-val:first-child {
min-height: 36.25px
}
}
@media (min-width:768px) {
.gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2] p.multiple-val:first-child {
min-height: 96.5px
}
}
@media (min-width:1025px) {
.gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2] p.multiple-val:first-child {
min-height: 70.5px
}
}
.gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2_go] p.multiple-val:nth-child(2), .gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2_go_5g] p.multiple-val:nth-child(2) {
min-height: 36.25px
}
@media (min-width:412px) {
.gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2_go] p.multiple-val:nth-child(2), .gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2_go_5g] p.multiple-val:nth-child(2) {
min-height: 23.25px
}
}
@media (min-width:768px) {
.gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2_go] p.multiple-val:nth-child(2), .gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2_go_5g] p.multiple-val:nth-child(2) {
min-height: 70.5px
}
}
@media (min-width:1016px) {
.gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2_go] p.multiple-val:nth-child(2), .gtd--gb2 .gtd_table-row:not(.no-mobile-border)[data-spec=processor]:not(.no-mobile-border) [data-product=galaxy_book2_go_5g] p.multiple-val:nth-child(2) {
min-height: auto
}
}
.gtd--gb2 .gtd_table tr th {
vertical-align: top
}
.gtd--gb2 .gtd_table h3 {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif
}
.gtd--heart_static h3 {
height: calc(4em * 1.2)
}
@media (min-width:350px) {
.gtd--heart_static h3 {
height: calc(2em * 1.2)
}
}
@media (min-width:480px) {
.gtd--heart_static h3 {
height: calc(3em * 1.2)
}
}
@media (min-width:490px) {
.gtd--heart_static h3 {
height: calc(2em * 1.2)
}
}
@media (min-width:768px) {
.gtd--heart_static h3 {
height: calc(4em * 1.2)
}
}
@media (min-width:700px) {
.gtd--heart_static h3 {
height: calc(3em * 1.2)
}
}
@media (min-width:765px) {
.gtd--heart_static h3 {
height: calc(2em * 1.2)
}
}
@media (min-width:992px) {
.gtd--heart_static h3 {
padding-left: 12%;
padding-right: 12%
}
}
@media (min-width:1024px) {
.gtd--heart_static h3 {
padding-left: 20%;
padding-right: 20%;
height: calc(4em * 1.2)
}
}
@media (min-width:1075px) {
.gtd--heart_static h3 {
height: calc(3em * 1.2)
}
}
@media (min-width:1175px) {
.gtd--heart_static h3 {
height: calc(2em * 1.2)
}
}
.gtd--px_static h3 {
height: calc(3em * 1.2)
}
@media (min-width:350px) {
.gtd--px_static h3 {
height: calc(2em * 1.2)
}
}
@media (min-width:768px) {
.gtd--px_static h3 {
height: calc(3em * 1.2)
}
}
@media (min-width:755px) {
.gtd--px_static h3 {
height: calc(2em * 1.2)
}
}
@media (min-width:1180px) {
.gtd--px_static h3 {
height: calc(1em * 1.2)
}
}
.gtd--zenith_static h3 {
height: calc(2em * 1.2)
}
@media (min-width:400px) {
.gtd--zenith_static h3 {
height: calc(1em * 1.2)
}
}
@media (min-width:480px) {
.gtd--zenith_static h3 {
height: calc(2em * 1.2)
}
}
@media (min-width:540px) {
.gtd--zenith_static h3 {
height: calc(1em * 1.2)
}
}
@media (min-width:600px) {
.gtd--zenith_static h3 {
height: calc(2em * 1.2)
}
}
@media (min-width:830px) {
.gtd--zenith_static h3 {
height: calc(1em * 1.2)
}
}
.module-full-width-textImage {
max-width: 1200px;
margin: 0 auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.module-full-width-textImage__inner {
margin: 0 30px
}
.module-full-width-textImage__copy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 780px
}
@media (min-width:768px) {
.module-full-width-textImage__copy {
margin: 0 auto
}
}
.module-full-width-textImage__image {
padding-top: 40px
}
@media screen and (min-width:768px) {
.module-full-width-textImage__image {
padding-top: 60px;
width: 100%
}
}
.module-hero {
text-align: center;
width: 100%
}
.module-hero__image {
position: relative;
background-color: #000;
width: 100%
}
.module-hero__logo {
position: absolute;
top: 30px;
left: 15px;
right: 0;
max-width: 80px
}
@media screen and (min-width:768px) {
.module-hero__logo {
top: 30px;
left: 4%;
right: auto;
max-width: 120px
}
}
@media screen and (min-width:1024px) {
.module-hero__logo {
top: 60px;
left: 4%;
right: auto;
max-width: 160px
}
}
.module-hero__device {
position: absolute;
bottom: 30px;
right: 30px;
left: auto;
max-width: 100px
}
@media screen and (min-width:768px) {
.module-hero__device {
max-width: 220px
}
}
@media screen and (min-width:1024px) {
.module-hero__device {
bottom: 120px;
right: 60px;
left: auto;
max-width: 335px
}
}
.module-hero__terms {
font-size: 10px;
line-height: 14px;
color: #fff;
padding-top: 15px
}
@media (min-width:1024px) {
.module-hero__terms {
font-size: 12px;
line-height: 16px
}
}
.module-hero__terms a {
color: #000;
text-decoration: none
}
@media screen and (min-width:768px) {
.module-hero__terms {
position: absolute;
bottom: 30px;
left: 4%;
right: auto;
padding-top: unset
}
}
@media screen and (min-width:1024px) {
.module-hero__terms {
bottom: 60px;
left: 4%;
right: auto
}
}
.module-image-split-text {
max-width: 1440px;
width: 100%;
margin-top: 80px
}
.module-image-split-text__image {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 30px
}
@media (min-width:768px) {
.module-image-split-text__image {
width: 100%
}
}
.module-image-split-text__inner {
max-width: 1260px;
padding-left: 30px;
padding-right: 30px;
margin: auto
}
.module-image-split-text__terms {
max-width: 540px;
margin: 20px auto 0 auto
}
.module-image-split-text__terms p {
font-size: 10px;
line-height: 14px;
text-align: center
}
@media (min-width:1024px) {
.module-image-split-text__terms p {
font-size: 12px;
line-height: 16px
}
}
.module-image-split-text__terms p a {
color: #000;
text-decoration: none
}
.module-information-blocks {
max-width: 1440px;
margin: 80px 0;
width: 100%
}
@media screen and (min-width:1024px) {
.module-information-blocks {
margin: 130px 0
}
}
.module-information-blocks img:not(.hide-desktop, .hide-mobile) {
display: inline-block
}
.module-information-blocks__inner {
max-width: 1200px;
margin: 0 30px
}
@media screen and (min-width:1240px) {
.module-information-blocks__inner {
margin: 0 auto
}
}
.module-information-blocks__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (min-width:768px) {
.module-information-blocks__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.module-information-blocks__content sup {
font-size: 10px
}
@media (min-width:1024px) {
.module-information-blocks__content sup {
font-size: 13px
}
}
.module-information-blocks__copy {
width: 100%;
text-align: center
}
.module-information-blocks__copy .module-information-blocks__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 85px;
padding-top: 10px;
padding-bottom: 25px
}
@media screen and (min-width:768px) {
.module-information-blocks__copy .module-information-blocks__icons {
max-width: 165px
}
}
.module-information-blocks__copy .module-information-blocks__icons img {
margin-right: 10px
}
.module-information-blocks__copy .module-information-blocks__icons img:last-of-type {
margin-right: 0
}
.module-information-blocks__block {
background-color: #f4f4f4;
width: calc(50% - 7.5px);
border-radius: 25px;
padding: 15px 0 15px 0;
text-align: center;
margin-top: 0;
margin-bottom: 15px
}
@media (min-width:768px) {
.module-information-blocks__block {
width: calc(25% - 10px);
padding: 15px 0 0 0;
margin-top: 15px;
margin-bottom: 0;
border-radius: 40px
}
}
@media (min-width:1024px) {
.module-information-blocks__block {
width: calc(25% - 20px);
padding: 45px 0
}
}
.module-information-blocks__block img {
width: auto;
height: 40px;
margin-bottom: 6px
}
@media screen and (min-width:768px) {
.module-information-blocks__block img {
height: 40%
}
}
.module-information-blocks__block span {
font-family: SamsungSharpSansBold, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 16px
}
@media screen and (min-width:1024px) {
.module-information-blocks__block span {
font-size: 24px;
line-height: 28px
}
}
.module-information-blocks__block p {
font-size: 12px;
line-height: 16px;
max-width: 200px;
margin: 0 auto;
padding: 0 5px
}
.module-information-blocks__block p br {
display: none
}
@media screen and (min-width:370px) {
.module-information-blocks__block p br {
display: block
}
}
@media screen and (min-width:1024px) {
.module-information-blocks__block p {
font-size: 18px;
line-height: 22px;
max-width: 280px;
padding: 10px 10px 0 10px
}
}
.module-information-blocks__block p:first-of-type {
min-height: 20px
}
@media screen and (min-width:1024px) {
.module-information-blocks__block p:first-of-type {
min-height: 35px
}
}
.module-product-promotion {
max-width: 1200px;
padding-top: 70px
}
@media (min-width:768px) {
.module-product-promotion {
margin: 0 auto;
padding-top: 90px
}
}
@media (min-width:768px) {
.module-product-promotion__copy {
max-width: none;
text-align: center
}
}
.module-product-promotion__inner {
margin: 0 30px
}
.module-product-promotion__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: start;
max-width: 780px
}
@media (min-width:768px) {
.module-product-promotion__content {
margin: 0 auto
}
}
.module-product-promotion__content--bigger {
max-width: 990px
}
.module-product-promotion__content--bigger h3, .module-product-promotion__content--bigger span {
font-size: 36px;
line-height: 46px
}
@media screen and (min-width:1024px) {
.module-product-promotion__content--bigger h3, .module-product-promotion__content--bigger span {
font-size: 60px;
line-height: 68px;
margin-bottom: 15px
}
}
.module-product-promotion__content--bigger p {
font-family: SamsungOne-500, Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 30px
}
@media screen and (min-width:1024px) {
.module-product-promotion__content--bigger p {
font-size: 24px;
line-height: 33px
}
}
.module-product-promotion__terms {
font-size: 10px;
line-height: 14px;
padding-top: 30px
}
@media (min-width:1024px) {
.module-product-promotion__terms {
font-size: 12px;
line-height: 16px
}
}
.module-product-promotion__terms a {
color: #000;
text-decoration: none
}
.module-split-textImage {
max-width: 1440px;
width: 100%;
margin-top: 80px
}
@media (min-width:768px) {
.module-split-textImage {
margin-top: 130px
}
}
.module-split-textImage__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:768px) {
.module-split-textImage__copy p {
max-width: 410px
}
}
.module-split-textImage__image {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 35px
}
@media (min-width:768px) {
.module-split-textImage__image {
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
margin-bottom: 0
}
}
.module-split-textImage__inner {
max-width: 1260px;
padding-left: 30px;
padding-right: 30px;
margin: auto
}
@media (min-width:768px) {
.module-split-textImage--reverse .module-split-textImage__image {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
}
.spdp .gtd img:not(.hide-desktop, .hide-mobile) {
display: inline-block
}
.spdp .bbr1 {
display: none
}
@media (min-width:360px) {
.spdp .bbr1 {
display: inline
}
}
@media (min-width:535px) {
.spdp .bbr3 {
display: none
}
}
@media (min-width:768px) {
.spdp .bbr3 {
display: inline
}
}
.spdp .bbr4 {
display: none
}
@media (min-width:290px) {
.spdp .bbr4 {
display: inline
}
}
@media (min-width:535px) {
.spdp .bbr4 {
display: none
}
}
.spdp .bbr6 {
display: none
}
@media (min-width:360px) {
.spdp .bbr6 {
display: inline
}
}
@media (min-width:535px) {
.spdp .bbr6 {
display: none
}
}
@media (min-width:768px) {
.spdp .bbr6 {
display: inline
}
}
@media (min-width:360px) {
.spdp .bbr7 {
display: none
}
}
@media (min-width:360px) {
.spdp .bbr8 {
display: none
}
}
.spdp .bbr9 {
display: none
}
@media (min-width:360px) {
.spdp .bbr9 {
display: inline
}
}
@media (min-width:535px) {
.spdp .bbr9 {
display: none
}
}
@media (min-width:768px) {
.spdp .bbr9 {
display: inline
}
}
@media (min-width:500px) {
.spdp .bbr11 {
display: none
}
}
@media (min-width:768px) {
.spdp .bbr11 {
display: inline
}
}
.spdp .bbr12 {
display: none
}
@media (min-width:500px) {
.spdp .bbr12 {
display: inline
}
}
@media (min-width:690px) {
.spdp .bbr12 {
display: none
}
}
@media (min-width:500px) {
.spdp .bbr13 {
display: none
}
}
@media (min-width:768px) {
.spdp .bbr13 {
display: inline
}
}
.spdp .bbr2 {
display: none
}
@media (min-width:768px) {
.spdp .bbr2 {
display: inline
}
}
.spdp .bbr5 {
display: none
}
@media (min-width:768px) {
.spdp .bbr5 {
display: inline
}
}
.spdp .bbr10 {
display: none
}
@media (min-width:768px) {
.spdp .bbr10 {
display: inline
}
}
.spdp .bbr99 {
display: none
}
@media (min-width:360px) {
.spdp .bbr99 {
display: inline
}
}
.module-image-split-text--camera {
margin-top: 80px
}
@media screen and (min-width:768px) {
.module-image-split-text--camera {
margin-top: 140px
}
}
.module-image-split-text--performance {
margin-top: 80px
}
@media screen and (min-width:768px) {
.module-image-split-text--performance {
margin-top: 140px
}
}
.module-split-textImage--nightography {
padding-bottom: 80px
}
@media screen and (min-width:768px) {
.module-split-textImage--nightography {
padding-bottom: 140px
}
}
.module-split-textImage--battery {
margin-top: 25px
}
@media screen and (min-width:768px) {
.module-split-textImage--battery {
margin-top: 140px
}
}
@media screen and (min-width:768px) {
.module-split-textImage--oneui .module-split-textImage__content {
background: #fbf8ee;
background: -webkit-gradient(linear, left top, right top, color-stop(1%, #fff), color-stop(1%, #fbf8ee), color-stop(99%, #fbf8ed), color-stop(99%, #fff));
background: linear-gradient(90deg, #fff 1%, #fbf8ee 1%, #fbf8ed 99%, #fff 99%)
}
}
/*# sourceMappingURL=maps/main.css.map */