@charset "utf-8";
/*
@font-face {
	font-family: 'so500c.0';
	src: url('fonts/SamsungOne-500C_v1.0.eot');
	src: local('?'), url('fonts/SamsungOne-500C_v1.0.woff') format('woff'), url('fonts/SamsungOne-500C_v1.0.ttf') format('truetype'), url('fonts/SamsungOne-500C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so400c.0';
	src: url('fonts/SamsungOne-300C_v1.0.eot');
	src: local('?'), url('fonts/SamsungOne-300C_v1.0.woff') format('woff'), url('fonts/SamsungOne-300C_v1.0.ttf') format('truetype'), url('fonts/SamsungOne-300C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so300c.0';
	src: url('fonts/SamsungOne-300C_v1.0.eot');
	src: local('?'), url('fonts/SamsungOne-300C_v1.0.woff') format('woff'), url('fonts/SamsungOne-300C_v1.0.ttf') format('truetype'), url('fonts/SamsungOne-300C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so800c.0';
	src: url('fonts/SamsungOne-800C_v1.0.eot');
	src: local('?'), url('fonts/SamsungOne-800C_v1.0.woff') format('woff'), url('fonts/SamsungOne-800C_v1.0.ttf') format('truetype'), url('fonts/SamsungOne-800C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SamsungSharpSans';
	src: url('fonts/SamsungSharpSans-Medium.eot');
	src: local('?'), url('fonts/SamsungSharpSans-Medium.woff') format('woff'), url('fonts/SamsungSharpSans-Medium.ttf') format('truetype'), url('fonts/SamsungSharpSans-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_SamsungSharpSans-Bold';
	src: url('fonts/SamsungSharpSans-Bold.eot');
	src: local('?'), url('fonts/SamsungSharpSans-Bold.woff') format('woff'), url('fonts/SamsungSharpSans-Bold.ttf') format('truetype'), url('fonts/SamsungSharpSans-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
========
*/
@font-face {
    font-display: swap;
    font-family: 'SamsungOne';
    font-style: normal;
    font-weight: normal;
    src: local('SamsungOne'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungOne-400.woff2') format('woff2'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungOne-400.woff') format('woff'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungOne-400.ttf') format('truetype'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungOne-400.eot?#iefix') format('embedded-opentype')
}

@font-face {
    font-display: swap;
    font-family: 'SamsungOne';
    font-style: normal;
    font-weight: bold;
    src: local('SamsungOne'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungOne-700.woff2') format('woff2'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungOne-700.woff') format('woff'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungOne-700.ttf') format('truetype'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungOne-700.eot?#iefix') format('embedded-opentype')
}

@font-face {
    font-display: swap;
    font-family: 'SamsungSharpSans';
    font-style: normal;
    font-weight: bold;
    src: local('SamsungSharpSans'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungSharpSansBd.woff2') format('woff2'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungSharpSansBd.woff') format('woff'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungSharpSansBd.eot?#iefix') format('embedded-opentype')
}

@font-face {
    font-display: swap;
    font-family: 'SamsungSharpSans';
    font-style: normal;
    font-weight: normal;
    src: local('SamsungSharpSans'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungSharpSansBd.woff2') format('woff2'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungSharpSansBd.woff') format('woff'),url('/content/dam/etisalat/consumer/2023/html-images/samsung/s23ultra/fonts/en/SamsungSharpSansBd.eot?#iefix') format('embedded-opentype')
}




/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; outline: none;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; outline: none; min-height: 1px; /* height: 100%; */ }
[dir='rtl'] .slick-slide { float: right; }
/*.slick-slide img { display: block; }*/
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list { background: #fff url('images/ajax-loader.gif') center center no-repeat; }
/* Icons */
/*@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); }*/
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 10; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 0; }
[dir='rtl'] .slick-prev { right: 0; left: auto; }
.slick-prev:before { content: url('images/arrows-left.png'); }
[dir='rtl'] .slick-prev:before { content: url('images/arrows-right.png'); }
.slick-next { right: 0; }
[dir='rtl'] .slick-next { right: auto; left: 0; }
.slick-next:before { content: url('images/arrows-right.png'); }
[dir='rtl'] .slick-next:before { content: url('images/arrows-left.png'); }
  
