html,body {
	height:100%
}
body {
	letter-spacing: -1px;
	margin:0;
	font-family:'Roboto',sans-serif;
	color:#000;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased
}
body.loading,body.loading button,body.loading input,body.loading span {
	cursor:wait
}
.viewport-height {
	min-height:100vh;
	height:auto
}
style {
	display:none
}
.screen-reader-only:not(:focus):not(:active) {
	clip:rect(0 0 0 0);
	clip-path:inset(100%);
	height:1px;
	overflow:hidden;
	position:absolute;
	white-space:nowrap;
	width:1px
}
.focus-visible input:focus,.focus-visible button:focus,.focus-visible textarea:focus,.focus-visible fieldset:focus,.focus-visible legend:focus,.focus-visible label:focus,.focus-visible select:focus,.focus-visible a:focus,.focus-visible div[contenteditable]:focus,.focus-visible div[tabindex]:focus,.focus-visible img[usemap]:focus,.focus-visible area:focus,.focus-visible audio:focus,.focus-visible video:focus,.focus-visible .btn:focus,.focus-visible .btn.focus,.focus-visible .btn:active:focus,.focus-visible .btn.active:focus,.focus-visible .btn.active.focus,.focus-visible .btn:active.focus,.focus-visible #nav-main .nav-panel .nav-body>a:focus .nav-item-title,.focus-visible #nav-main .nav-panel .nav-body>a:focus .nav-item-important-title {
	outline:#2979ff solid 2px;
	outline-offset:2px
}
.focus-visible #nav-main .nav-panel .nav-body>a:focus {
	outline:0
}
.focus-visible .sidebar-header a:focus {
	text-decoration:none
}
.skip-container {
	position:absolute;
	top:-100%;
	left:0;
	width:100%;
	margin:5px;
	z-index:100
}
.skip-container:focus-within {
	top:0
}
.skip-container[focus-within] {
	top:0
}
a.skip-main {
	display:block;
	margin:0 0 0 -999px
}
a.skip-main:focus,a.skip-main:active {
	margin:0 auto;
	color:#fff;
	background-color:#000;
	width:max-content;
	padding:6px 12px;
	border-radius:30px;
	text-align:center;
	font-size:1.2em;
	font-size:12px;
	text-decoration:none;
	font-weight:bold
}
.swiper-wrapper {
	padding:4px;
	margin-left:-8px
}
h1 {
	font-weight:bold;
	font-size:100px;
	letter-spacing:-.5px
}
h2 {
	font-weight:bold;
	font-size:72px;
	letter-spacing:-.5px
}
h3 {
	font-weight:bold;
	font-size:40px;
	letter-spacing:-.5px
}
h4 {
	font-weight:bold;
	font-size:24px;
	letter-spacing:-.5px
}
h5 {
	font-weight:bold;
	font-size:16px;
	letter-spacing:-.5px
}
h6 {
	font-weight:bold;
	font-size:12px;
	letter-spacing:1.5px
}
p {
	margin:0 0 40px;
	font-size:16px;
	line-height:26px
}
p.lg {
	font-size:14px
}
ul,ol {
	margin-bottom:40px
}
a {
	color:#0a64ff
}
a.black-text {
	color:#000
}
a:hover {
	text-decoration:none;
	color:#666
}
img {
	max-width:100%
}
a:focus {
	outline-color:#0d6aff!important
}
#header-container .sidebar-header #logo {
	background-origin:border-box!important
}
.btn {
	font-size:13px;
	font-weight:bold;
	padding:1.7rem 1rem;
	background-color:#000;
	color:#fff;
	border:2px solid transparent;
	border-radius:50px;
	transition:all .1s;
	min-width:180px
}
.btn:hover,.btn:focus,.btn:active {
	background-color:#000;
	border:2px solid transparent;
	color:#fff
}
.btn span {
	cursor:pointer;
	display:inline-block;
	position:relative;
	transition:.5s
}
.btn:not(.no-cursor) span:after {
	font-family:"Font Awesome 5 Pro";
	content:'\f178';
	position:absolute;
	opacity:0;
	top:0;
	right:-20px;
	transition:.5s
}
.btn:not(.no-cursor):hover span {
	padding-right:25px
}
.btn:not(.no-cursor):hover span:after {
	right:0;
	opacity:1
}
.btn.white {
	background-color:#fff;
	color:#000;
	border:1px solid #000
}
.btn-square {
	padding:5px 25px;
	border-width:2px
}
a.thumb-link {
	display:block
}
.secondary-link span {
	cursor:pointer;
	display:inline-block;
	position:relative;
	transition:.5s
}
.secondary-link span:after {
	font-family:"Font Awesome 5 Pro";
	content:'\f178';
	position:absolute;
	opacity:0;
	top:0;
	right:-20px;
	transition:.5s
}
.secondary-link:hover span {
	padding-right:25px;
	white-space:nowrap
}
.secondary-link:hover span:after {
	right:0;
	opacity:1
}
.media-play-container {
	width:auto;
	min-width:140px;
	height:48px;
	background-color:#000;
	color:#FFF;
	border-radius:50px;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	padding:0 10px 0 20px;
	cursor:pointer;
	transition:all .2s
}
.small-media-play-container {
	width:100%!important;
	max-width:150px;
	background-color:#000;
	color:#FFF!important;
	border-radius:50px;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	padding:8px!important;
	cursor:pointer;
	transition:all .2s
}
.media-play-container,.media-play-container.secondary-black {
	border-color:#000
}
.media-link-container {
	width:auto;
	min-width:140px;
	height:48px;
	background-color:transparent;
	color:#FFF;
	border:2px solid #fff;
	border-radius:50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	transition:all .2s
}
.media-link-container a {
	color:#fff;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.btn-container .small-media-play-container {
	border:1px solid transparent
}
.btn-container .small-media-play-container.white {
	border:1px solid #000
}
.media-play-container.white,.small-media-play-container.white,.media-play-container.secondary-white,.small-media-play-container.secondary-white {
	border-color:#FFF;
	background-color:#FFF;
	color:#000
}
.media-link-container:hover {
	background-color:rgba(255,255,255,0.07);
	transition:all .2s
}
.media-play-button {
	position:relative;
	box-sizing:content-box;
	display:inline-block;
	width:32px;
	height:44px;
	border-radius:50%;
	cursor:pointer
}
.small-media-play-button {
	position:relative;
	box-sizing:content-box;
	display:inline-block;
	width:24px;
	height:18px;
	border-radius:50%;
	cursor:pointer
}
.media-play-button:before,.media-play-button:after {
	content:"";
	position:absolute;
	z-index:0;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	display:block;
	width:30px;
	height:30px;
	border:1px solid;
	border-radius:50%
}
.small-media-play-button:before,.small-media-play-button:after {
	content:"";
	position:absolute;
	z-index:0;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	display:block;
	width:20px;
	height:20px;
	border:1px solid;
	border-radius:50%
}
.media-play-container .play-text {
	font-size:12px;
	font-weight:bold;
	margin-right:9px
}
.media-link-container .play-text {
	font-size:12px;
	font-weight:bold
}
.small-media-play-container .play-text {
	font-size:10px;
	font-weight:bold;
	margin:0 auto
}
.media-play-button .play-icon {
	display:block;
	position:relative;
	top:17px;
	left:14px;
	z-index:3;
	width:0;
	height:0;
	border-left:6px solid;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent
}
.small-media-play-button .play-icon {
	display:block;
	position:relative;
	top:6px;
	left:11px;
	z-index:3;
	width:0;
	height:0;
	border-left:4px solid;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent
}
.small-media-play-container .small-media-play-button,.media-play-container .media-play-button {
	transition:transform .3s
}
.small-media-play-container:hover .small-media-play-button,.media-play-container:hover .media-play-button {
	transform:scale(0.8,0.8);
	transition:transform .3s
}
.modal {
	z-index:60500
}
.modal .modal-content {
	border-radius:21px;
	border:0;
	box-shadow:none
}
.modal .modal-header {
	border-bottom:0;
	padding:0;
	min-height:0
}
.modal button.close,.product-specs-header button.close {
	opacity:1;
	position:absolute;
	top:2rem;
	right:2rem;
	z-index:1000;
	width:40px;
	height:40px;
	font-size:16px;
	line-height:37px;
	text-align:center;
	border:2px solid #000;
	border-radius:20px;
	font-weight:700;
	transition:transform .4s
}
.modal button.close:hover,.product-specs-header button.close:hover {
	cursor:pointer;
	transform:rotate(90deg);
	transition:transform .4s
}
.modal .modal-header h4 {
	padding-left:4rem;
	line-height:28px
}
.modal .modal-body {
	padding:6rem;
	clear:both
}
.modal .modal-footer {
	display:none
}
#privacy-popup.modal .modal-footer {
	display:block
}
#privacy-popup.modal .modal-header {
	border-bottom:1px solid #e5e5e5;
	padding:15px 0
}
#privacy-popup.modal .modal-header h4 {
	padding-left:3rem
}
#privacy-popup.modal .modal-body {
	padding:3rem 3rem 0
}
.scroll-lock {
	overflow:hidden
}
.loading-bg {
	position:relative;
	overflow:hidden
}
.loading-bg:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:10000;
}
.search-form .search-input {
	color:#000;
	font-weight:bold
}
.search-form .search-input::-webkit-input-placeholder {
	color:#000;
	opacity:1;
	font-weight:bold
}
.search-form .search-input:-moz-placeholder {
	color:#000;
	opacity:1;
	font-weight:bold
}
.search-form .search-input::-moz-placeholder {
	color:#000;
	opacity:1;
	font-weight:bold
}
.search-form .search-input:-ms-input-placeholder {
	color:#000;
	opacity:1;
	font-weight:bold
}
.search-form .search-input::-ms-input-placeholder {
	color:#000;
	opacity:1;
	font-weight:bold
}
.search-form .search-input::placeholder {
	color:#000;
	opacity:1;
	font-weight:bold
}
.mobile h1 {
	font-weight:bold;
	font-size:34px;
	line-height:36px;
	letter-spacing:-.5px
}
.mobile h2 {
	font-weight:bold;
	font-size:24px;
	line-height:34px;
	letter-spacing:-.5px
}
.mobile h3 {
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	letter-spacing:-.5px
}
.mobile h4 {
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	letter-spacing:-.5px
}
.mobile h5 {
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	line-height:36px;
	letter-spacing:1.5px
}
.mobile h6 {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1.5px
}
.sticky {
	position:sticky;
	position:-webkit-sticky
}
.noDisplay {
	display:none
}
.collapse {
	height:0!important;
	padding:0!important;
	margin:0!important
}
.clear {
	clear:both
}
.noMargin {
	margin:0
}
.box {
	position:relative;
	width:100%;
	overflow:hidden
}