/* Dots */
.s-slick-dots { width: 100%; position: relative; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; padding: 0; cursor: pointer; float: none; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 40px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 1; color: #ffffff; }

.gallery-thb-slider .slick-prev, .gallery-thb-slider .slick-next { font-size: 0; line-height: 0; position: absolute; left: 50%; display: block; padding: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0) transform: translate(-50%, 0); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 10; }
.gallery-thb-slider .slick-prev { top: -10px; }
[dir='rtl'] .gallery-thb-slider .slick-prev { bottom: 0; top: auto; }
.gallery-thb-slider .slick-prev:before { content: url('images/svg-preorder-arrow-up.png'); }
[dir='rtl'] .gallery-thb-slider .slick-prev:before { content: url('images/svg-preorder-arrow-down.png'); }
.gallery-thb-slider .slick-next { top: auto; bottom: -10px; }
[dir='rtl'] .gallery-thb-slider .slick-next { bottom: auto; top: 0; }
.gallery-thb-slider .slick-next:before { content: url('images/svg-preorder-arrow-down.png'); }
[dir='rtl'] .gallery-thb-slider .slick-next:before { content: url('images/svg-preorder-arrow-up.png'); }

@media(max-width: 767px) {
	.gallery-thb-slider .slick-prev { top: 45%; bottom: unset; left: -10px; }
	[dir='rtl'] .gallery-thb-slider .slick-prev { top: 45%; bottom: unset; left:auto; right:  -10px; } 
	.gallery-thb-slider .slick-prev:before { content: url('images/svg-preorder-arrow-left.png'); }
	[dir='rtl'] .gallery-thb-slider .slick-prev:before { content: url('images/svg-preorder-arrow-right.png'); }
	.gallery-thb-slider .slick-next { top: 45%; bottom: unset; left: auto; right: -40px; }
	[dir='rtl'] .gallery-thb-slider .slick-next { top: 45%; bottom: unset; right: auto; left: -40px; }
	.gallery-thb-slider .slick-next:before { content: url('images/svg-preorder-arrow-right.png'); }
	[dir='rtl'] .gallery-thb-slider .slick-next:before { content: url('images/svg-preorder-arrow-left.png'); }
}