.box>.content {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0
}
.box-1x2:before {
	padding-top:200%
}
.box-2x3:before {
	padding-top:150%
}
.box-1x1:before {
	padding-top:100%
}
.box-4x3:before {
	padding-top:75%
}
.box-3x2:before {
	padding-top:66.66666666%
}
.box-16x9:before {
}
.box-2x1:before {
	padding-top:50%
}
.box-21x9:before {
	padding-top:42.857142857143%
}
.box-pdpvid:before {
	padding-top:63.395012067%
}
input[type=text],input[type=password],input[type=email],select,.form-group select,.form-control,.product-configurator-container .dropdown .btn.dropdown-toggle {
	display:block;
	border-radius:25px;
	border:0;
	background-color:#f8f8f8;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	height:46px;
	padding:10px 20px;
	box-shadow:none
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus {
	border-color:#404040;
	outline:0;
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.43);
	box-shadow:0 0 8px rgba(0,0,0,0.43)
}
input[type=text],input[type=password],input[type=email] {
	cursor:text
}
select,select.form-control {
	cursor:pointer;
	padding-right:50px!important;
	background-repeat:no-repeat;
	background-position:right 24px center
}
.form-control::-webkit-input-placeholder {
	color:#767676
}
.form-control:-moz-placeholder {
	color:#767676
}
.form-control::-moz-placeholder {
	color:#767676
}
.form-control:-ms-input-placeholder {
	color:#767676
}
.form-control::-ms-input-placeholder {
	color:#767676
}
.form-control::placeholder {
	color:#767676
}
label {
	font-size:11px;
	letter-spacing:1.38px;
	line-height:24px;
	text-transform:uppercase;
	margin:0 20px
}
label.error_message {
	font-weight:normal;
	color:red;
	font-size:10px
}
.radio label,.checkbox label {
	font-size:12px;
	text-transform:none;
	letter-spacing:initial;
	margin:0
}
.toggle-switch input {
	position:absolute;
	opacity:0;
	cursor:pointer
}
.switch {
	position:absolute;
	height:13px;
	width:25px;
	background-color:#bbb;
	border-radius:25px
}
.toggle-switch .switch:after {
	top:1px;
	left:1px;
	width:11px;
	height:11px;
	border-radius:50%;
	background:white;
	transition:left .25s;
	content:"";
	position:absolute
}
.toggle-switch {
	padding:0;
	margin:2px 0;
	position:relative;
	width:100%;
	line-height:0
}
.toggle-switch .toggle-checked-text {
	margin-left:40px;
	margin-right:30%;
	margin-bottom:0;
	letter-spacing:initial;
	text-transform:none;
	font-weight:normal;
	color:#111;
	font-size:10px;
	line-height:14px
}
.toggle-switch input:checked ~ .switch {
	background-color:#000
}
.toggle-switch input:checked ~ .switch:after {
	display:block;
	left:13px;
	transition:left .25s
}
.toggle-switch input ~ .toggle-on-text {
	display:none
}
.toggle-switch input:checked ~ .toggle-on-text {
	display:block
}
.toggle-switch input ~ .toggle-off-text {
	display:block
}
.toggle-switch input:checked ~ .toggle-off-text {
	display:none
}
@media(max-width:992px) {
	h1 {
		font-weight:bold;
		font-size:72px;
		line-height:76px;
		letter-spacing:-.5px
	}
}
@media(max-width:768px) {
	h1 {
		font-weight:bold;
		font-size:34px;
		line-height:36px;
		letter-spacing:-.5px
	}
	h2 {
		font-weight:bold;
		font-size:24px;
		line-height:34px;
		letter-spacing:-.5px
	}
	h3 {
		font-weight:bold;
		font-size:16px;
		line-height:20px;
		letter-spacing:-.5px
	}
	h4 {
		font-weight:bold;
		font-size:12px;
		line-height:16px;
		letter-spacing:-.5px
	}
	h5 {
		font-weight:bold;
		font-size:11px;
		text-transform:uppercase;
		line-height:36px;
		letter-spacing:1.5px
	}
	h6 {
		font-weight:bold;
		font-size:11px;
		letter-spacing:1.5px
	}
	p {
		margin:0 0 20px;
		font-size:14px;
		line-height:24px
	}
	p.lg {
		font-size:14px;
		line-height:24px
	}
	ul,ol {
		margin-bottom:20px
	}
}
@media(max-width:768px) {
	#privacy-popup.modal .modal-header h4 {
		font-size:24px
	}
	#privacy-popup .modal-footer .btn+.btn {
		margin:2rem 0
	}
}
@media(max-width:480px) {
	.btn {
		width:100%;
		padding: 1.7rem
	}
}