@charset 'UTF-8';
body{ font-family: 'so400c.0';margin:0; }
.clear { clear: both; }
* { box-sizing: border-box; }
.main-container { width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; }
.main-container * {box-sizing:border-box;}
.work-container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0; }
.grey-bg { background-color: #f4f4f4;}
.black-bg { background-color: #000000; color: #ffffff; }
.left{ float:left; }
.right{ float:right; }
.display_desktop { display: block; }
.display_mobile { display: none; }
.top_pad_130 { padding-top: 130px!important; }
.top_pad_180 { padding-top: 180px!important; }
.top_pad_60 { padding-top: 60px!important; }
.top_pad_30 { padding-top: 30px!important; }
.desktop-only { display: block; }
.mobile-only { display: none; }

.section0 { width: 100%; margin: 0; padding: 0; }
.section1 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section2 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section3 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section4 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section5 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section6 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section7 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section8 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section9 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section10 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section11 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section12 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section13 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section14 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section15 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section16 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section17 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section18 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section19 { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section20 { width: 100%; margin: 0; padding: 0; overflow: hidden; }

.main-banner { width: 100%; margin: 0; padding: 50px 0; overflow: hidden; background: #000000; }
a.page-cta { display: block; font-size: 12px; font-weight: 600; font-family: 'so400c.0'; line-height: 14px; text-transform: uppercase; padding: 10px 18px; border: 2px solid #000000; border-radius: 30px; color: #000000; background-color: transparent; text-decoration:none; text-align: center; }
a.page-cta:hover, .text-section a.page-cta:focus { background-color: #242424; color: #ffffff; border: 2px solid #ffffff; text-decoration: none; }
a.model-cta { display: inline-block; font-size: 16px; font-weight: 600; font-family: 'so400c.0'; line-height: 16px; text-transform: uppercase; padding: 17px 30px; border: 2px solid #000000; border-radius: 30px; color: #000000; background-color: transparent; text-decoration:none; }
a.model-cta:hover, .text-section a.model-cta:focus { background-color: #242424; color: #ffffff; border: 2px solid #ffffff; text-decoration: none; }
a.page-cta2 { display: inline-block; font-size: 14px; font-weight: 600; font-family: 'so400c.0'; line-height: 14px; text-transform: uppercase; padding: 10px 18px; border: 2px solid #000000; border-radius: 30px; color: #000000; background-color: transparent; text-decoration:none; text-align: center; }
a.page-cta2:hover, .text-section a.page-cta2:focus { background-color: #242424; color: #ffffff; border: 2px solid #ffffff; text-decoration: none; }
a.page-cta-white { display: block; font-size: 12px; font-weight: 600; font-family: 'so400c.0'; line-height: 14px; text-transform: uppercase; padding: 10px 18px; border: 2px solid #ffffff; border-radius: 30px; color: #ffffff; background-color: transparent; text-decoration:none; text-align: center; }
a.page-cta-white:hover, a.page-cta-white:focus { background-color: #ffffff; color: #000000; text-decoration: none; }

h2.black { padding: 0 0 50px; margin: 0; color: #000000; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 110px; }
h2.blacktop { padding: 0 0 15px; margin: 0; color: #000000; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 34px; }
h2.white { padding: 0 0 50px; margin: 0; color: #ffffff; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 110px; }
h2.whitetop { padding: 0 0 15px; margin: 0; color: #ffffff; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 34px; }
h3.black { padding: 0 0 15px; margin: 0; color: #000000; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 52px; }
h3.white { padding: 0 0 40px; margin: 0; color: #ffffff; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 52px; }
h2.bigtext { font-size: 320px; margin: 0; }
h2.bigtext2 { font-size: 700px; line-height: 700px; margin: 0; }
h4.black { margin: 0; color: #000000; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 26px; }
h4.white { margin: 0; color: #ffffff; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 26px; padding: 50px 0 20px; }
p.copytextblack { font-family: 'so400c.0'; font-weight: 500; font-size: 24px; color: #000000; margin: 0; padding: 15px 0 0; }
p.copytextblack small { font-size: 14px; color: #9b9b9b; }
p.copytextwhite { font-family: 'so400c.0'; font-weight: 500; font-size: 24px; color: #ffffff; margin: 0; }
p.copytextwhite small { font-size: 13px; color: #9b9b9b; display: inline-block; padding: 20px 0 0; }
	
/* Main KV CSS start */
.desktop { display: block; }
.mobile { display: none; }
.img-wrapper { display: inline-block; width:auto; text-align: center; }
.img-wrapper img { max-width: 100%; max-height: 100%; }
.kv-wrapper { padding: 25px 0 50px; }
.kv-wrapper .logo-wrapper { padding: 0 50px; text-align: left; }
.kv-wrapper .logo-wrapper img { max-width: 120px; max-height: 100%; }
.kv-inner { padding: 0; width: 100%; margin: 0; }
.kv-cnfg-wrapper { width: 45%; float: right; padding: 0 50px; }
.kv-cnfg-inner { padding: 0 0 50px; text-align: left;  }
.kv-cnfg-inner h3 { text-align: left; font-weight: bold; padding: 0 0 20px 0; margin: 0; }
.sec-cpn .kv-cnfg-inner h5 { font-size: 20px; line-height: 28px; }
.kv-copy { padding: 50px 0 10px; }
.cta-wrapper { padding: 20px 0 0; }
p.subtitle { padding: 0; font-family: 'SamsungSharpSans'; font-size: 26px; margin: 0; }
.model-sel-wrapper { width: 100%; padding: 0; margin: 0; display: table; }
.model-sel-wrapper .model-sel { padding: 20px 0; display: none; }
.model-sel-wrapper.active .model-sel { padding: 10px 0 30px; display: block; transition: all .2s ease-in-out; }
ul.curved-btns { margin: 0; padding: 5px 0 15px; list-style: none; }
ul.curved-btns li { margin: 0; padding: 0 2px; display: inline-block; }
ul.curved-btns li a { display: none; text-decoration: none; text-align: center; border: 2px solid #999999; font-family: 'so400c.0'; font-size: 16px; line-height: 16px; font-weight: 700; color: #999999; padding: 6px 20px; border-radius: 20px; }   
ul.curved-btns li a.available { display: block; }
ul.curved-btns li a:hover { transition: all .2s ease-in-out; color: #7f7f7f; border: 2px solid #7f7f7f; }
ul.curved-btns li a.active { color: #000; border: 2px solid #000; }
ul.radio-btns { margin: 0; padding: 5px 0 0; list-style: none; }
ul.radio-btns li { margin: 0; padding: 0; display: none; width: 15%; }
ul.radio-btns li.available { display: inline-block; }
ul.radio-btns li a { display: block; text-decoration: none; text-align: center; border: 1px solid transparent; }
ul.radio-btns li a span.outer { width: 30px; height: 30px; display: block; margin: 0 auto 3px; border-radius:50%; padding: 3px; }

/*Model colors start*/
ul.radio-btns li.active a span.outer { border: 3px solid transparent; }
ul.radio-btns li.icyblue a span.outer  { border-color: #a7afc2; }
ul.radio-btns li.phantomblack a span.outer { border-color:#211e17; }
ul.radio-btns li.cream a span.outer { border-color:#f1eae0; }
ul.radio-btns li a span.outer span.inner { width: 100%; height: 100%; border-radius: 50%; display: block; }
ul.radio-btns li.icyblue a span.inner  { background-color: #a7afc2; }
ul.radio-btns li.phantomblack a span.inner { background-color: #211e17; }
ul.radio-btns li.cream a span.inner { background-color: #f1eae0; }
/*Model colors end*/

ul.radio-btns li small { display: block; text-align: center; font-size: 12px; }
#selVariant .img-wrapper { display: block; padding: 0 20px 5px; }

.model-color { font-family: 'so400c.0'; font-size: 14px; line-height: 14px; font-weight: 400; padding: 20px 0; }
.model-sel-wrapper .model-price-wrapper { display: table-cell; vertical-align: middle; }  
.model-sel-wrapper.active .model-price-wrapper { display: block; vertical-align: middle; }  
.model-price { font-family: 'SamsungSharpSans'; font-size: 24px; line-height: 30px; font-weight: 700; padding-bottom: 5px; }
.kv-cnfg-wrapper .visual-note { padding: 20px 0 0; }
.gallery-wrapper { width: 55%; float: right; padding: 0 10px; }
.gallery-viewer-wrapper { width: 86.5%; float: left; padding: 0; }
.gallery-section .gallery-viewer-wrapper .main-kv { position: relative; }
.gallery-section .gallery-viewer-wrapper .main-kv-caption { position: absolute; left: 15%; bottom: 10%; text-align: right; }
.gallery-section .gallery-viewer-wrapper .main-kv { display:none; }
.gallery-section .gallery-viewer-wrapper .main-kv.active { display:block; }
.gallery-section .gallery-viewer-wrapper .gallery-viewer-inner { display:none; }
.gallery-section .gallery-viewer-wrapper .gallery-viewer-inner.active { display:block; }
.gallery-viewer-item .iframe-wrapper { width: 100%; margin: 0; padding: 0; position: relative; padding-bottom: 56.25%; overflow:hidden; height: 600px; }
.gallery-viewer-item .iframe-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gallery-viewer-item .iframe-wrapper iframe { display: none; }
.gallery-viewer-item .iframe-wrapper iframe.active { display: block; }
.gallery-viewer-item .iframe-wrapper video { display: none; }
.gallery-viewer-item .iframe-wrapper video.active { display: block; }
.gallery-viewer-item .img-wrapper img { display: none; }
.gallery-viewer-item .img-wrapper img.active { display: block; }
.gallery-thb-wrapper { width: 13.5%; float: left; padding: 0 5px; }
.gallery-thb-inner { width: 100%; padding: 20px 0; }
.gallery-thb-item { padding: 5px 0; cursor: pointer; }
.gallery-thb-item .img-wrapper { padding: 3px; border: 1px solid #cccccc; border-radius: 5px; }
.gallery-thb-item.slick-current .img-wrapper { border: 1px solid #999bab; box-shadow: 0px 1px 1px 1px #999bab; }
.gallery-thb-item .img-wrapper img { display: none; width:80px; }
.gallery-thb-item .img-wrapper img.active { display: block; }
.installment { max-width: 100%; margin-left: 0; margin-right: 0; margin-top: 20px }
.installment img { width: 220px; }
.installment p { font-size: 12px; }
.installment p a { color: #000000; text-decoration: underline; font-weight: 600; }
.installment small { font-size: 12px; color: #a1a2a7; }
/* Main KV CSS end */

.img_box {width: 100%;margin: 0;padding: 0;text-align: center;position: relative;z-index: 1;}
.img_box img { max-width: 100%; max-height: 100%; }
.main_title { width: 100%; margin: 0; padding: 50px 0; font-size: 60px; font-weight: 800; font-family: 'SamsungSharpSans'; }
.sub_title { width: 100%; margin: 0; padding: 0 0 40px; font-size: 30px; font-weight: 800; font-family: 'SamsungSharpSans'; }
.copy_desc { width: 100%; margin: 0; padding: 0 0 20px; font-size: 18px; font-weight: 400; }
.desclaimer { width: 100%; margin: 0; padding: 20px 0; font-size: 14px; font-weight: 400; }
.grey_color { color: #575757!important; }
.black_color { color: #000000!important; }
.offwhite_color { color: #999999!important; }
.side_by_side_copy { width: 100%; margin: 0; padding: 0; overflow: hidden; text-align: left; }
.col2 { width: 50%; margin: 0; padding: 0 20px; float: left; }
.col3 { width: 33.33%; margin: 0; padding: 0 20px; float: left; }
.push_right { padding-left: 30px!important; }
.push_top { padding-top: 50px!important; }
.push_bottom { padding-bottom: 50px!important; }
.left_align { text-align: left; }
.border_lines { border-left: 1px solid #666666; border-right: 1px solid #666666; }

.main_video_bg { width: 100%; margin: 0; padding: 0; overflow: hidden; text-align: center; }
.video-main { margin: 0 auto; width: 100%; padding: 0; }
.video-main iframe { height: 550px; margin: 0 auto; width: 100%; }
.colored_fonts { width: 100%; margin: 0; padding: 0; font-family: "SamsungSharpSans"; font-size: 42px; font-weight: 800; color: #00838f; background: -webkit-linear-gradient(#37c8a5, #66aedb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.colored_fonts span { font-size: 72px; }
.colored_fonts2 { width: 100%; margin: 0; padding: 0; font-family: "SamsungSharpSans"; font-size: 42px; font-weight: 800; color: #ffffff; background: -webkit-linear-gradient(#40c0ff, #23bd6e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.colored_fonts2 span { font-size: 72px; }
sup { font-size: 14px!important; }

.display_box { width: 60%; margin: 0 auto; padding: 100px 0; }
.viewing_box { width: 100%; margin: 0 auto; padding: 0 0 100px; }
.icon_box { width: 15%; margin: 0; padding: 0; }
.icon_box img { max-width: 100%; max-height: 100% }
.formfactor_box { width: 100%; margin: 0 auto; padding: 0 0 100px; text-align: center; }
.absolute_box { width: 30%; margin: 0; padding: 0; position: absolute; right: 180px; bottom: 150px; z-index: 50; }
.portable_box { width: 100%; margin: 0 auto; padding: 0; position: relative; }
.basic_color_box { width: 100%; margin: 0 auto; padding: 100px 0; text-align: center; }
.battery_performance_box { width: 60%; margin: 0 auto; padding: 0 0 100px; text-align: center; }
.game_performance_box { width: 60%; margin: 0 auto; padding: 0 0 100px; text-align: center; }
.multi_window_box { width: 100%; margin: 0; padding: 50px 0 100px; text-align: center; }
.task_bar_box { width: 80%; margin: 0 auto; padding: 50px 0 0; }
.spen_box { width: 80%; margin: 0 auto; padding: 0 0 100px; text-align: center; }
.camera_box { width: 80%; margin: 0 auto; padding: 0 0 100px; }
.mvp_box { width: 60%; margin: 0 auto; padding: 0 0 100px; text-align: center; }
.durability_box { width: 100%; margin: 0 auto; padding: 0 0 100px; text-align: center; }
.ecosystem_box { width: 70%; margin: 0 auto; padding: 0 0 100px; text-align: center; }
.accessories_box { width: 100%; margin: 0 auto; padding: 0 0 100px; position: relative; }
.comparison_chart_box { width: 100%; margin: 0; padding: 0 0 100px; text-align: center; }
.disclaimer_box { width: 100%; margin: 0; padding: 50px 20px; }

.formfactor_features { width: 100%; margin: 0; padding: 30px 0 0; list-style: none; overflow: hidden; }
.formfactor_features li { width: 33.33%; float: left; margin: 0; padding: 0 20px; }
.formfactor_feature_img { width: 100%; margin: 0; padding: 0; }
.formfactor_feature_img img { max-width: 100%; max-height: 100%; }
.formfactor_feature_copy { width: 100%; margin: 0; padding: 20px 0 0; font-size: 24px; font-weight: 800; }
span.bigfont { width: 50%; float: left; margin: 0; padding: 0; display: block; }
span.bigfont small { width: 100%; display: block; margin: 0; padding: 5px 0 0; font-size: 14px; font-weight: 400; }

.basic_color_slider { width: 90%; margin: 0 auto; padding: 30px 0 0; list-style: none; overflow: hidden; }
.basic_color_img { width: 100%; margin: 0; padding: 0; }
.basic_color_img img { max-width: 100%; max-height: 100%; }
.basic_color_copy { width: 100%; margin: 0; padding: 20px 0 0; font-size: 24px; font-weight: 800; }

.battery_performance_box .side_by_side_copy { width: 60%; margin: 0 auto; }
.battery_icon { width: 100%; margin: 0; padding: 0; }
.battery_icon img { max-width: 100%; max-height: 100%; }

.game_performance_box .side_by_side_copy { width: 70%; margin: 0 auto; }
.processor_icon { width: 100%; margin: 0; padding: 0; }
.processor_icon img { max-width: 100%; max-height: 100%; }
.snapdragon_icon { width: 100%; margin: 0; padding: 20px 0 0; }
.snapdragon_icon img { max-width: 100%; max-height: 100%; }

.camera_specs { width: 100%; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #e5e5e5; overflow: hidden; }
.camera_specs li { width: 20%; float: left; border-right: 1px solid #e5e5e5; padding: 20px }
.camera_specs li:last-child { border-right: 0 none; }
.camera_value { width: 100%; margin: 0; padding: 0 0 10px; font-size: 22px; font-weight: 800; }
.camera_desc { width: 100%; margin: 0; padding: 0; font-size: 14px; font-weight: 400; min-height: 35px; }

.durable_features { width: 100%; margin: 0; padding: 30px 0 0; list-style: none; overflow: hidden; }
.durable_features li { width: 33.33%; float: left; margin: 0; padding: 0 20px; }
.durable_feature_img { width: 100%; margin: 0; padding: 0; }
.durable_feature_img img { max-width: 100%; max-height: 100%; }
.durable_feature_copy { width: 100%; margin: 0; padding: 20px 0 0; font-size: 24px; font-weight: 800; }

.accessories_box .sub_title { position: absolute; width: 30%; left: 260px; top: 180px; z-index: 50; }

.model_cols { width: 100%; margin: 0; padding: 50px 0; background: #f4f4f4; border-radius: 20px; }
.compare_selection { width: 100%; margin: 0; padding: 0; }
.model_cols ul { margin: 20px 0; padding: 0; list-style: none; overflow: hidden; }
.model_cols ul li { display:block; text-align: center; border-top: 1px solid #c6c6c6; padding: 0;}
.model_cols ul.compare_size { margin: 0; padding: 0; list-style: outside none none; overflow: visible; }
.model_cols ul.compare_size li { display: inline-block; border-top: 0 none; padding: 0 5px; margin: 0; }
.model_cols ul.compare_size li a { display: inline-block; text-decoration: none; font-size: 16px; font-weight: 600; color: #000000; padding: 3px 15px 3px; border: 2px solid #c4c4c4; border-radius: 30px; transition: all .25s ease-in-out; }
.model_cols ul.compare_size li a.active { border: 2px solid #000000; }
.model_cols ul.compare_color { margin: 0; padding: 20px 0; list-style: outside none none; overflow: visible; }
.model_cols ul.compare_color li { display: inline-block; border-top: 0 none; padding: 0 5px; margin: 0; }
.model_cols ul.compare_color li a { height: 20px; width: 20px; display: inline-block; border-radius: 50%; border: 2px solid #c4c4c4; transition: all .25s ease-in-out; cursor: pointer; padding: 0; }
.model_cols ul.compare_color li a.active { border: 2px solid #000000; }
.model_cols ul.compare_color li a.c-icyblue { background-color: #a7afc2; }
.model_cols ul.compare_color li a.c-phantomblack { background-color: #211e17; }
.model_cols ul.compare_color li a.c-cream { background-color: #f1eae0; }

.cmpinfo-wrapper { width: 100%; padding: 0; text-align: center; overflow: hidden; }
.cmpinfo-wrapper h4 { font-family: 'SamsungSharpSans'; font-size: 26px; line-height: 1.2; font-weight: 600; color: #000000; margin: 0; }
.cmpinfo-wrapper h5 { font-family: 'SamsungSharpSans'; font-size: 20px; line-height: 1.2; font-weight: 600; color: #000000; margin: 0 0 10px; text-align: left; }
.cmpinfo-wrapper p { font-size: 16px; line-height: 1.2; margin: 0; padding: 0 0 20px; font-weight: 800; }
.cmpinfo-wrapper p.small { font-size: 12px; line-height: 1.2; }
.cmpinfo-wrapper .cmpinfo-inner { width: 100%; margin: 0 auto; padding: 40px 0; overflow: hidden; }
.cmpinfo-inner .cmpinfo-item { width: 33.33%; float: left; }
.cmpinfo-wrapper .sec-specs { padding: 20px 0 0; }
.cmpinfo-wrapper .sec-models { padding: 10px 10px 20px; }
.cmpinfo-wrapper .sec-specs-inner { padding: 30px 5px 0; border-top: 1px solid #ccc; }
.cmpinfo-wrapper .sec-specs-inner:first-child { padding: 20px 0 0; border-top: 1px solid #ccc; }
.cmpinfo-wrapper .spen-box { height: 70px; }
.cmpinfo-wrapper .comp-hl-text-wrapper { padding: 0 0 20px; }
.cmpinfo-wrapper .comp-hl-text { font-family: 'SamsungSharpSans'; font-size: 32px; line-height: 1.2; font-weight: 600; color: #000000; }
.comp-hl-text-callout img { display: inline-block; vertical-align: top; padding: 5px 2px; }
.comp-hl-text-callout .comp-hl-text { display: inline-block; padding: 0 15px; }
.cmpinfo-wrapper .img-wrapper { padding: 0 20px 20px; }
.cmpinfo-wrapper .cta-wrapper { padding: 30px 0 20px; }
.cmpinfo-wrapper .cta-wrapper a.cta-btn { font-family: 'SamsungSharpSans'; font-size: 14px; line-height: 1; font-weight: 600; color: #000000; border: 1px solid #000000; padding: 10px 30px; border-radius: 20px }
.cmpinfo-wrapper .cta-wrapper a.cta-btn:hover { color: #000000; background-color: #000000; }
.cmpinfo-wrapper ul.curved-btns li { padding: 0; }
.cmpinfo-wrapper .model-price { font-size: 20px; line-height: 1.2; font-weight: 400; padding: 10px 0 0; }
.cmpinfo-wrapper sup { font-size: 60%; line-height: 1; }

.disclaimer_box p { width: 100%; margin: 0; padding: 0 0 5px; font-size: 14px; font-weight: 400; }


@media (min-width: 1025px) and (max-width: 1400px) {
	.kv-cnfg-wrapper { padding: 0 20px; }
	.kv-wrapper .logo-wrapper { padding: 0 20px; }
	
	.main_title { font-size: 52px; }
	
	.accessories_box .sub_title { left: 160px; }
	.comparison_chart_box { padding: 0 15px 100px; }
	.absolute_box { width: 40%; right: 40px; }
}
@media (min-width: 991px) and (max-width: 1024px) {
	.kv-wrapper .logo-wrapper { padding: 0 20px; }
	.kv-cnfg-wrapper { padding: 0 20px; }
	.kv-cnfg-inner { padding: 0; }
	.kv-copy { padding: 30px 0 10px; }
	.model-color { padding: 10px 0; }
	a.model-cta { font-size: 14px; padding: 12px 30px; }
	
	.main_title { font-size: 40px; }
	.copy_desc { font-size: 16px; }
	h3.black { font-size: 40px; }
	
	.display_box { width: 85%; }
	.camera_box { width: 85%; }
	.battery_performance_box { width: 85%; }
	.game_performance_box { width: 85%; }
	.multi_window_box { width: 85%; margin: 0 auto; }
	.spen_box { width: 85%; }
	.mvp_box { width: 85%; }
	.ecosystem_box { width: 85%; }
	
	.absolute_box { width: 40%; right: 160px; bottom: 0; }
	.accessories_box .sub_title { width: 40%; left: 70px; }
	.video_box_con video { height: 470px; }
	
	.comparison_chart_box { padding: 0 15px 50px; }
}	
@media (min-width: 768px) and (max-width: 990px) {
	.kv-wrapper .logo-wrapper { padding: 0 20px; }
	.kv-cnfg-wrapper { padding: 0 20px; }
	.kv-cnfg-inner { padding: 0; }
	.kv-copy { padding: 30px 0 10px; }
	.model-color { padding: 10px 0; }
	a.model-cta { font-size: 14px; padding: 12px 30px; }
	
	.main_title { font-size: 36px; }
	.sub_title { font-size: 26px; }
	.copy_desc { font-size: 16px; }
	h3.black { font-size: 36px; }
	
	.display_box { width: 85%; }
	.camera_box { width: 85%; }
	.battery_performance_box { width: 85%; }
	.game_performance_box { width: 85%; }
	.multi_window_box { width: 85%; margin: 0 auto; }
	.spen_box { width: 98%; }
	.mvp_box { width: 85%; }
	.ecosystem_box { width: 90%; }
	.durability_box { width: 95%; }
	.accessories_box { width: 95%; }
	
	.absolute_box { width: 40%; right: 110px; bottom: 0; }
	.accessories_box .sub_title { width: 45%; left: 20px; top: 130px; }
	.video_box_con video { height: 440px; }
	
	.comparison_chart_box { padding: 0 15px 50px; }
	.cmpinfo-wrapper h4 { font-size: 22px; }
	.cmpinfo-wrapper .comp-hl-text { font-size: 26px; }
	.model_cols ul.compare_size li { padding: 0 2px; }
}
@media(max-width: 767px) {
    .desktop { display: none; }
	.mobile { display: block; }
	.desktop-only { display: none; }
    .mobile-only { display: block; }
	.hide_mobile { display: none; }
	
	/* Main KV CSS start */
    .kv-wrapper { padding: 20px 0 20px; }
	.kv-wrapper .logo-wrapper { padding: 0 20px; text-align: center; }
	.kv-inner { padding: 30px 0 10px; }
	.gallery-wrapper { width: 100%; float: left; padding: 0; }
	.gallery-viewer-wrapper { width: 100%; float: left; } 
	.gallery-thb-wrapper { width: 100%; float: left; padding: 0 20px; }
	.gallery-section .gallery-viewer-wrapper .main-kv-caption { position: absolute; left: 5%; bottom: 5%; }
	.kv-cnfg-wrapper { width: 100%; float: left; padding: 0; padding-right: 0; }
	.kv-cnfg-inner { padding: 20px 10px; text-align: center; } 
	.kv-cnfg-inner h3 { text-align: center; }
	.kv-copy { padding: 10px; text-align: center; }
	.gallery-viewer-item .iframe-wrapper { height: 440px; }
	.gallery-thb-inner { padding: 20px 0 10px; }
	.gallery-thb-item { padding: 5px; } 
	.model-sel-wrapper { min-height: 150px; }
	ul.curved-btns li a { font-size: 14px; line-height: 14px; padding: 5px 12px; border: 2px solid #aaaaaa; } 
	.model-price { padding: 10px 0 0; }
	ul.radio-btns li { width: 20%; }
	.small_copy::before { display: none; }
	/* Main KV CSS end */
	
	.main_title { font-size: 28px; padding: 30px 0; }
	.sub_title { font-size: 28px; padding: 0 0 30px; }
	.sub_title br { display: none; }
	.copy_desc { font-size: 16px; }
	.copy_desc br { display: none; }
	.desclaimer { font-size: 12px; padding: 20px 15px; }
	.col2 { width: 100%; float: none; padding: 0 15px; }
	.col3 { padding: 0 5px; }
	.side_by_side_copy { text-align: center; }
	h3.black { font-size: 28px; }
	
	.display_box { width: 100%; padding: 50px 15px; text-align: center; }
	.viewing_box { padding: 50px 0; text-align: center; }
	.formfactor_box { padding: 50px 15px; text-align: center; }
	.portable_box { padding: 50px 15px; text-align: center; }
	.basic_color_box { padding: 50px 15px; text-align: center; }
	.battery_performance_box { width: 100%; padding: 0 15px 50px; text-align: center; }
	.game_performance_box { padding: 0 15px 80px; text-align: center; width: 100%; }
	.multi_window_box { padding: 50px 15px; }
	.task_bar_box { width: 100%; padding: 30px 0 0; }
	.spen_box { width: 100%; padding: 0 15px 50px; }
	.camera_box { width: 100%; text-align: center; padding: 0 15px 50px; }
	.mvp_box { width: 100%; padding: 0 15px 50px; text-align: center; }
	.durability_box { padding: 0 15px 50px; }
	.ecosystem_box { width: 100%; padding: 0 15px 50px; }
	.accessories_box { padding: 0 15px 50px; text-align: center; }
	.comparison_chart_box { padding: 0 0 50px; }
	
	.icon_box { margin: 0 auto; }
	.formfactor_features li { padding: 0; }
	.portable_box .absolute_box { width: 100%; right: 0; bottom: 0;position: relative; }
	.basic_color_slider { width: 100%; }
	
	.battery_performance_box .side_by_side_copy { width: 100%; }
	.battery_performance_box .side_by_side_copy .col2 { width: 50%; float: left; }
	
	.game_performance_box .side_by_side_copy { width: 100%; }
	.game_performance_box .sub_title { font-size: 20px; }
	
	.colored_fonts span { font-size: 12.5555vw; }
	.colored_fonts2 span { font-size: 12.5555vw; }
	
	.camera_specs li { padding: 10px; }
	.camera_value { font-size: 18px; }
	.camera_desc { font-size: 12px; min-height: 56px; }
	
	.durable_features { padding: 10px 0 0; }
	.durable_features li { padding: 0; }
	
	.accessories_box .sub_title { position: relative; width: 100%; left: 0; top: 0; }
	
	.cmpinfo-wrapper { padding: 0 15px; }
	.cmpinfo-wrapper h4 { font-size: 20px; }
	.cmpinfo-wrapper h5 { font-size: 16px; }
}