/*
Theme Name: 90 Seconds Website v8.1
Version: 8.1
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');
body{
    font-family: 'Lato', sans-serif;
    color: #1E1E21;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-variant-ligatures: no-common-ligatures;
	font-variant-ligatures: none;
	font-size: 18px;
    line-height: 28px;
}
body.dark{
	background-color:#070707;
}
.bg-dark{
	background: #030308 !important;
	color: #fff;
}
body a{
	text-decoration: none;
	color: #1E1E21;
}
body a:hover{
	color: #1E1E21;
}
.container{
	padding-left:20px;
	padding-right:20px;
}
.wrapper{
	overflow:hidden;
}
.border-radius{
	overflow:hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

h1,h2,h3,h4{
	font-weight:900;
}
h1{
	font-size: 44px;
	line-height: 58px;
	font-weight:900;
}
h2{
	font-size: 32px;
	line-height: 46px;
	font-weight:900;
}
h2 span{
	color: #1936D0;
}
a{
	transition: all 0.3s ease 0s;
}
.breadcrumbs{
	font-size: 14px;
    line-height: 24px;
	text-align:center;
}
.breadcrumbs a{
	color: #808080;
}
.breadcrumbs img {
    margin: 0 12px;
}
.breadcrumbs h1{
	display:inline-block;
	font-size: 14px;
    line-height: 24px;
	text-align:center;
	font-weight:bold;
}
.border-radius {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.video-wrapper .image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background-size: cover;
	background-position: center;
}
.video-wrapper .image svg,.video-wrapper .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	cursor:pointer;
}
a.btn,button.btn{
	height: 60px;
	line-height:60px;
	background: #1936D0;
	border-radius: 100px;
	border: none;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	padding: 0 28px;
	transition: all 0.3s ease 0s;
	position:relative;
}
a.btn img,button.btn img{
	margin-left:10px;
}
.btn.gradient,.btn.pink-gradient{
	overflow:hidden;
}
.btn.gradient:hover,.btn.pink-gradient:hover{
	color:#fff;
}
.btn.gradient span,.btn.pink-gradient span{
	position:relative;
	display:block;
}
.btn.gradient::before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #FD01C6, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.btn.pink-gradient::before {
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #1936D0, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.btn.gradient:hover::before,.btn.pink-gradient:hover::before{
  --size: 200px;
}
a.btn-white-bordered,button.btn-white-bordered,a.btn.white-bordered{
	height: 52px;
    background: transparent;
    border-radius: 100px;
    border: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 48px;
    color: #ffffff;
    padding: 15px 32px;
    transition: all 0.3s ease 0s;
    border: 2px solid #ffffff;
}
a.btn-white-bordered:hover,button.btn-white-bordered:hover,a.btn.white-bordered:hover{
	background: #ffffff;
	color: #1E1E21;
}
.knowledge a.btn-white-bordered{
	line-height:18px;
}
a.btn-ghost-rounded{
	height: 52px;
	background: transparent;
	border-radius: 100px;
	border: none;
	font-weight: bold;
	font-size: 16px;
	line-height: 48px;
	margin-top: 32px;
	color: #1E1E21;
	padding: 0 32px;
	transition: all 0.3s ease 0s;
	border: 2px solid #1E1E21;
}
a.btn-ghost-rounded:hover{
	background:#1E1E21;
	color:#fff;
}
a.btn-ghost-rounded:focus{
	box-shadow:none;
}
a.btn.rounded,button.btn.rounded{
	border-radius: 100px !important;
}
a.button.more{
	background-color:#9E9E9E;
	border-radius: 22px;
	padding:13px 46px 13px 29px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	display:inline-block;
	margin-top:24px;
	position:relative;
}
a.button.more svg,a.btn svg{
	position:absolute;
	right: 18px;
	top: 50%;
	margin-top: -5px;
}
a.button.more:hover{
	background-color: #BABABA;
}
a.btn.black,button.btn.black{
	background: #1E1E21;
	border-radius: 100px;
}
a.btn.black:hover,button.btn.black:hover{
	background: rgba(32,32,32,0.75);
	color:#fff;
}
a.btn.black:focus,button.btn.black:focus{
	box-shadow:none
}
.no-break {
    white-space: nowrap;
}
div.arrow{
	position:relative;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	cursor:inherit;
}
.center-con{
	transform: none;
	position: absolute;
	top: -1px;
	right: 0px;
}
.center-con .next {
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1587087836/marketing/-facebook-campaign/arrow.svg);
}
.center-con .arrow {
	position: absolute; 
	top:15px;
	margin-left:0px; 
	width: 10px; 
	height: 7px;
	background-size: contain; 
}
@keyframes bounceAlpha {
	0% {opacity: 0; transform: translateY(-5px) scale(0.9);}
	51%{opacity: 1; transform:translateY(0) scale(1);}
	100% {opacity: 0; transform: translateY(5px) scale(0.9);}
}
.bounceAlpha {
	animation-name: bounceAlpha;
	animation-duration:2.0s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
.arrow.primera.bounceAlpha {
	animation-name: bounceAlpha;
	animation-duration:2.0s;
	animation-delay:1s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
@media only screen and (min-width: 576px){
	.container{
		max-width:none;
	}
}
@media only screen and (min-width: 768px){
	.container{
		width:auto;
		max-width:none;
	}
	.breadcrumbs,.breadcrumbs h1{
		text-align: left;
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 992px){
	h2{
		font-size: 44px;
		line-height: 58px;
	}
	p{
		font-size: 20px;
		line-height: 28px;		
	}
	p.subtext{
		font-size: 18px;
		line-height: 28px;		
	}
}
@media only screen and (min-width: 1200px){

}
@media only screen and (min-width: 1281px){
	.container {
		padding-left: 100px;
		padding-right: 100px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (min-width: 1800px){
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width:1600px !important;
	}
}


/************************* Header **************************/
#navbar{
	transition: 0.4s;
}
.header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
}
.header.hide{
	transform: translateY(-64px);
}
.header button.navbar-toggler{
	position: absolute;
	top:12px;
	right: 0;
	background-position:center;
	background-repeat:no-repeat;
	z-index:1000;
}
.header .navbar-toggler:focus{
	box-shadow:none;
}
.header button.navbar-toggler[aria-expanded="false"]{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632728049/-homepage-icons/nav-button-white.svg);
}
.header button.navbar-toggler[aria-expanded="true"]{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632728095/-homepage-icons/close-white.svg);
}
.header.white button.navbar-toggler[aria-expanded="false"]{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632293075/-homepage-icons/nav-button.svg);
}
.header.white button.navbar-toggler[aria-expanded="true"]{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632293519/-homepage-icons/close.svg);
}
.header .navbar{
	padding:0;
	height:64px;
}
.header.white .navbar{
	background: #FFFFFF;
}
.header .navbar-brand{
	display:block;
	width:147px;
	height:32px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1683183539/-design-system/-logo-2023/standalone/white.svg);
	background-size:contain;
	background-repeat:no-repeat;
	position:relative;
	transition:none;
}
.header.scroll .navbar-brand{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1683183534/-design-system/-logo-2023/iconmark/white.svg);
	width:42px;
	height:32px;
	background-size:cover;
}
.header.white .navbar-brand{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1683183539/-design-system/-logo-2023/standalone/black.svg);
	width:147px;
	height:32px;
	background-size:cover;
}
.header.white.scroll .navbar-brand{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1683183534/-design-system/-logo-2023/iconmark/default.svg);
	width:42px;
	height:32px;
	background-size:cover;
}
.header-title{
	box-shadow: 0px 42px 48px rgba(0, 0, 0, 0.1);
	margin-top:64px;
	margin-bottom:20px;
	padding:30px 0 36px;
	text-align:center;
}
.header-title h1{
	font-weight: 900;
    font-size: 32px;
    line-height: 46px;
}
.header-title h1 span {
    color: #808080;
}
.header-title h1 span.no-break{
	color:inherit;
}
.header-title p {
    max-width: 810px;
    font-size: 24px;
	line-height: 34px;
	margin:16px 0 0;
}
.header #user-actions {
	cursor:pointer;
	border-radius:50%;
	border: 1px solid rgba(191, 191, 191, 0.15);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.header #language button{
	display:block;
	width:16px;
	height:16px;
	border:none;
	background-color:transparent;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1641526371/-design-system/icon-geo.svg);
	background-size:cover;
}
.header.white #language button{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1609821981/-design-system/icon-card-language.svg);
}
.header #language a{
	display:block;
	width:16px;
	height:16px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1641526371/-design-system/icon-geo.svg);
}
.header.white #language a{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1609821981/-design-system/icon-card-language.svg);
}
#popup-language .modal-header{
	background: #FFFFFF;
	padding:32px 20px 28px;
	border-bottom:none;
}
#popup-language .modal-header a.close_button{
	position:absolute;
	top:12px;
	right:12px;
}
#popup-language .modal-header .title{
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: #1E1E21;
}
#popup-language .modal-header .title svg{
	margin-right:12px;
}
#popup-language .modal-body{
	background: #FFFFFF;
	padding:0 20px 48px;
	position:relative;
	top:-1px;
}
#popup-language .modal-body ul{
	margin:0 -10px;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
#popup-language .modal-body ul li{
	flex:0 0 50%;
	padding:0 10px 20px;
}
#popup-language .modal-body ul li a{
	display:flex;
	justify-content:center;
	align-items:center;
	border: 1.5px solid #F1F1F1;
	border-radius: 12px;
	height:60px;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
#popup-language .modal-body ul li a:hover{
	border: 2px solid #1E1E21;
}
@media only screen and (max-width: 991px){
	.header #user-menu-logged-in{
		justify-content: center;
	}
	.header #user-actions{
		margin-top:48px;
		display:inline-flex !important;
		background: #FFFFFF;
		color:#1E1E21;
	}
	.header #language{
		position:absolute;
		top:-40px;
		right:50px;
	}
	.header #language a{
		width:24px;
		height:24px;
		background-size:cover;
	}
}
.header #user-actions picture.no_avatar{
	background:#1936D0;
	color:#fff !important;
	width:32px;
	height:32px;
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
}
.header #user-menu-logged-in{
	display:none;
	transition: all 0.3s ease 0s;
}
.header #user-menu-logged-in:hover{
	opacity:0.5;
}
.header #user-menu-logged-out{
	align-items:center;
	justify-content:center;
	margin:48px 0 30px;
	display:none;
}
.header #user-menu-logged-out a,.header #user-menu-logged-out button{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	opacity:1;
	transition: all 0.3s ease 0s;
	display:inline-block;
}
.header #user-menu-logged-out a:hover,.header #user-menu-logged-out button:hover{
	opacity: 0.7;
}
.header #user-menu-logged-out a.sign-up,.header #user-menu-logged-out button{
	background: #1936D0;
	color:#fff;
	border-radius: 100px;
	padding:11px 16px;
	margin-left:16px;
	height:auto;
}
.header #user-menu-logged-out a.sign-up:hover,.header #user-menu-logged-out button:hover{
	opacity: 1;
}
.header img#user-menu-avatar{
	width:48px;
	height:48px;
	border-radius:50%;
}
.dropdown-menu.mega .dropdown-wrapper  > div{
	padding:20px;
}
.user-dropdown-menu-item.logout {
	border-top: 1px solid rgba(32, 32, 32, 0.3);
}
.dropdown-menu .dropdown-wrapper ul{
	list-style:none;
	padding:0;
}
.dropdown-menu .dropdown-wrapper ul li{
	margin-bottom:20px;
}
.dropdown-menu .dropdown-wrapper ul li:last-child{
	margin-bottom:0;
}
.dropdown-menu .dropdown-wrapper ul li a{
	font-size: 20px;
    line-height: 28px;
	display:block;
}
.user-dropdown-menu-item.logout a {
	color: white;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	align-items: center;
	line-height:18px;
	padding-top: 16px;
	padding-bottom: 19px;
}
.user-dropdown-menu-item.logout a .icon {
	margin-right: 8px;
}
.user-menu-item-name {
	color: white;
	font-weight: 700;
	font-size: 14px;
	max-width: 145px;
}
nav #menu-main-menu li.menu-item-has-children{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1631259648/-homepage-icons/arrow-down.svg);
	background-repeat:no-repeat;
	background-position:center right;
}
nav #menu-main-menu li.menu-item-has-children:hover,nav #menu-main-menu li.menu-item-has-children.open{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1631259999/-homepage-icons/arrow-up.svg);
}
.header ul.sub-menu{
	display:none;
}
.navbar-light .navbar-nav .nav-link{
	color:#1E1E21;
	font-size:16px;
	padding:0 15px;
	display:block;
	height:64px;
	line-height:64px;
}
.dropdown-menu{
	border:none;
	background:transparent;
}
.dropdown-menu .dropdown-item{
	font-size: 14px;
	line-height: 32px;
}
.dropdown-item:focus{
	background:none;
	font-weight:900;
}
.dropdown-item:hover{
	background:none;
	color:#808080;
}
.navbar-collapse{
	position:absolute;
	top:64px;
	left:0;
	right:0;
	background: #FFFFFF;
	padding:0 20px;
	height:100vh;
}
.navbar-collapse a{
	color:#1E1E21;
}
.header .mobile-cta{
	font-weight: 300;
	font-size: 24px;
	line-height: 34px;
	color:#1E1E21;
}
.header .mobile-cta b{
	font-weight:900;
}
.header .mobile-cta button.btn{
	color:#fff;
	border-radius:100px !important;
	margin-top:12px;
}
.header button.arrow-back{
	position:absolute;
	left:-32px;
	top:0;
	padding:14px 20px;
	border:none;
	background:transparent;
	transition: all 0.3s ease 0s;
}
.dropdown-menu.mega#platform span{
	display:none;
}
.dropdown-menu.mega#platform a{
	display:flex;
}
.dropdown-menu.mega#platform a > div{
	margin-top:-7px;
	padding-left:12px;
}
.dropdown-menu.mega#platform .legal a > div{
	margin-top:-5px;
	padding-left:8px;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
}
.dropdown-menu.mega#platform img{
	max-width:15px;
	max-height:15px;
}
.dropdown-menu.mega#platform b{
	font-size: 20px;
	line-height: 28px;
	margin-bottom:0;
	font-weight:normal;
}
.dropdown-menu.mega#platform .legal{
	border-top: 1px solid #F1F1F1;
	padding-top:33px;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
}
.dropdown-menu.mega#platform .legal a{
	margin-bottom:18px;
}
@media (max-width: 767px){
	#popup-language .modal-dialog {
		max-width:100%;
		align-items: flex-end;
		margin-left:0;
		margin-right:0;
	}
}
@media (max-width: 991px){
	.navbar .container{
		width:100%;
	}
	.navbar-nav .nav-link{
		font-weight: 900;
		font-size: 24px;
		line-height: 34px;
	}
	.dropdown-toggle::after{
		display:block;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632296457/-homepage-icons/arrow-right.svg);
		border:none;
		width:11px;
		height:16px;
		background-size:cover;
		position:absolute;
		top:18px;
		right:0;
	}
	.navbar-nav .dropdown-menu{
		display:block;
	}
	.navbar-nav .dropdown-menu.mega{
		position:absolute;
		padding:0;
		top:0;
		left:100%;
		border-radius:0;
		background:#fff;
		height:100vh;
		width:110%;
		transition: all 0.2s ease 0s;
	}
	.navbar-nav .dropdown-menu.about,.navbar-nav .dropdown-menu.mega#for-brands,.navbar-nav .dropdown-menu.mega#platform{
		position:fixed;
		padding:0;
		top:64px;
		left:100%;
		right:0;
		border-radius:0;
		background:#fff;
		height:100vh;
		 width:100%;
		transition: all 0.2s ease 0s;
	}
	.dropdown-menu.mega .dropdown-wrapper > div,.dropdown-menu.about > div{
		padding:7px 20px 60px;
		overflow-y: scroll;
		height: 100vh;
	}
	.dropdown-menu.mega .dropdown-wrapper .last{
		padding-bottom:120px;
	}
	.dropdown-menu.mega .dropdown-wrapper .last:after{
		content:"";
		display:block;
		height:120px;
		width: 100%;
	}
	.dropdown-menu .dropdown-item{
		padding:0;
		font-size: 20px;
		line-height: 28px;
		margin-bottom:16px;
	}
	.dropdown-menu .dropdown-item.more{
		font-size: 16px;
		line-height: 22px;
		color: #1936D0;
		margin-bottom:32px;
	}
	.dropdown-menu.mega b{
		font-weight: 900;
		font-size: 24px;
		line-height: 34px;
		display:block;
		margin-bottom:12px;
	}
	.header #mobile-language{
		position:absolute;
		top:20px;
		right:60px;
		z-index:500;
		width:24px;
		height:24px;
	}
	.header #mobile-language div{
		width:24px;
		height:24px;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/c_scale,h_24,w_24/v1641526371/-design-system/icon-geo.svg);
		background-size: contain;
		cursor:pointer;
	}
	.header.white #mobile-language div{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/c_scale,h_24,w_24/v1609821981/-design-system/icon-card-language.svg);
	}
}
@media (min-width: 768px){
	.header-title{
		padding-top:48px;
		text-align:left;
	}
	.header-title h1{
		font-size: 64px;
		line-height: 78px;
		max-width:800px;
	}
	#popup-language .modal-body{
		padding-bottom:18px;
	}
	.page-template-channels .header,.page-template-industries .header{
		position:relative;
	}
	.page-template-products .header{
		position:absolute;
	}
}
@media (min-width: 992px){
	header.header{
		height:76px;
	}
	.header.hide{
		transform: translateY(-76px);
	}
	.header > .container{
		position:relative;
	}
	.header img#user-menu-avatar{
		width:32px;
		height:32px;
	}
	.header .navbar-brand{
		position:absolute;
		z-index:200;
		left:20px;
	}
	.header .navbar{
		height:76px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		color:#fff;
		padding:0;
		opacity:1;
		transition: all 0.3s ease 0s;
		font-weight: 700;
		font-size: 13px;
		line-height: 18px;
		display:flex;
		align-items:center;
		position:relative;
		z-index:20;
	}
	.navbar-expand-lg .navbar-nav .nav-link:hover,.dropdown-menu.mega ul li a:hover{
		opacity:0.5;
	}
	.navbar-expand-lg .navbar-nav{
		gap:20px;
	}
	.navbar-expand-lg .navbar-nav li.dropdown{
		padding:0px;
		position:relative;
		z-index:20;
	}
	.header.white .navbar-nav > li > a,.header.white .navbar-nav > li > div > a{
		color:#1E1E21;
	}
	.navbar-collapse{
		background:transparent;
	}
	.dropdown-menu.mega .dropdown-wrapper  > div{
		padding:0;
	}
	.header .dropdown-toggle::after{
		width:11px;
		height:7px;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1631677747/-homepage-icons/arrow-down-white.svg);
		border:none;
		background-repeat:no-repeat;
		background-size:cover;
		display:inline-block;
		margin-left:6px;
		transition: all 0.2s ease 0s;
	}
	.header.white .dropdown-toggle::after{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1631259648/-homepage-icons/arrow-down.svg);
	}
	.header ul.sub-menu{
		position:absolute;
		list-style:none;
		background: #FFFFFF;
		box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
		border-radius: 8px;
		padding:16px;
		width:175px;
		margin-top:-2px;
	}
	.header ul.sub-menu li:hover{
		font-weight:bold;
	}
	nav #menu-main-menu{
		list-style:none;
		margin:0;
		padding:0;
		display:flex;
	}
	nav #menu-main-menu a{
		font-size: 16px;
		line-height: 26px;
		padding:0 15px;
		display:block;
		line-height:64px;
	}
	nav ul.navbar-nav > li.current-menu-item{
		z-index:10 !important;
		position:relative;
	}
	header.header nav ul.navbar-nav > li.current-menu-item:before{
		content:"";
		display:block;
		position:absolute;
		left:-16px;
		right:-16px;
		top:-10px;
		height:40px;
		border-radius: 250px;
		z-index:10;
	}
	header.header.white nav ul.navbar-nav > li.current-menu-item:before{
		background:#F1F1F1;
	}
	header.header nav ul.navbar-nav > li.inspiration.current-menu-item:before{
		background:rgba(255,255,255,0.2);
		right:-16px;
	}
	nav #menu-main-menu a:hover{
		color: #1E1E21;
	}
	nav #menu-main-menu ul.sub-menu a{
		padding:0;
		font-size: 14px;
		line-height: 32px;
	}
	nav.navbar .container{
		justify-content: space-between!important;
		width:100%;
	}
	.navbar-expand-lg .navbar-collapse{
		justify-content:center;
		position:relative;
		top:auto;
		height:auto;
		margin-left:-100px;
	}
	.navbar-light .navbar-nav .nav-item.dropdown .nav-link{
		padding-right:30px;
	}
	.header #user-menu-logged-out{
		margin:0;
	}
	.header #user-menu-logged-out a{
		color:#fff;
	}
	.header.white #user-menu-logged-out a{
		color:#1E1E21;
	}
	.header.white #user-menu-logged-out a.sign-up{
		background: #1936D0;
		color:#fff;
		display:inline-block;
	}
	.header .navbar .nav-item.dropdown.active .dropdown-toggle:after,.header .navbar .nav-item.dropdown.current-menu-item .dropdown-toggle:after{
		transform: rotate(180deg);
	}
	.header #user-menu-logged-out a,.header #user-menu-logged-out button{
		font-size: 13px;
	}
	.dropdown-menu.mega{
		display:block;
		visibility: hidden;
		opacity: 0;
		position:fixed !important;
		top:76px;
		left:0;
		right:0;
		border-radius:0;
		padding:0;
		z-index:100;
		border-top: 1px solid rgba(255, 255, 255, 0.25);
	}
	.header.white .dropdown-menu.mega{
		background:#fff;
		border-top: 1px solid #F1F1F1;
	}
	.dropdown-menu.mega ul{
		display:flex;
		justify-content:center;
		list-style:none;
		position:relative;
		z-index:20;
	}
	.dropdown-menu.mega ul li{
		margin:0 12px;
	}
	.dropdown-menu.mega ul li a{
		display:block;
		padding:22px 0;
		font-size: 13px;
		font-weight: 700;
		line-height: 26px;
		color:#fff;
	}
	.header.white .dropdown-menu.mega ul{
		background:#fff;
	}
	.header.white .dropdown-menu.mega ul li a{
		color:#1E1E21;	
	}
	.dropdown-menu.mega ul li.current-menu-item a{
		font-weight:900;
		position:relative;
	}
	.dropdown-menu.mega ul li.current-menu-item a:after{
		content:"";
		display:block;
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		background:#1E1E21;
		height:2px;
	}
	.header .navbar .nav-item .dropdown-menu.active{
		visibility: visible;
		opacity: 1;
	}
	header.header:has(.nav-item.dropdown:hover) {
		height:147px;
	}
	.header #user-menu{
		position:absolute;
		right:0;
		display:flex;
		align-items:center;
		z-index:20;
	}
	.header #language{
		margin-right:15px;
	}
	#popup-language .modal-dialog{
		max-width:716px;
	}
	#popup-language .modal-header{
		padding-left:38px;
		padding-right:38px;
	}
	#popup-language .modal-body{
		padding-left:38px;
		padding-right:38px;
		padding-bottom:18px;
	}
	#popup-language .modal-body ul li{
		flex:0 0 25%;
	}
}
@media (min-width: 1100px){
	.navbar-expand-lg .navbar-nav{
		gap:24px;
	}
	.navbar-expand-lg .navbar-collapse{
		margin-left:0;
	}
}
@media (min-width: 1200px){
	.header #user-menu-logged-out a,.header #user-menu-logged-out button{
		font-size: 14px;
	}
	.navbar-expand-lg .navbar-nav{
		gap:36px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		font-size: 15px;
	}
	.dropdown-menu.mega ul li a{
		font-size: 15px;
	}
}
@media (min-width: 1281px){
	.header nav.navbar .container{
		padding-left:20px;
		padding-right:20px;
	}
}
@media (min-width: 1400px){
	.header nav.navbar .container{
		padding-left:100px;
		padding-right:100px;
	}
	.header .navbar-brand{
		left:100px;
	}
}
@media only screen and (min-width: 1800px){
	.header .navbar-brand{
		left:calc((100% - 1600px)/2);
	}
}
/************************* Header **************************/


/************************* Footer **************************/
.footer-cta{
	position:fixed;
	bottom:16px;
	left:50%;
	cursor:pointer;
	z-index:500;
	transform: translateX(-50%);
	background: #1936D0;
	padding:0;
	border-radius:50%;
	border:0;
}
.footer-cta a{
	padding:0;
	height:60px;
	width:60px;
	white-space: nowrap;
	transition: all .3s ease 0s;
	display:flex;
	align-items:center;
}
.footer-cta:hover{
	border-radius: 100px;
}
.footer-cta:hover a{
	width:auto;
	padding-right:16px;
}
.footer-cta a span{
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	display:none;
	transition: all 0.3s ease 0s;
	padding-left:60px;
	color:#fff;
}
.footer-cta:hover a span{
	display:block;
}
.footer-cta .bodymovinanim{
	position:absolute;
	bottom: 0;
	left: -12px;
	width: 188px;
	height:52px;
	z-index:2;
}
.footer{
	background: #030308;
	color:#fff;
}
.footer .footer-banner{
	font-weight: 300;
	font-size: 16px;
	line-height: 30px;
	border-bottom: 1px solid #1E1E21;
	padding:25px 0;
}
.footer .footer-banner b{
	font-weight:900;
}
.footer .integration{
	background:#35353A;
	padding:16px 0 4px;
	color:#fff;
	font-size: 14px;
	line-height: 24px;
}
.footer .integration a{
	color:#fff;
}
.footer .integration .partners a{
	margin-bottom:12px;
}
.footer .information.desktop{
	display:none;
}
.footer .information{
	text-align:center;
	padding:40px 0 24px;
	border-top: 1px solid #1E1E21;
}
.footer .information .logo{
	margin-bottom:30px;
}
.footer .information .mobile{
	border-top: 1px solid #1E1E21;
	margin:40px -20px 0;
	padding:16px 20px 0;
}
.footer .information .mobile .copyright{
	font-size: 12px;
	line-height: 22px;
}
.footer .information .logo svg,.footer .information .logo img{
	width:auto;
	height:32px;
}
.footer .information .apps a{
	display:inline-block;
	margin:0 4px;
}
.footer .information .apps img{
	border: 1px solid #1E1E21;
	border-radius:6px;
}
.footer .information p{
	font-size:14px;
	font-weight:700;
	margin-bottom:20px;
	white-space: nowrap;
}
.footer .footer-links{
	margin:0 auto;
	padding-top:24px;
	padding-bottom:8px;
}
.footer .footer-links .item{
	margin-bottom:16px;
}
.footer .footer-links .item b{
	font-weight: 900;
	font-size: 16px;
	line-height: 30px;
	display:block;
	margin-bottom:8px;
	position:relative;
}
.footer .footer-links .item b:after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1658377516/-design-system/icon-open.svg);
	position:absolute;
	right:0;
	top:50%;
	margin-top:-8px;
}
.footer .footer-links .item b.active:after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1658385247/-design-system/icon-minimise-wh.svg);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-8px;
}
.footer .footer-links ul{
	display:none;
}
.footer .footer-links li{
	margin-bottom:8px;
}
.footer .footer-links a{
	font-weight: 400;
	font-size:14px;
	color:#fff;
	opacity:1;
}
.footer .footer-links  a:hover{
	opacity:0.7;
}
.footer .footer-bottom{
	text-align: center;
	color:#fff;
	font-size:14px;
}
.footer .footer-bottom span.copyright{
	padding-top:16px;
}
.footer .footer-bottom .credit-card{
	padding-top:16px;
}
.footer .footer-bottom span.social{
	margin:24px 0 0;
	padding-bottom:24px;
	display: flex;
	align-items: flex-end;
	justify-content:center;
}
.footer .footer-bottom span.social a{
	margin:0 12px;
	display:flex;
}
.footer .footer-bottom span.address{
	padding-bottom:16px;
	max-width:235px;
	margin:0 auto;
}
.footer .information .credit-card .language{
	cursor:pointer;
}
.footer .country-selector.weglot-dropdown{
	position:relative;
}
.footer .country-selector.weglot-dropdown:before{
	content:"";
	background:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1641526371/-design-system/icon-geo.svg);
	display:block;
	width:16px;
	height:16px;
	background-size:cover;
	position:absolute;
	top:8px;
	left:-22px;
}
.footer .country-selector.weglot-dropdown,.footer .country-selector.weglot-dropdown ul{
	background:transparent;
	border:none;
}
.footer .country-selector.weglot-dropdown .wgcurrent{
	border:none;
	padding-right:16px;
}
.footer .country-selector.weglot-dropdown .wgcurrent:after{
	background:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1641530574/-homepage-icons/-homepage/white-arrow-down.svg);
	width:11px;
	height:7px;
	background-size:cover;
	position:absolute;
	top:13px;
	right:-1px;
}
.country-selector.weglot-dropdown.weglot-invert ul{
	left:-92px;
	bottom:30px;
	background: #FFFFFF;
	border-radius: 8px;
	width:154px;
}
.footer .country-selector.weglot-dropdown ul li{
	margin-bottom:0;
}
.country-selector.weglot-dropdown a{
	font-size: 14px;
	line-height: 18px;
	height:auto;
	padding:12px 0 12px 17px;
	border-bottom: 1px solid #F1F1F1;
}
.country-selector.weglot-dropdown ul li:last-child a{
	border-bottom:none;
}
.country-selector.weglot-dropdown span{
	font-size: 14px;
	line-height: 24px;
	padding:0;
	height:24px;
	width:auto;
	display:inline-block;
	position:relative;
	font-weight:400;
	color:#fff;
}
.country-selector.weglot-dropdown .wgcurrent a, .country-selector.weglot-dropdown .wgcurrent span{
	padding-right:0;
	font-weight:400;
}
.country-selector.weglot-dropdown input:checked ~ ul{
	display:none !important;
}
.country-selector.weglot-dropdown.weglot-invert input:checked ~ .wgcurrent:after{
	transform:rotate(-90deg) !important;
}
#hubspot-messages-iframe-container{
	z-index:2000 !important;
}
#intercom.intercom{
	background:#1936D0;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1642561418/-design-system/icon-talk-with-90.svg);
	background-repeat:no-repeat;
	background-position:center;
	width:60px;
	height:60px;
	position:fixed;
	bottom:16px;
	right:16px;
	z-index:3000;
	border-radius:50%;
	cursor:pointer;
	-webkit-transition: all .15s ease 0s;
	transition: all .15s ease 0s;
	display:none;
}
#intercom.intercom:hover{
	transform: scale(1.1);
}
#intercom.intercom.open{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1631677747/-homepage-icons/arrow-down-white.svg);	
}
@media only screen and (max-width: 767px){
	#hubspot-messages-iframe-container{
		visibility:hidden;
	}
}
@media only screen and (min-width: 768px){
	.footer-cta{
		bottom:85px;
		right:16px;
		left:auto;
		margin-left:0;
		transform:none;
		overflow:hidden;
/* 		box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.25); */
	}
	.footer .footer-banner{
		font-size: 18px;
		line-height: 30px;
	}
	.footer .footer-links .item{
		margin-bottom:0;
	}
	.footer .footer-links .item b{
		margin-bottom:0;
	}
	.footer .footer-links .item b:after{
		content:none;
	}
	.footer .footer-links ul{
		display:flex;
		flex-wrap:wrap;
	}
	.footer .footer-links ul li{
		flex:0 0 33.333333333%;
		margin-bottom:0;
	}
	.footer .integration{
		padding: 39px 0;
	}
	.footer .integration .partners a{
		margin-bottom:0;
		padding:0 18px;
	}
	.footer .integration .partners a img{
		margin-right:12px;
	}
	.footer .information{
		padding:40px 0;
		position:relative;
	}
	.footer .information .mobile{
		margin:0;
		padding:0;
		border-top:none;
		position:relative;
		z-index:400;
	}
	.footer .information.desktop{
		display:block;
		padding:0;
		position:relative;
	}
	.footer .information .apps{
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	.footer .information.desktop .wrapper{
		max-width: 1680px;
		width: 100%;
		padding:38px;
		margin:0 auto;
		overflow:visible;
	}
	.footer .information .logo{
		margin-bottom:0;
	}
	.footer .information.desktop .apps,.footer .information.desktop .credit-card{
		display: flex;
		place-items: center;
	}
	.footer .footer-bottom{
		border-top:solid 1px #1E1E21;
		padding:16px 0;
	}
	.footer .footer-bottom span.copyright{
		padding-top:0;
	}
	.footer .footer-bottom span.social{
		margin:0;
		padding-bottom:0;
	}
	.footer .footer-bottom span.address {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		max-width:none;
		font-size: 12px;
		line-height: 22px;
		padding-bottom:0;
	}
	.footer .information .credit-card img{
		margin-right:44px;
	}
}
@media only screen and (min-width: 992px){
	.footer .integration{
		font-size: 16px;
		line-height: 26px;
	}
	.footer .footer-links .container{
		display:flex;
		justify-content:space-between;
	}
	.footer .footer-links ul{
		display:block;
	}
	.footer .information.desktop .wrapper{
		padding:38px 100px;
	}
	.footer .information.desktop .logo{
		margin-bottom:0;
	}
	.footer .information.desktop p{
		margin-bottom:0;
		margin-right:15px;
	}
	.footer .information .logo svg,.footer .information .logo img{
		width:auto;
		height:36px;
	}
	.footer .information .credit-card{
		display:block;
		position: relative;
		z-index: 400;
	}
	.footer .footer-links{
		padding:36px 0;
	}
	.footer .footer-links ul{
		margin-bottom:0;
	}
}
@media only screen and (min-width: 1200px){
	.footer .integration .partners{
		display:flex;
		justify-content:center;
	}
	.footer .integration .partner{
		flex:0 0 335px;
		margin:0 8px;
	}
	.footer .integration .partner .logo{
		height:60px;
	}
	.footer .integration .partner p{
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 1280px){
/* 	.footer .footer-bottom{
		width: 100%;
		flex-direction: row;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		justify-content: space-between;
		margin: 0px auto;

	} */
	.footer .footer-bottom span.copyright{
		padding-top:0;
	}
	.footer .footer-bottom span.social{
		margin:0;
	}
	.footer .footer-bottom span.address{
		padding:0;
	}
}
@media only screen and (min-width: 1440px){
	.footer .footer-bottom span.address{
		position:absolute;
		left:50%;
		transform: translateX(-50%);
	}
	.footer .footer-bottom span.social a:last-child{
		margin-right:0;
	}
}
@media only screen and (min-width: 1600px){
	.footer .footer-bottom{
		padding:18px 0;
	}	
}
/************************* Footer **************************/

/************************* Footer CTA **************************/
#footer_cta{
	background: linear-gradient(108.13deg, #1936D0 51.34%, #FD01C6 100%);
	padding:73px 0;
	border-radius: 12px;
	margin-top:48px;
}
#footer_cta h2{
	margin-bottom:6px;
}
#footer_cta p{
	margin-bottom:16px;
}
#footer_cta a.btn{
	height:40px;
	font-weight: 700;
	font-size: 14px;
	line-height:1;
	padding: 11px 20px;
}
#footer_cta.lead{
	position:relative;
	border-radius: 20px;
	background:linear-gradient(108deg, #1936D0 51.34%, #FD01C6 100%);
	overflow:hidden;
	padding:24px 12px 12px;
}
#footer_cta:before{
	content:"";
	display:block;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1691404006/-design-system/-logo-2023/iconmark/pink.svg);
	width:610px;
	height:463px;
	background-size:cover;
	position:absolute;
	top:72px;
	left:26px;
}
#footer_cta > div{
	height:100%;
}
#footer_cta h2{
	position:relative;
	max-width:250px;
	margin:0 auto 14px;
	color:#fff;
	font-size: 24px;
	line-height: 34px;
	text-align:center;
}
#footer_cta .hubspot{
	position:relative;
	border-radius: 16px;
	background:#fff;
	color:#1E1E21;
	padding:16px;
}
#footer_cta .hubspot .hbspt-form{
	height:100%;
}
#footer_cta .hubspot label{
	display:none;
}
#footer_cta .hubspot input{
	width:100%;
	margin-bottom:16px;
	border-radius: 6px;
	border: 1px solid #D6D6D6;
	padding:12px 16px;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; 
}
#footer_cta .hubspot input.invalid.error{
	border:solid 1px #EE5A5A;
	color:#EE5A5A;
}
#footer_cta .hubspot input.hs-button{
	border:none;
	background:#1936D0;
	border-radius:6px;
	color:#fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px; 
	margin-bottom:0;
}
#footer_cta .hubspot ul.hs-error-msgs{
	list-style:none;
	padding:0;
	margin-top:-13px;
	margin-bottom:19px;
}
#footer_cta .hubspot ul.hs-error-msgs label{
	display:block;
	color:#EE5A5A;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; 
	text-align:left;
}
#footer_cta .hubspot .legal-consent-container p{
	text-align:left;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	color:#5B5F67;
	margin-bottom:14px;
}
#footer_cta .hubspot .legal-consent-container{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1691473245/-design-system/icon-secure.svg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:12px 16px;
	padding-left:20px;
}
#footer_cta .hubspot .legal-consent-container a{
	color:#1936D0;
	text-decoration:underline;
}
#footer_cta .hubspot .hs_error_rollup ul{
	margin-top:0;
}
#footer_cta .hubspot .submitted-message{
	padding:11px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#footer_cta .hubspot .submitted-message h3{
	font-size: 24px;
	font-weight: 900;
	line-height: 34px; 
	text-align:center;
}
#footer_cta .hubspot .submitted-message h3:before{
	content:"";
	display:block;
	width:48px;
	height:48px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1711086744/marketplace/badge-checked.svg);
	margin:0 auto 6px;
}
#footer_cta .hubspot .submitted-message p{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align:center;
	margin-bottom:16px;
}
#footer_cta .hubspot .submitted-message p:last-child{
	margin-bottom:0;	
}
#footer_cta .hubspot .submitted-message p:last-child a{
	font-weight:700;
	margin:0 8px;
	display:inline-block;
}
#footer_cta .hubspot .submitted-message p:last-child a:last-child{
	background:#1936D0;
	border-radius:100px;
	padding:11px 16px;
	color:#fff;
}
#footer_cta.lead a.btn{
	padding: 11px 20px;
}
@media (min-width: 768px){
	#footer_cta.lead{
		margin-bottom:76px;
	}
	#footer_cta.lead h2{
		font-size: 44px;
		line-height: 58px;
		margin:0;
		max-width:390px;
		display:flex;
		align-items:center;
		text-align:left;
	}
	#footer_cta.lead:before{
		width:736px;
		height:558px;
		left:60%;
		top:18px;
	}
	#footer_cta .hubspot{
		flex:0 0 354px;
		padding:24px;
	}
}
@media (min-width: 992px){
	#footer_cta{
		padding:80px 0;
		margin-top:94px;
	}
	#footer_cta p{
		margin-bottom:24px;
	}
	#footer_cta.lead{
		padding:42px 48px;
		min-height:480px;
	}
	#footer_cta.lead > div{
		min-height:396px;
	}
}
/************************* Footer CTA **************************/

/************************* Child Page - Page Title **************************/
.page-title{
	text-align:center;
	padding-top:37px;
	padding-bottom:48px;
}
.page-title h1{
	font-size: 48px;
	font-style: normal;
	font-weight: 900;
	line-height: 54px; 
	margin-bottom:12px;
}
.page-title p{
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 
	margin-bottom:28px;
}
.page-title p:last-child{
	margin-bottom:0;
}
#nav ul{
	list-style:none;
	display:flex;
	margin-top:64px;
	margin-bottom:0;
	overflow-x:scroll;
	padding-left:8px;
	scrollbar-width: none; 
	-ms-overflow-style: none;
	position:relative;
}
#nav ul:after{
	content:"";
	display:block;
	flex:0 0 8px;
}
#nav ul::-webkit-scrollbar{
	width: 0;
	height: 0;
}
#nav ul li{
	margin:0 12px;
}
#nav ul li a{
	display:block;
	padding:17px 0 11px;
	white-space:nowrap;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
}
#nav ul li.current-menu-item a{
	font-weight: 900;
	border-bottom:solid 2px #1E1E21;
}
@media only screen and (min-width : 768px){
	
}
@media only screen and (min-width : 992px){
	#nav ul{
		justify-content:center;
		padding-left:0;
		overflow-x:visible;
	}
	.page-title{
		padding-top:189px;
	}
}
@media only screen and (min-width : 1200px){
	.page-title h1{
		font-size: 96px;
		line-height: normal;
	}
	.page-title p{
		font-size: 20px;
		line-height: 28px; 
		max-width:836px;
		margin:0 auto 28px;
	}
}
/************************* Child Page - Page Title **************************/

/************************* Statement **************************/
.statement{
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	height: 497px;
}
.statement:before{
	content: "";
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(7, 7, 7, 0.75), rgba(7, 7, 7, 0.75));
	z-index: 20;
}
.statement video{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	min-width:100%;
	min-height:100%;
}
.statement .container{
	position: relative;
	color: #fff;
	z-index: 30;
	padding-top: 46px;
	padding-bottom: 97px;
}
.statement .nav{
	margin-bottom: 24px !important;
	border-bottom:none !important;
}
.statement .nav li{
	display: inline-block;
}
.statement .nav li a{
	color: #808080 !important;
	font-weight: 900;
	font-size: 24px !important;
	line-height: 34px !important;
	cursor:pointer;
	padding:0 !important;
}
.statement .nav li a.active {
	color: #ffffff !important;
	border-bottom:none !important;
}
.statement .tab-content .tab-pane{
	font-weight: 900;
	font-size: 32px;
	line-height: 46px;
}
.statement .tab-content .tab-pane span{
    background: linear-gradient(94.02deg, #1936D0 54.98%, #FD01C6 112.7%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media only screen and (min-width : 768px){
	.statement{
		height: 550px;
	}
	.statement .nav{
		text-align: left;
		margin-bottom: 22px;
		margin-left: -12px;
	}
	.statement .tab-content .tab-pane{
		text-align: left;
		font-size: 64px;
		line-height: 78px;
		max-width: 820px;
	}
}
@media only screen and (min-width : 992px){
	.statement{
		height: 480px;
		margin-top: 64px;
	}
}
/************************* Statement **************************/


/************************* Select tab **************************/
ul.select-tab{
	margin-left:auto;
	margin-right:auto;
}
ul.select-tab li{
	font-size:12px;
	line-height:36px;
	background:#F1F1F1;
	text-align:center;
	display:inline-block;
	overflow:hidden;
}
ul.select-tab li:first-child{
	border-radius: 70px 0 0 70px;
}
ul.select-tab li:last-child{
	border-radius: 0 70px 70px 0;
}
ul.select-tab li a{
	color:#1E1E21;
	display:block;
}
ul.select-tab li a.active{
	background:#1E1E21;
	color:#ffffff;
}
@media only screen and (min-width : 1680px) {
	ul.select-tab li{
		font-size:14px;
		line-height:42px;
	}
}
/************************* Select tab **************************/



/************************* Original video creation platform **************************/
.platform h2{
	font-weight:900;
	font-size:36px;
	line-height:46px;
	margin-bottom:12px;
}
.platform{
	padding:60px 0;
}
.platform button.slick-arrow{
	display:none !important;
}
.platform ul.slick-dots{
	text-align:center;
	margin:0;
	padding:0;
}
.platform ul.slick-dots li{
	display:inline-block;
	margin:0 6px;
	cursor:pointer;
}
.platform ul.slick-dots li:before{
	content:"";
	display:block;
	width:8px;
	height:8px;
	background:#000000;
	border-radius:50%;
	opacity:0.25;
}
.platform ul.slick-dots li.slick-active:before{
	opacity:1;
}
.platform .slick-dots li button{
	display:none;
}
.platform .slick-slide img{
	width:600px;
	max-width:none;
}
.platform .slide .text p{
	padding:0 20px;
}
@media only screen and (max-width : 767px){
	.platform p.subtitle{
		font-size:20px;
		line-height:28px;
	}
}
@media only screen and (min-width : 768px){
	.platform h2{
		font-size:64px;
		line-height:78px;
	}
	.platform .slick-slide img{
		width:auto;
		max-width:100%;
	}
	.platform .slick-slide img{
		width:auto;
		max-width:100%;
	}
}
@media only screen and (min-width : 992px){
	.platform_slider{
		margin-top:0px;
	}
	.platform p{ 
		font-size:24px;
	}
	.platform_slider .slide p{ 
		margin-top:60px;
	}
	.platform .slide img.animation{
		-webkit-transition: all .6s ease-in-out; 
		transition: all .6s ease-in-out;
		margin-left:50%;
	}
	.platform .slide.slick-active img.animation{
		margin-left:0;
	}
	.platform .slide .text p{
		-webkit-transition: all .6s ease-in-out; 
		transition: all .6s ease-in-out;
		right:100%;
		position:relative;
	}
	.platform .slide.slick-active .text p{
		right:0%;
	}
}
@media only screen and (min-width : 1200px){
	.platform_slider .slide p{ 
		margin-top:100px;
	}
	.platform .slide .text{
		right:100%;
	}
	.platform .slide.slick-active .text{
		right:58.33333333%;
	}
}
@media only screen and (min-width : 1280px){
	.platform .slick-slide img{
		padding-right:80px;
	}
	.platform .slide .text p{
		padding-left:80px;
		padding-right:0;
	}
}

/************************* Original video creation platform **************************/


/************************* FAQ Section **************************/
.dark section.faq{
	color:#fff;
}
section.faq .main{
	padding-top:36px;
}
section.faq h2{
	text-align:center;
	font-size: 24px;
	line-height: 34px;
	margin-bottom:16px;
}
section.faq ul.nav{
	border: 1px solid rgba(128, 128, 128, 0.30);
	border-radius: 12px;
	padding:4px;
}
section.faq ul.nav button{
	border:none;
	background:transparent;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	padding:11px;
	color: #1E1E21;
	border-radius: 10px;
}
.dark section.faq ul.nav button,.bg-dark section.faq ul.nav button{
	color: #fff;
}
section.faq ul.nav button.active{
	color:#fff;
	background: linear-gradient(90.13deg, #1936D0 0.13%, #FD01C6 99.9%);
}
section.faq .title{
	margin-bottom:24px;
}
section.faq .content li{
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid rgba(128,128,128,0.3);
	padding-bottom:16px;
	margin-bottom:16px;
	padding-right:30px;
	cursor:pointer;
}
section.faq li a {
    color: #1936D0;
    font-weight: bold;
}
.dark section.faq li a,.bg-dark section.faq li a,.bg-dark section.faq a{
	color:#fff;
	text-decoration:underline;
}
section.faq .content li .question{
	font-size: 16px;
	line-height: 26px;
	position:relative;
}
section.faq .content li .question:after{
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1697677240/-design-system/icon-plus-wh.svg);
	position: absolute;
	right: -30px;
	top: 50%;
	margin-top:-8px;
	background-repeat: no-repeat;
	background-position: center;
}
section.faq .content li.active .question{
	font-weight:bold;
}
section.faq .content li.active .question:after{
	background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1658385247/-design-system/icon-minimise-wh.svg);
}
section.faq .content li .answer{
	display:none;
	margin-top:6px;
}
section.faq .content li .answer span{
	color:#1936D0;
	font-weight:bold;
}
section.faq .content p{
	font-size: 14px;
	line-height: 18px;
	margin-bottom:24px;
	text-align:center;
	max-width:none;
}
section.faq .content p a{
	font-weight:bold;
}
.dark section.faq .content p a{
	color:#fff;
	text-decoration:underline;
}
section.faq .content p svg{
	margin-left:6px;
}
section.faq .content p svg path{
	fill:#fff;
}
@media only screen and (max-width : 767px){
	section.faq .content li:last-child{
		margin-bottom:20px;
	}
}
@media only screen and (min-width : 768px){
	section.faq .title{
		flex:0 0 auto;
		padding-right:116px;
		
	}
	section.faq .content li{
		font-size: 16px;
		line-height: 26px;
		margin-bottom:24px;
	}
	section.faq .content li .question{
		font-size: 18px;
		line-height: 28px;
	}
	section.faq .content li .answer{
		margin-top:16px;
	}
	section.faq .content p{
		text-align:right;
		margin-bottom:48px;
	}
}
@media only screen and (min-width : 992px){
	section.faq .main{
		padding-top:124px;
	}
	section.faq h2{
		text-align:left;
		font-size: 44px;
		line-height: 58px;
	}
	section.faq .content li .question{
		font-size: 20px;
		line-height: 34px;
	}
	section.faq .content li{
		padding-bottom:24px;
	}
}
@media only screen and (min-width : 1280px){
	section.faq .title{
		padding-right:248px;
	}
}

/************************* FAQ Section **************************/



/************************* Assist Banner **************************/
section.talk-with-us{
	padding:24px 0;
	text-align:center;
}
section.talk-with-us img{
	margin-bottom:12px;
}
section.talk-with-us h3{
	font-weight: 300;
	font-size: 24px;
	line-height: 34px;
	margin-bottom:8px;
}
section.talk-with-us h3 b{
	font-weight:900;
}
section.talk-with-us  a.btn{
	border-radius: 100px;
	padding:11px 32px;
	font-size: 16px;
	line-height: 22px;
	height:44px;
	background: #1E1E21;
}
section.talk-with-us  a.btn:hover{
	background:rgba(32,32,32,0.75);
}
@media only screen and (min-width : 768px){
	section.talk-with-us{
		text-align:left;
	}
	section.talk-with-us h3{
		font-size: 24px;
		line-height: 34px;
		margin-bottom:12px;
	}
	section.talk-with-us  a.btn{
		padding:15px 32px;
		font-size: 16px;
		line-height: 22px;
		height:52px;
	}
	section.talk-with-us .text{
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
}
@media only screen and (min-width : 992px){
	section.talk-with-us{
		padding:48px 0;
	}
	section.talk-with-us h3{
		font-size: 32px;
		line-height: 46px;
	}
}
@media only screen and (min-width : 1281px){
	section.talk-with-us .text{
		padding-left:100px;
	}
}
@media only screen and (min-width : 1680px){
	section.talk-with-us .text{
		padding-left:148px;
	}
	section.talk-with-us img{
		margin-left:48px;
	}
}
/************************* Assist Banner **************************/

/************************* 90 Value Banner **************************/
section.value{
	background-image:url(../jpg/value-background.jpg);
	background-size:cover;
	background-position:center;
	color:#fff;
	position:relative;
	padding:70px 0 100px;
}
section.value:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: #1AB5B4;
	opacity: 0.85;
}
section.value .container{
	position:relative;
}
section.value h2{
	font-size: 44px;
	line-height: 58px;
	margin-bottom:6px;
}
section.value p{
	margin-bottom:0;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}
section.value a.btn{
	height: 52px;
	background: #fff;
	border-radius: 100px;
	border:none;
	font-weight: bold;
	font-size: 16px;
	line-height:48px;
	margin-top: 24px;
	color:#1E1E21;
	padding:0 32px;
	transition: all 0.3s ease 0s;
	border: 2px solid #ffffff;	
}
section.value a.btn:hover{
	background: transparent;
	color:#fff;
}
/************************* 90 Value Banner **************************/


/************************* Brands Slider **************************/
section.brands_slider{
	padding-top:36px;
	background: linear-gradient(108.13deg, #1936D0 51.34%, #FD01C6 100%);
	color:#fff;
	padding-bottom:52px;
	margin-top:36px;
	position:relative;
}
section.brands_slider img.logo{
	display:block;
	margin-bottom:16px;
	height:36px;
	width:47px;
}
section.brands_slider h2{
	font-size: 24px;
	line-height: 34px;
	letter-spacing:-0.96px;
}
section.brands_slider p.subtitle{
	font-size: 16px;
	line-height: 26px;
	color:#fff;
}
section.brands_slider #brands_slider{
	margin-top:36px;
}
section.brands_slider .item .brand_testimonial{
	font-weight: 900;
	font-size: 18px;
	line-height: 28px;
	margin-bottom:12px;
}
section.brands_slider .item span.brand{
	font-size: 12px;
	line-height: 22px;
	opacity:0.5;
	color:#fff;
	display:block;
}
section.brands_slider .item span.title{
	font-weight: 700;
	font-size: 14px;
	line-height: 26px;
	color:#fff;
}
section.brands_slider .item span.brand_name{
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
section.brands_slider .item .thumbnail{
	padding-top:59.4%;
	background-size:cover;
	background-position:center;
	border-radius: 12px;
	position:relative;
	overflow:hidden;
	margin-bottom:16px;
}
section.brands_slider .item .thumbnail .play{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:100;
}
section.brands_slider .item .thumbnail .play a{
	font-size: 12px;
    line-height: 22px;
    color: #fff;
    background: rgba(32, 32, 32, 0.25);
    box-sizing: border-box;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: 100px;
    padding: 12px 20px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    margin-left: auto;
	white-space: nowrap;
}
section.brands_slider .item .thumbnail .play a:hover{
	background: rgba(32, 32, 32, 0.8);
}
section.brands_slider .item .thumbnail .play a svg{
	margin-right: 8px;
}
section.brands_slider .item .thumbnail:after{
	content: "";
    display: block;
    background: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, #070707 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index:10;
}
section.brands_slider .item .info{
	position:absolute;
	left:28px;
	bottom:26px;
	z-index:20;
}
section.brands_slider p.link a{
	color:#fff;
	font-weight: 900;
	font-size: 18px;
	line-height: 28px;
}
@media only screen and (max-width : 767px){
	section.brands_slider #brands_slider{
		display:flex;
		overflow-x:auto;
		margin-left:-20px;
		margin-right:-20px;
		margin-bottom:48px;
		padding-left:20px;
		position:relative;
	}
	section.brands_slider #brands_slider .item{
		flex:0 0 295px;
		margin-right:16px;
	}
	section.brands_slider #brands_slider:after{
		content:"";
		display:block;
		width:4px;
	}
}
@media only screen and (min-width : 768px){
	section.brands_slider #brands_slider{
		position:relative;
	}
	section.brands_slider #brands_slider .slick-arrow{
		position:absolute;
		top:-44px;
		right:0;
		width: 44px;
		height: 44px;
		background-color:transparent;
		border: 1px solid #FFFFFF;
		border-radius:50%;
		color:transparent;
		z-index:200;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1643429528/-design-system/arrow-right.svg);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-transition: all .3s ease-in-out; 
		transition: all .3s ease-in-out;
	}
	section.brands_slider #brands_slider .slick-arrow:hover{
		border: 2px solid #FFFFFF;
	}
	section.brands_slider #brands_slider .slick-arrow.slick-disabled{
		opacity:0.15;
	}
	section.brands_slider #brands_slider .slick-arrow.slick-prev{
		right:52px;
		transform:rotate(180deg);
	}
	section.brands_slider .item .thumbnail{
		margin-bottom:0;
	}
	section.brands_slider .slick-dots{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin:48px 0;
		padding:0;
	}
	section.brands_slider .slick-dots li{
		flex:0 0 16.66666667%;
		list-style:none;
		opacity:0.25;
		-webkit-transition: all .3s ease-in-out; 
		transition: all .3s ease-in-out;
		padding:10px;
	}
	section.brands_slider .slick-dots li img{
		display:block;
		cursor:pointer;
		width:100%;
		height:auto;
	}
	section.brands_slider .slick-dots li.slick-active{
		opacity:1;
	}

}
@media only screen and (min-width : 992px){
	section.brands_slider{
		padding-top:64px;
		margin-top:48px;
	}
	section.brands_slider img.logo{
		margin-bottom:48px;
		height:94px;
		width:124px;
	}
	section.brands_slider h2{
		font-size: 54px;
		line-height: 68px;
		letter-spacing:-2.16px;
		margin-bottom:16px;
	}
	section.brands_slider p.subtitle{
		font-size: 20px;
		line-height: 28px;
		max-width:none;
	}
	section.brands_slider #brands_slider{
		margin-top:48px;
		position:relative;
	}
	section.brands_slider .item .brand_testimonial{
		font-size: 32px;
		line-height: 46px;
		margin-bottom:31px;
	}
	section.brands_slider .item .thumbnail{
		margin-bottom:16px;
		border-radius:20px;
	}
	section.brands_slider .item .thumbnail:after{
		content:none;
	}
	section.brands_slider .item .info{
		position:relative;
		left:auto;
		bottom:auto;
	}
	section.brands_slider .item span.title{
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
	}
	section.brands_slider .item span.brand_name{
		font-size: 18px;
		line-height: 28px;
	}
	section.brands_slider .slick-dots{
		margin:94px 0;
	}
	section.brands_slider .slick-dots button span.thumbImg{
		display:block;
		width:198px;
		height:96px;
		background-size:cover;
		background-position:center;
	}
	section.brands_slider .slick-dots li{
		padding:20px;
	}
	section.brands_slider p.link a{
		font-size: 24px;
		line-height: 34px;
	}
}
@media only screen and (min-width : 1200px){
	section.brands_slider #brands_slider .slick-arrow{
		top:0;
	}
	section.brands_slider .item .text{
		padding-left:44px;
	}
	section.brands_slider .slick-dots li{
		padding:30px;
	}
}
/************************* Brands Slider **************************/


/************************* Popular Products Section **************************/
.popular-products{
	padding-top:32px;
	padding-bottom:32px;
}
.popular-products p.subtext{
	font-size: 16px;
	line-height: 26px;
	margin-bottom:24px;
}
.popular-products .item{
	border-radius: 12px;
	overflow:hidden;
	font-size: 14px;
	line-height: 24px;
	margin-bottom:16px;
	position:relative;
}
.popular-products .item a.link{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.popular-products .item .image{
	height:170px;
	background-size:cover;
	background-position:center;
}
.popular-products .item .info{
	background: #F1F1F1;
	padding:12px 16px 16px;
	text-align:center;
}
.popular-products .item .info div.price{
	display:flex;
	align-items:baseline;
	margin-bottom:11px;
	justify-content:center;
}
.popular-products .item .info div.price span.currency{
	font-size: 18px;
	line-height: 28px;
	margin-left:4px;
}
.popular-products .item .info div.price span.price{
	font-weight: 900;
	font-size: 20px;
	line-height: 28px;
	margin-left:2px;
}
.popular-products .item .info h3{
	margin-bottom:2px;
	font-size: 24px;
	line-height: 34px;
}
.popular-products .item .info .creator{
	margin-top:12px;
	display:flex;
	font-weight:bold;
}
.popular-products .item .info .creator img{
	margin-right:8px;
}
.popular-products .item .info a.btn, .popular-products .item .info button.btn{
	display:none;
}
.popular-products .others .item{
	background: #F1F1F1;
	position:relative;
}
.popular-products .others .item a.link{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.popular-products .others .item .d-flex{
	flex-direction:column;	
}
.popular-products .others .item .info a.included{
	color: #1936D0;
	font-size: 12px;
	line-height: 22px;
}
@media only screen and (max-width : 767px){
	.popular-products.slider .others{
		display:flex;
		overflow-x:auto;
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
	}
	.popular-products .others .item a.link{
		z-index:500;
	}
	.popular-products.slider .item{
		flex: 0 0 300px;
		max-width: 300px;
		height:254px;
		background:none;
		position:relative;
		border-radius:12px;
		overflow:hidden;
		margin-right:12px;
	}
	.popular-products.slider .item:last-child{
		margin-right:20px;
	}
	.popular-products.slider .item .image{
		position:absolute;
		margin:0 !important;
		height:100% !important;
		width:100% !important;
	}
	.popular-products.slider .item .image:before{
		content:"";
		display:block;
		background: rgba(0, 0, 0, 0.8);
		position:absolute;
		top:0;
		bottom:0;
		width:100%;
	}
	.popular-products.slider .item .info{
		position:relative;
		color:#fff;
		background:transparent;
		padding:16px;
		height:100%;
	}
	.popular-products.slider .item .info a.btn{
		position:absolute;
		bottom:16px;
		left:16px;
		right:16px;
	}
	.popular-products.slider .last{
		flex: 0 0 8px;
		width: 8px;
	}
}
@media only screen and (min-width : 768px){
		.popular-products h2{
			width:auto;
		}
		.popular-products p{
			font-size: 18px;
			line-height: 28px;
		}
		.popular-products p.subtext{
			font-size: 18px;
		}
		.popular-products .item{
			margin-bottom:24px;
		}
		.popular-products .item .info a.btn,.popular-products .item .info button.btn{
			display:inline-block;
			margin-top:16px;
			border-radius: 100px;
			height:42px;
			padding-top:9px;
			padding-bottom:14px;
		}
		.popular-products .first .item{
			display:flex;
			flex-direction: row-reverse;
		}
		.popular-products .first .item .image{
			flex: 0 0 50%;
			max-width:50%;
			height: auto;
		}
		.popular-products .first .item .info{
			flex: 0 0 50%;
			max-width: 50%;
		}
		.popular-products .second_third{
			display:flex;
			margin-left:-12px;
			margin-right:-12px;
		}
		.popular-products .second_third .item{
			flex: 0 0 50%;
			max-width:50%;
			padding:0 12px;
			display:flex;
			flex-direction:column;
		}
		.popular-products .second_third .item .image{
			border-radius:12px 12px 0 0;
		}
		.popular-products .second_third .item .info{
			border-radius:0 0 12px 12px;
			flex: 1 1 auto;
		}
		.popular-products .others .item{
			display:flex;
		}
		.popular-products .others a .item{
			color:#fff;
		}
		.popular-products .others .item .info{
			padding-left:0;
			padding-bottom:12px;
			text-align:left;
		}
		.popular-products .others .item .d-flex{
			flex-direction:row;	
		}
		.popular-products .others .item .image{
			flex: 0 0 146px;
			min-width:146px;
			height:120px;
			margin:24px;
			border-radius:12px;
		}
		.popular-products .others .item .info h3{
			margin-bottom:0;
		}
	.popular-products .others .item .info .text{
		margin-bottom:10px;
	}
		.popular-products .others .item .info a.included{
			display:block;
			margin-top:8px;
		}
		.popular-products .others .item .info div.d-flex{
			align-items:center;
		}
		.popular-products .others .item .info div.price{
			margin:0;
		}
		.popular-products .others .item .info a.btn, .popular-products .item .info button.btn{
			margin-left:16px;
			margin-top:0;
		}	
}
@media only screen and (min-width : 992px){
		.popular-products{
			padding-top:48px;
			padding-bottom:24px;
		}
		.popular-products .item .info{
			font-size: 20px;
			line-height: 28px;
			padding-bottom:36px;
		}
		.popular-products .others .item .info{
			font-size: 18px;
			line-height: 28px;
		}
		.popular-products .item .info div.price{
			font-size: 16px;
			line-height: 26px;
		}
		.popular-products .item .info div.price span.currency{
			font-size: 20px;
			line-height: 28px;
		}
		.popular-products .item .info div.price span.price{
			font-size: 24px;
			line-height: 34px;
		}
		.popular-products .first .item .info div.price span.price{
			font-size: 32px;
			line-height: 46px;
		}
		.popular-products .first .item h3{
			font-size: 44px !important;
			line-height: 58px !important;
		}
		.popular-products .first .item .description{
			width:300px;
		}
		.popular-products .first .item a.btn{
			margin-top:24px;
		}
	.popular-products .second_third .item .info{
		padding:24px 55px 36px;
	}
		.popular-products .item .info .creator{
			margin-top:16px;
		}
		.popular-products .item .info h3{
			font-size: 32px;
			line-height: 46px;
		}
		.popular-products .item .info .creator{
			font-size: 16px;
			line-height: 26px;
		}
		.popular-products .first .item .info{
			padding:30px 40px;
			text-align:left;
		}
		.popular-products .first .item .info div.price{
			justify-content:start;
		}
		.popular-products .item .info a.btn,.popular-products .item .info button.btn{
			height:52px;
			padding-top:14px;
			padding-bottom:15px;
		}
		.popular-products .second_third .item{
			text-align:center;
		}
		.popular-products .second_third .item .image{
			height:340px;
		}
		.popular-products .second_third .item .info div.price{
			justify-content:center;
		}
		.popular-products .others .item .info a.included{
			font-size: 16px;
			line-height: 22px;
		}
		.popular-products .others .item .info a.btn{
			margin-top:0;
			margin-left:16px;
			height:52px;
			padding-top:13px;
		}	
}
	@media only screen and (min-width : 1200px){
		.popular-products .first .item .info{
			padding:60px 84px;
		}
		.popular-products .others .item .info{
			display:flex;
			align-items:center;
			width:100%;
			justify-content:space-between;
		}
		.popular-products .others .item .info .text{
			max-width:800px;
			padding-right:30px;
			margin-bottom:0;
		}
		.popular-products .others .item .info > .d-flex{
			flex:0 0 auto;
		}
	}
/************************* Popular Products Section **************************/


/************************* Brands Section **************************/
section.brands{
	padding-bottom:30px;
}
section.brands h2{
	font-size: 32px;
	line-height: 46px;
	text-align:center;
}
section.brands p{
	text-align:center;
}
section.brands h2 span{
	color:#1936D0;
}
section.brands ul{
	display:flex;
	flex-wrap: wrap;
	margin-left:-6px;
	margin-right:-6px;
	margin-top:-6px;
}
section.brands li{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding:6px;
}
section.brands li div.wrapper{
	text-align:center;
	background: #FFFFFF;
	box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	font-size: 14px;
	line-height: 24px;
}
section.brands li .logo{
	height:120px;
	display:flex;
	justify-content:center;
	align-content:center;
}
section.brands li span{
	display:block;
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
}

@media only screen and (min-width : 768px){
	section.brands ul{
		margin-left:-18px;
		margin-right:-18px;
		margin-top:-18px;
	}
	section.brands li{
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
		padding:18px;
	}
}
@media only screen and (min-width : 992px){
	section.brands h2{
		font-size: 44px;
		line-height: 58px;
		text-align:left;
	}
	section.brands p{
		text-align:left;
	}
}
@media only screen and (min-width : 1200px){
	section.brands h2{
		font-size: 54px;
		line-height: 68px;
	}
	section.brands li{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
/************************* Brands Section **************************/


/************************* Browse **************************/
div.browse{
	background:#fff;
}
.browse-top{
	position:fixed;
	margin:0;
	bottom:0;
	width:100%;
	z-index:999;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
}
.browse-top ul{
	margin:0;
	justify-content:space-between;
}
.browse-top ul li{
	margin:0;
	white-space: nowrap;
}
.browse-top ul li a{
	display:block;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	color: #1E1E21;
	padding:12px 0 20px;
	border-top:solid 2px transparent;
}
.browse-top ul li a:hover{
	color: #1E1E21;
}
.browse-top ul li.current a{
	font-weight:700;
	border-top: 2px solid #1E1E21;
	color: #1E1E21;
}
div.browse h1{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:8px;
}
div.browse p{
	font-size: 16px;
	line-height: 26px;
	margin: 4px 0 0;
}
.browse .slider.location-slider{
	padding-left:20px;
}
.browse .scrollbar-external_wrapper{
	height:110px !important;
}
.browse .external-scroll_x,.browse .external-scroll_y {
	background: #D6D6D6;
}
.browse .external-scroll_x .scroll-bar,.browse .external-scroll_y .scroll-bar {
	background: #1E1E21;
}
div.browse .product-cards {
	padding-top:16px;
}
.product-cards ul{
	overflow-x:auto;
	margin-bottom:36px;
}
.product-cards ul li{
	flex: 0 0 300px;
	max-width: 300px;
	height: 254px;
	background: none;
	position: relative;
	border-radius: 12px;
	margin-right: 12px;
	overflow:hidden;
	text-align:center;
}
.product-cards ul li:last-child{
	margin-right:20px;
}
.product-cards ul li .item{
	height:100%;
	padding:16px; 
	color:#fff;
	position:relative;
	background-size:cover;
	background-position:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	border-radius: 12px;
}
.product-cards ul li .item .popular{
	position:absolute;
	top:12px;
	right:12px;
}
.product-cards ul li .item .popular span{
	display:none;
}
.product-cards ul li .item a.link{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.product-cards ul li .item .price_range{
	position:relative;
	background: rgba(32, 32, 32, 0.5);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 101px;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	display:inline-block;
	margin-bottom:8px;
	padding:10px 16px;
}
.product-cards ul li .item .price_range span,.popular-products .others .item .price b,.popular-products .others .item .price_range b{
	font-weight: 900;
	font-size: 18px;
	line-height: 28px;
}
.product-cards ul li .item:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.7);
	border-radius:12px;
	transition: all 0.3s ease 0s;
}
.product-cards ul li .item:hover:before{
	background:rgba(0,0,0,0.4);
}
.product-cards ul li .price{
	color:#fff;
	font-size: 18px;
	line-height: 28px;
	position:relative;
	margin-bottom:9px;
}
.product-cards ul li .price span{
	color:#fff;
	font-size: 14px;
	line-height: 24px;
}
.product-cards ul li .price b{
	font-weight:900;
}
.product-cards ul li .item h3{
	position:relative;
	margin-bottom:2px;
	font-size: 24px;
	line-height: 34px;
}
.product-cards ul li .item p{
	font-size: 14px;
	line-height: 24px;
	position:relative;
	color: rgba(255, 255, 255, 0.75);
}
.product-cards ul li .item a.btn,.product-cards ul li .item button.btn{
	display: none;
}
.banner-talk-with-us .text{
	padding:30px;
	text-align:center;
	font-size: 24px;
	line-height: 34px;
}
.banner-talk-with-us .text span{
	font-weight:900;
}
.banner-talk-with-us .text a.btn{
	border-radius:100px;
	margin-top:12px;
}
.banner-talk-with-us img{
	display:block;
	max-width:530px;
	width:100%;
}
.product-cards ul li .showtooltips{
	display:none;
}
@media only screen and (max-width : 376px){
	.browse-top ul{
		overflow-x:auto;
		margin-left:-20px;
		margin-right:-20px;
		position:relative;
	}
	.browse-top ul:after{
		content:"";
		display: block;
		flex: 0 0 13.5px;
		width: 13.5px;
	}
	.browse-top ul li {
		margin: 0 6.5px;
	}
	.browse-top ul li:first-child{
		margin-left:20px;
	}
}
@media only screen and (max-width : 767px){
	.browse-top ul li:first-child span{
		display:none;
	}
	.product-cards ul{
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
	}
	section.browse .discover_more{
		margin-right:0 !important;
	}
	.product-cards ul:after{
		content:"";
		display:block;
		flex:0 0 20px;
		width:20px;
	}
	.product-cards ul li .item .price_range{
		position:relative;
		background: rgba(32, 32, 32, 0.5);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		border-radius: 101px;
		color: #fff;
		font-size: 12px;
		line-height: 22px;
		display:inline-block;
		margin-bottom:38px;
		padding:4px 12px 7px;
	}
	.content-types .popular-products .others .item .price,.content-types .popular-products .others .item .price_range,.location_details .popular-products .others .item .price{
		position:relative;
		background: rgba(32, 32, 32, 0.5);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		border-radius: 101px;
		color: #fff;
		font-size: 12px;
		line-height: 22px;
		display:inline-block;
		margin-bottom:38px;
		padding:4px 12px 7px;
	}
	.product-cards ul li .item:before,.popular-products.slider .item .image:before{
		background:rgba(0,0,0,0.6);
	}
	.product-cards ul.vertical{
		overflow-x:visible;
		margin:0;
		padding-left:0;
		flex-wrap:wrap;
	}
	.product-cards ul.vertical li{
		margin-right:0;
		flex:0 0 100%;
		max-width:none;
		margin-bottom:16px;
	}
	.product-cards ul.vertical li:last-child{
		margin-bottom:0;
	}
	.browse-top ul li a{
		font-size: 9px;
		line-height: 18px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight:400;
	}
	.browse-top ul li a .icon{
		text-align:center;
		margin-bottom:6px;
	}
}
@media only screen and (min-width : 768px){
	div.browse{
		padding-top:146px;
	}
	div.browse h1{
		font-size: 32px;
		line-height: 46px;
		text-align: left;
		margin-bottom:12px;
	}
	div.browse p{
		font-size: 18px;
		line-height: 28px;
		margin: 0 0 20px;
		text-align: left;
		max-width: 980px;
	}
	.browse-top{
		top:76px;
		bottom:auto;
		box-shadow:none;
		background:#fff;
		position:absolute;
	}
	.browse-top.fixed{
		position:fixed;
		top:0;
	}
	.browse-top ul{
		margin:0;
	}
	.browse-top ul li {
		margin-right:16px;
	}
	.browse-top ul li a{
		padding:26px 0;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #1E1E21;
		align-items:center;
		display:flex;
	}
	.browse-top ul li a:hover{
		color: #808080;
	}
	.browse-top ul li.current a{
		font-weight:bold;
		position:relative;
		border-top-color:transparent;
		border-bottom:solid 2px #1E1E21;
	}
	.browse-top ul li .icon{
		margin-right:8px;
		margin-top:-2px;
	}
	div.browse .product-cards{
		padding-top:0;
	}
	.product-cards ul{
		margin-left:-12px;
		margin-right:-12px;
	}
	.product-cards ul li {
		flex: 0 0 50%;
		max-width: 50%;
		margin-right:0;
		padding:0 12px 24px;
		position:relative;
		height:316px;
		text-align:left;
	}
	.product-cards ul li .item{
		padding:40px;
		display:block;
	}
	.product-cards ul li .price{
		font-size: 20px;
		line-height: 28px;
	}
	.product-cards ul li .price span{
		font-size: 16px;
		line-height: 26px;
	}
	.product-cards ul li .price b{
		font-size: 32px;
		line-height: 46px;
	}
	.product-cards ul li .item h3{
		font-size: 32px;
		line-height: 46px;
	}
	.product-cards ul li .item p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom:0;
		text-align:left;
	}
	.product-cards ul li .item a.btn,.product-cards ul li .item button.btn{
		display:inline-block;
		position:relative;
		left:0;
		margin-top:19px;
		border-radius:100px;
		height: 40px;
		padding: 11px 20px;
		font-size: 14px;
		line-height: 18px;
	}
	.product-cards ul li .item .popular span{
		position:absolute;
		right:35px;
		top:0;
		display:block;
		font-size: 10px;
		line-height: 12px;
		padding:9px 14px;
		background: rgba(32, 32, 32, 0.8);
		border-radius: 8px;
		transition: all 0.3s ease 0s;
		white-space: nowrap;
		opacity:0;
		visibility:hidden;
	}
	.product-cards ul li .item .popular:hover span{
		opacity:1;
		visibility:visible;
	}
	.banner-talk-with-us .text{
		padding:30px;
		text-align:left;
		display:flex;
		align-items:center;
	}
	.product-cards ul li .showtooltips{
		display:block;
	}
	.product-cards ul li .showtooltips span{
		position:absolute;
		bottom:48px;
		left:44px;
		font-size: 14px;
		line-height: 24px;
		font-weight:bold;
		cursor:pointer;
		display:block;
		color:#fff;
	}
	.product-cards ul li .showtooltips span:hover{
		text-decoration:underline;
	}
	.product-cards ul li .tooltips{
		background: rgba(32, 32, 32, 0.8);
		box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		border-radius: 8px;
		width:346px;
		padding:16px;
		position:absolute;
		bottom:70px;
		left:44px;
		display:none;
	}
	.product-cards ul li .tooltips a{
		display:block;
		color:#fff;
		margin-bottom:16px;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1643429528/-design-system/arrow-right.svg);
		background-repeat:no-repeat;
		background-position:right center;
	}
	.product-cards ul li .tooltips a.show-all{
		background-image:none;
		font-size: 14px;
		line-height: 18px;
	}
	.product-cards ul li .tooltips a:last-child{
		margin-bottom:0;
	}
	.product-cards ul li .tooltips .image{
		width:36px;
		height:36px;
		border-radius: 4px;
		background-size:cover;
		background-position:center;
		margin-right:12px;
	}
	.product-cards ul li .tooltips .name{
		font-weight: 700;
		font-size: 14px;
		line-height: 20px;
	}
	.product-cards ul li .tooltips .price{
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		color: #808080;
		margin-bottom:0;
	}
	.product-cards ul li:last-child{
		margin-right:0;
	}
}
@media only screen and (min-width : 992px){
	.browse-top ul li{
		margin:0;
		margin-right:24px;
	}
	.browse .scrollbar-external_wrapper{
		height:160px !important;
	}
	.browse section h2{
		text-align:left;
		margin-bottom:12px;
	}
	.browse section p{
		text-align:left;
		max-width:980px;
	}
	.banner-talk-with-us .text{
		font-size: 32px;
		line-height: 46px;
	}
}
@media only screen and (min-width : 1200px){
	.banner-talk-with-us .text{
		padding:0;
		padding-left:100px;
	}
	.browse .slider.location-slider{
		padding:0 8px;
	}
}
@media only screen and (min-width : 1281px){
	.browse .slider.location-slider{
		padding:0 88px;
	}
}
@media only screen and (min-width : 1200px){
	.product-cards ul li {
		flex: 0 0 33.33333%;
		max-width: 33.333333%;
	}
	.product-cards ul li .item{
		padding:24px 32px;
	}
	.product-cards ul li .item button.btn{
		height:40px;
		padding:11px 20px;
		font-size: 14px;
		line-height: 18px;
	}
}
@media only screen and (min-width: 1200px) and (max-device-width: 1909px) {
	.product-cards ul li{
		height:356px;
	}
	.product-cards ul li .item h3 {
		font-size: 32px;
		line-height: 46px;
	}
	.product-cards ul li .item p {
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (min-width : 1910px){
	.product-cards ul li{
		height:356px;
	}
}
/************************* Browse **************************/


/************************* Location Slider **************************/
.slider .location-slider.scroll-content,.slider .location-slider{
	display:flex;
	overflow-x:auto;
	padding-left:20px;
	width:100% !important;
}
.slider .location-slider .location{
	flex: 0 0 275px;
	max-width:275px;
	height:190px;
	border-radius: 12px;
	margin-right:12px;
	position:relative;
	overflow:hidden;
	background-size:cover;
	background-position:center;
}
.slider .location-slider .location .image{
	height:100%;
	background-size:cover;
	background-position:center;
}
.slider .location-slider .location a.link{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.slider .location-slider .location .buttons{
	position:absolute;
	left:12px;
	right:12px;
	bottom:12px;
	display:flex;
}
.slider .location-slider .location .buttons span{
	background: rgba(7,7,7,0.75);
	border-radius: 20px;
	font-size: 10px;
	line-height: 12px;
	padding: 10px 16px;
	display: inline-block;
	margin-right: 6px;
	color: #fff;
	text-transform: uppercase;
}
.slider .location-slider .location .buttons span a{
	color:#fff;
}
.slider .location-slider .location .buttons span:last-child{
	margin-right:0;
}
.slider .location-slider .location .creator{
	background: #FFFFFF;
	box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	position:absolute;
	left:12px;
	right:12px;
	bottom:12px;
	color: #1E1E21;
	height:54px;
	padding: 12px 13px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:14px;
}
.slider .location-slider .location .creator b{
	padding-right:3px;
}
.slider .location-slider .location .creator a.btn{
	background: #1936D0;
	border-radius: 100px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	padding:6px 12px;
	height:auto;
}
.slider .location-slider .last{
	flex: 0 0 20px;
	width: 20px;
}
.popular-locations{
	padding:36px 0;
}
.popular-locations h2{
	font-size: 24px;
	line-height: 34px;
}
.popular-locations p{
	font-size: 16px;
	line-height: 26px;
	margin-bottom:16px;
}
.popular-locations .location-slide{
	display:flex;
	overflow-x:auto;
	padding-left:20px;
	position:relative;
}
.popular-locations .location-slide:after{
	content: "";
	display: block;
	flex: 0 0 20px;
	width: 20px;
}
.popular-locations .location-slide .location{
	flex:0 0 295px;
	height:288px;
	margin-right:12px;
	border-radius: 12px;
	overflow:hidden;
}
.popular-locations .location-slide .location a{
	padding:16px 16px 0;
}
.popular-locations .location-slide .location .image{
	height:156px;
	box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	background-size:cover;
	background-position:center;
}
.popular-locations .location-slide .location span.name{
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
}
.popular-locations .location-slide .location span.creator{
	font-size: 14px;
	line-height: 24px;
	opacity:0.75;
}
.popular-locations .location-slide .location.view_all{
	position:relative;
	flex:0 0 auto;
	margin-right:0;
}
.popular-locations .location-slide .location.view_all a{
	display:flex;
	justify-content:end;
	align-items:center;
	height:100%;
	text-decoration:underline;
	font-size: 14px;
	line-height: 22px;
	font-weight:700;
	padding:0;
	padding-left:24px;
}
.popular-locations .location-slide .location.view_all a svg{
	margin-left:8px;
}
.slider .location-slider{
	position:relative
}
.slider .location-slider:after{
	content: "";
	display: block;
	flex: 0 0 20px;
	width: 20px;
}
.slider .location-slider .view_all{
	flex:0 0 auto;
	margin-right:0;
}
.slider .location-slider .view_all a{
	display:flex;
	color:#fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	align-items:center;
	height:100%;
	padding-left:24px;
}
.slider .location-slider .view_all a svg{
	margin-left:8px;
}
@media only screen and (min-width : 992px){
	.slider .location-slider.scroll-content,.slider .location-slider{
		overflow-x: visible;
		position: relative;
		transition: all 0.5s ease 0s;
	}
	.slider .location-slider .location{
		flex: 0 0 390px;
		max-width:390px;
		height:240px;
	}
	.slider .location-slider:after{
		content:none;
	}
	.slider .location-slider .view_all{
		flex:0 0 auto;
	}
	.slider .location-slider .view_all a{
		height:100%;
		padding-left:36px;
	}
	.slider .location-slider .location .creator{
		width:auto;
		right:auto;
		height:56px;
	}
	.slider .location-slider .location .creator img{
		margin-right:12px;
	}
	.slider .location-slider .location .creator a.btn{
		margin-left:12px;
	}
	.popular-locations{
		padding:48px 0;
		overflow:hidden;
	}
	.popular-locations h2{
		font-size: 44px;
		line-height: 58px;
	}
	.popular-locations p{
		font-size: 20px;
		line-height: 28px;
		margin-bottom:20px;
	}
	.popular-locations .slick{
		position:relative;
	}
	.popular-locations .location-slide{
		overflow-x:visible;
		position:relative;
		transition: all 0.5s ease 0s;
	}
	.popular-locations .location-slide:after{
		content:none;
	}
	.popular-locations .location-slide .slick-list{
		padding-left:20px;
	}
	.popular-locations button.slick-arrow{
		position: absolute;
		top: -56px;
		transition: all 0.2s ease 0s;
		opacity: 1;
		width: 44px;
		height: 44px;
		background-color: #fff;
		border: 1.5px solid #F1F1F1;
		background-repeat:no-repeat;
		background-position:center;
		color: transparent;
		border-radius:50%;
	}
	.popular-locations button.slick-arrow:hover{
		border: 1.5px solid #1E1E21;
	}
	.popular-locations button.slick-prev {
		right: 76px;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519758/-design-system/-icons-2022/arrow-left.svg);
	}
	.popular-locations button.slick-next {
		right: 20px;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519758/-design-system/-icons-2022/arrow-right.svg);
	}
	.popular-locations button.slick-disabled {
		opacity: 0.15;
		pointer-events: none;
	}
	.popular-locations .location-slide .location{
		height:328px;
		flex: 0 0 292px;
		margin-right:24px;
	}
	.popular-locations .location-slide .location.view_all a{
		padding-left:12px;
	}
	.popular-locations .location-slide .location span.name{
		font-size: 32px;
		line-height: 46px;
	}
	.popular-locations .location-slide .location span.creator{
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (min-width : 1281px){
	.slider .location-slider.scroll-content,.slider .location-slider{
		padding-left:100px;
	}
	.slider .location-slider .last{
		flex: 0 0 88px;
		width: 88px;
	}
	.popular-locations .location-slide{
		padding-left:100px;
	}
	.popular-locations button.slick-prev {
		right: 152px;
	}
	.popular-locations button.slick-next {
		right: 100px;
	}
}
@media only screen and (min-width : 1681px){
	.slider .location-slider.scroll-content,.slider .location-slider{
		padding-left:100px;
	}
}
@media only screen and (min-width: 1800px){
	.popular-locations .location-slide{
		padding-left:calc((100% - 1600px)/2);
	}
	.popular-locations button.slick-prev {
		right: calc((100% - 1490px)/2);
	}
	.popular-locations button.slick-next {
		right: calc((100% - 1600px)/2);
	}
	.slider .location-slider.scroll-content,.slider .location-slider{
		padding-left: calc((100% - 1600px)/2);
	}
	.slider .location-slider .last{
		flex: 0 0 calc((100% - 1612px) );
		width: calc((100% - 1612px));
	}
}
/************************* Location Slider **************************/


/************************* 90 Knowledge **************************/
.page-template-page-knowledge{
	background:#fff;
}
.knowledge-top{
	padding-top:88px;
}
.knowledge-top h1{
	font-size: 28px;
	line-height: 40px;
	margin-bottom:8px;
}
.knowledge-top #search{
	position:relative;
	margin-bottom:24px;
}
.knowledge-top #search svg{
	position:absolute;
	top:16px;
	left:20px;
	width:16px;
	height:16px;
}
.knowledge-top #search input{
	background: #F4F5F5;
	border-radius: 100px;
	border:none;
	padding:12px;
	padding-left:48px;
	font-size: 14px;
	line-height: 24px;
}
.knowledge-top #search input:focus{
	box-shadow:none;
}
.knowledge-top #search img.close{
	position:absolute;
	top:50%;
	margin-top:-14.5px;
	right:16px;
	cursor:pointer;
	display:none;
}
.knowledge-top h2{
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
}
.knowledge-top .popular-articles{
	padding-bottom:48px;
}
.knowledge-top .popular-articles ul{
	display:flex;
	overflow-x:auto;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
}
.knowledge-top .popular-articles ul:after{
	content: "";
    display: block;
    flex: 0 0 20px;
    width: 20px;
}
.knowledge-top .popular-articles ul li{
	flex: 0 0 295px;
    margin-right: 16px;
}
.knowledge-top .popular-articles ul li .image{
	border-radius: 8px;
	overflow:hidden;
	margin-bottom:8px;
	background-size:cover;
	background-position:center;
	padding-top:56.06%;
}
.knowledge-top .popular-articles ul.popular{
	display:block;
	margin-left:0;
	margin-right:0;
	padding-left:0;
}
.knowledge-top .popular-articles ul.popular li{
	margin-right:0;
	margin-bottom:36px;
}
.knowledge-top .popular-articles ul li.all{
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	text-align:right;
	flex:0 0 40px !important;
	padding:0 !important;
	margin-right:0;
}
.knowledge-top .popular-articles ul li.all a{
	height:100%;
}
.knowledge-top .popular-articles ul li.all a svg{
	display:block;
	margin:0 auto 8px;
}
.knowledge-top .popular-articles ul li.all .image{
	margin:0;
	padding:0;
}
.knowledge-top .popular-articles ul li.all a .blank{
	height:36px;
}
.knowledge-top .search-results ul li{
	margin-bottom:36px;
}
.knowledge-top .search-results ul li:last-childe{
	margin-bottom:0;
}
.knowledge-top .search-results ul li .image{
	border-radius: 8px;
	overflow:hidden;
	margin-bottom:8px;
	background-size:cover;
	background-position:center;
	padding-top:56.06%;
}
.knowledge-top .popular-articles ul li h3,.knowledge-top .search-results ul li h3{
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	margin-bottom:0;
}
.knowledge-top .insight ul{
	margin-bottom:0;
}
.knowledge-top .insight li{
	margin-bottom:24px;
}
.knowledge-top .insight .image{
	flex:0 0 94px;
	width:94px;
	height:76px;
	border-radius: 12px;
	margin-right:12px;
	background-size:cover;
	background-position:center;
}
.knowledge-top .insight h3{
	font-size: 16px;
	line-height: 24px;
	margin-bottom:0;
}
.knowledge-top .insight .content{
	font-size: 14px;
	line-height: 24px;
	color: #808080;
}
.knowledge-top .insight a.btn{
	margin-top:24px;
	margin-bottom:36px;
}
.knowledge-top h2.no-result{
	display:none;
	font-weight:900;
	font-size: 28px;
	line-height: 40px;
	margin-bottom:48px;
}
.knowledge-archive{
	background-color:#fff;
}
.knowledge-archive ul.links{
	margin-top:16px;
	margin-bottom:24px;
	border-bottom: 1px solid #D6D6D6;
	padding-bottom:16px;
	overflow-x:auto;
}
.knowledge-archive ul.links li{
	font-size: 16px;
	line-height: 26px;
	margin-right:24px;
	white-space:nowrap;
}
.knowledge-archive ul.links li.active{
	font-weight: 900;
	position:relative;
}
.knowledge-archive ul.links li.active:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:-17px;
	border-bottom: 2px solid #1E1E21;
}
.knowledge-archive ul.links li.active a{
	cursor: default;
}
.knowledge-archive .articles h2{
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	margin-bottom:12px;
}
.knowledge-archive .articles h2.gear{
	margin-top:48px;
}
.knowledge-archive .articles ul{
	margin-bottom:48px;
}
.knowledge-archive .articles ul.search{
	display:none;
}
.knowledge-archive .articles ul li{
	margin-bottom:12px;
}
.knowledge-archive .articles ul li:last-child{
	margin-bottom:0;
}
.knowledge-archive .articles ul li a{
	font-size: 16px;
	line-height: 32px;
	text-decoration:underline;
	color: #1E1E21;
}
.knowledge-single{
	padding-top:76px;
	background:#fff;
}
.knowledge-single .breadcrumbs a{
	color: #9E9E9E;
}
.knowledge-single h1{
	font-size: 28px;
	line-height: 40px;
	text-align:center;
	margin:24px 0 16px;
}
.knowledge-single .main .info{
	font-size: 12px;
	line-height: 22px;
	margin-bottom:24px;
}
.knowledge-single .main .content p{
	font-size: 16px;
	line-height: 26px;
}
.knowledge-single .main .content h2{
	font-size: 18px;
	line-height: 28px;
	margin-bottom:16px;
	padding-top:100px;
	margin-top:-80px;
}
.knowledge-single .main .content .blue_bar_info h2,.knowledge-single .main .content .resources_section h2{
	padding-top:0;
}
.knowledge-single .main .content h3{
	font-size: 16px;
	line-height: 26px;
	margin-bottom:16px;
	margin-top:32px;
}
.knowledge-single .main .content img{
	width:100%;
	height:auto;
}
.knowledge-single .main .content img.inline{
	width:auto;
	height:40px;
	margin:5px;
}
.knowledge-single .main .content b,.knowledge-single .main .content strong{
	font-weight: 900;
}
.knowledge-single .main .content a{
	font-weight: 700;
    text-decoration: underline;
    color: #1936D0;
}
.knowledge-single .main .content a.btn{
	color:#fff;
	text-decoration:none;
}
.knowledge-single .main .content a.link{
	text-decoration:none;
}
.knowledge-single .main .content .post_like a{
    text-decoration: none;
    color: #1E1E21;
}
.knowledge-single .main .thumbnail-image img{
	border-radius: 12px;
	margin-bottom:24px;
}
.knowledge-single .main ul.articles li{
	padding:24px 0;
	border-bottom: 1px solid #F1F1F1;
}
.knowledge-single .main ul.articles li:last-child{
	border-bottom: none;
	padding-bottom:36px;
}
.knowledge-single .main ul.articles li h3{
	font-size: 18px;
	line-height: 28px;
	margin-bottom:2px;
}
.knowledge-single .main ul.articles li .content{
	font-size: 14px;
	line-height: 24px;
	width:290px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.knowledge-single .main ul.articles li a span{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	margin-right:6px;
}
.knowledge-single .main section{
	margin-bottom:36px;
}
.knowledge-single .main section.image_block img{
	margin-bottom:24px;
}
.knowledge-single .main section.image_block .caption{
	border-left: 4px solid #D6D6D6;
	padding-left:24px;
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
}
.knowledge-single .main .list_block .item{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1686715475/-design-system/icon-quote-open.svg);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:26px 16px;
	padding-left:36px;
	padding-right:36px;
	position:relative;
	margin-bottom:48px;
}
.knowledge-single .main .list_block .item:after{
	content:"";
	display:block;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1686715475/-design-system/icon-quote-open.svg);
	background-size:26px 16px;
	width:25px;
	height:16px;
	position:absolute;
	bottom:0;
	right:0;
	transform:rotate(180deg);
}
.knowledge-single .main .list_block .item:last-child{
	margin-bottom:0;
}
.knowledge-single .main .list_block .item p:last-child{
	margin-bottom:0;
}
.knowledge-single .main .blue_bar_info{
	background: linear-gradient(108.13deg, rgba(25, 54, 208, 0.1) 51.34%, rgba(253, 1, 198, 0.1) 100%);
	border-radius: 12px;
	padding:24px 32px;
}
.knowledge-single .main .blue_bar_info h2{
	margin-top:0 !important;
}
.knowledge-single .main .blue_bar_info p:last-child{
	margin-bottom:0;
}
.knowledge-single .main .resources_section{
	background: #F4F5F5;
	border-radius: 12px;
	padding:24px 32px;
}
.knowledge-single .main .resources_section h2{
	margin-top:0 !important;
}
.knowledge-single .main .resources_section p:last-child{
	margin-bottom:0;
}
.knowledge-single .main .others h2{
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	margin-bottom:0;
}
.knowledge-single .main .others h2#related{
	border-top: 1px solid #D6D6D6;
	padding-top:36px;
}
.knowledge-single .main .others h2#popular{
	border-top: 1px solid #D6D6D6;
	padding-top:36px;
}
.knowledge-single .main .like_share .post_like{
	font-weight: 700;
	font-size: 14px;
	padding-right:16px;
	position:relative;
}
.knowledge-single .main .like_share .post_like .love{
	background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1678149834/-design-system/icon-love.svg);
    width: 20px;
    height: 17px;
    background-size: cover;
    margin-right: 5px;
}
.knowledge-single .main .like_share .post_like .liked .love{
    background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1678149834/-design-system/icon-loved.svg);
}
.knowledge-single .main .like_share .share{
	padding-left:20px;
	cursor:pointer;
	position:relative;
	display:flex;
	align-items:center;
}
.knowledge-single .main .like_share .popups{
	left:10px;
	top:-10px;
	position:absolute;
	z-index:1050;
}
.knowledge-single .main .like_share svg.heart{
	fill:#EB44A7;
}
.knowledge-single .main .like_share .share:before{
	content:"";
	display:block;
	height:12px;
	border-left: 1px solid #1E1E21;
	position:absolute;
	left:0;
}
.knowledge-single .modal-content .share a:nth-child(4){
	background-image:none !important;
}
.knowledge-single .modal-content .share a:nth-child(5) {
    background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1680049822/-design-system/pinterest.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px auto !important;
    color: transparent !important;
}
@media only screen and (max-width : 767px){
	.knowledge-archive ul.links{
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		overflow-x: scroll; 
		overflow-y:hidden;
	}
	.knowledge-archive ul.links:after{
		content:"";
		display:block;
		width:20px;
	}
	.like_share{
		position:fixed;
		bottom:36px;
		width:146px;
		height:45px;
		left:50%;
		transform:translatex(-50%);
		box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
		border-radius: 24px;
		background: #FFFFFF;
	}
	.like_share .post_like{
		flex:0 0 50%;
		padding-right:0 !important;
		display:flex;
		justify-content:center;
	}
	.knowledge-single .main .like_share .popups{
		left:20px;
	}
	.like_share .share{
		padding-left:0 !important;
		flex:0 0 50%;
		display:flex;
		justify-content:center;
		align-items:center;
	}
}
@media only screen and (min-width : 768px){
	.knowledge-top .popular-articles ul.popular,.knowledge-top .search-results ul{
		display:flex;
		flex-wrap:wrap;
		margin-left:-18px;
		margin-right:-18px;
	}
	.knowledge-top .popular-articles ul.popular li,.knowledge-top .search-results ul li{
		flex:0 0 50%;
		padding:0 18px;
	}
	.knowledge-archive .articles ul{
		display:flex;
		flex-wrap:wrap;
		margin-bottom:100px;
	}
	.knowledge-archive .articles ul li{
		flex:0 0 50%;
	}
	.knowledge-single .main ul.articles li .content{
		width:600px;
	}
}
@media only screen and (min-width : 992px){	
	.knowledge-top{
		padding-top:170px;
	}
	.knowledge-top #search{
		margin-bottom:48px;
	}
	.knowledge-top h1{
		font-size: 44px;
		line-height: 58px;
		margin-bottom:12px;
	}
	.knowledge-top.support h1{
		margin-bottom:36px;
	}
	.knowledge-top #search input{
		font-size: 16px;
		line-height: 22px;
		padding:16px;
		padding-left:60px;
	}
	.knowledge-top #search svg{
		width:24px;
		height:24px;
	}
	.knowledge-top h2{
		font-weight: 700;
		font-size: 24px;
		line-height: 34px;
		margin-bottom:32px;
	}
	.knowledge-top .popular-articles ul{
		padding-left:0;
		margin-left:-18px;
		margin-right:0;
		overflow-x:visible;
		flex-wrap:wrap;
	}
	.knowledge-top .popular-articles ul li{
		flex:0 0 calc((100% - 40px) / 4);
		margin-right:0;
		padding:0 18px;
	}
	.knowledge-top .popular-articles ul.popular{
		margin-right:-18px;
	}
	.knowledge-top .popular-articles ul.popular li,.knowledge-top .search-results ul li{
		flex: 0 0 33.3333333%;
	}
	.knowledge-top .popular-articles ul li h3,.knowledge-top .search-results ul li h3{
		font-size: 20px;
		line-height: 24px;
	}
	.knowledge-top .insight ul{
		display:flex;
		flex-wrap:wrap;
	}
	.knowledge-top .insight ul li{
		flex:0 0 50%;
	}
	.knowledge-top .insight ul li h3{
		font-size: 18px;
		line-height: 22px;
		margin-bottom:4px;
	}
	.knowledge-top .insight ul li .content{
		font-size: 16px;
		line-height: 26px;
	}
	.knowledge-top .insight a.btn{
		margin-top:52px;
		margin-bottom:48px;
	}
	.knowledge-top h2.no-result{
		font-size: 32px;
		line-height: 46px;
	}
	.knowledge-archive .breadcrumbs{
		margin-bottom:48px;
	}
	.knowledge-archive h1{
		font-size: 44px;
		line-height: 58px;
		margin-bottom:12px;
	}
	.knowledge-archive p.subtitle{
		font-size: 20px;
		line-height: 28px;
	}
	.knowledge-archive ul.links{
		margin-top:48px;
		margin-bottom:36px;
		overflow-x:visible;
	}
	.knowledge-archive .articles h2{
		font-weight: 700;
		font-size: 24px;
		line-height: 34px;
		margin-bottom:16px;
	}
	.knowledge-archive .articles ul li{
		flex:0 0 33.3333333333%;
	}
	.knowledge-single{
		padding-top:100px;
	}
	.knowledge-single .main{
		flex:0 0 calc(100% - 270px);
		padding-right:60px;
	}
	.knowledge-single h1{
		margin:36px 0 26px;
		font-size: 48px;
		line-height: 54px;
		text-align:left;
	}
	.knowledge-single .main #heading0{
		margin-bottom:48px;
	}
	.knowledge-single .main #heading0 p:last-child{
		margin-bottom:0;
	}
	.knowledge-single .main section{
		margin-bottom:48px;
	}
	.knowledge-single .main section.image_block .caption{
		font-size: 16px;
		line-height: 26px;
	}
	.knowledge-single .main .info{
		font-size: 16px;
		line-height: 26px;
	}
	.knowledge-single .main .content p{
		font-size: 18px;
		line-height: 28px;
	}
	.knowledge-single .main .content h2{
		font-size: 32px;
		line-height: 46px;
	}
	.knowledge-single .main .content h3{
		font-size: 18px;
		line-height: 28px;
		margin-bottom:16px;
	}
	.knowledge-single .main .thumbnail-image img{
		margin-bottom:36px;
	}
	.knowledge-single .main .list_block .item{
		margin-bottom:64px;
	}
	.knowledge-single aside{
		flex:0 0 300px;
		margin-top:-100px;
	}
	.knowledge-single aside .links{
		position: sticky;
		top:100px;
		margin-bottom:48px;
	}
	.knowledge-single aside b{
		display:block;
		font-weight: 900;
		font-size: 20px;
		line-height: 28px;
		margin-bottom:6px;
	}
	.knowledge-single aside p{
		font-size: 16px;
		line-height: 26px;
		margin-bottom:8px;
	}
	.knowledge-single aside div.links{
		border-left: 1px solid #F1F1F1;
		padding-left:24px;
	}
	.knowledge-single aside ul{
		padding-top:36px;
	}
	.knowledge-single aside ul li{
		font-size: 14px;
		line-height: 24px;
		margin-bottom:8px;
	}
	.knowledge-single aside ul li a{
		display:block;
		position:relative;
	}
	.knowledge-single aside ul li a.current{
		font-weight: 700;
		position:relative;
		display:block;
	}
	.knowledge-single aside ul li a.current:before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		bottom:0;
		left:-25px;
		border-left: 2px solid #1E1E21;
	}
	.knowledge-single aside button.btn{
		color: #fff;
		border-radius: 100px;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		padding: 13px 22px;
		height: 44px;
	}
	.knowledge-single .main ul.articles li h3{
		font-size: 20px;
		line-height: 28px;
	}
	.knowledge-single .main .list_block .item{
		background-size:31px 20px;
		padding-left:48px;
		padding-right:48px;
	}
	.knowledge-single .main .list_block .item:after{
		background-size:31px 20px;
		width:31px;
		height:20px;
	}
	.knowledge-single .main .others{
		padding-top:48px;
	}
	.knowledge-single .main ul.articles li:last-child{
		padding-bottom:48px;
	}
	.knowledge-single .main .others h2{
		font-size: 24px;
		line-height: 34px;
	}
	.knowledge-single .main .others h2#popular{
		padding-top:48px;
	}
	.knowledge-single .main .like_share{
		margin:62px 0 48px;
	}
	.knowledge-single .main .like-top .like_share{
		margin:0;
	}
}
@media (min-width: 1200px){
	.knowledge-top h2{
		margin-bottom:8px;
	}
	.knowledge-top .insight ul{
		margin-left:-24px;
		margin-right:-24px;
	}
	.knowledge-top .insight ul li{
		flex:0 0 33.333333%;
		padding:24px;
		margin-bottom:0;
	}
	.knowledge-archive .articles h2.gear{
		margin-top:88px;
	}
	.knowledge-top .popular-articles ul.popular li,.knowledge-top .search-results ul li{
		flex: 0 0 25%;
		margin-bottom:48px;
	}
	.knowledge-top .popular-articles ul li .image,.knowledge-top .search-results ul li .image{
		margin-bottom:12px;
	}
	.knowledge-single .main{
		padding-right:190px;
	}
}
@media (min-width: 1281px){

}
@media (min-width: 1440px){

}
@media (min-width: 1681px){

}


div.watch-position{
	position: relative;
}
.heart {
	width: 20px;
	transition: fill 0.5s, transform 0.5s;
	pointer-events: none;
}
svg.heart{
	fill: #1936D0;
}
.heart-pop {
	position: absolute;
	width: 13px;
	opacity: 0;
	left: 40px;
	animation: pop 1s ease forwards;
}
.heart-pop.one {
	left: 1%;
	transform: rotate(-10deg);
	animation-delay: 0.45;
}
.heart-pop.two {
	left: 15%;
	transform: rotate(8deg);
	animation-delay: 0.25s;
}
.heart-pop.three {
	left: 30%;
	transform: rotate(-5deg);
	animation-delay: 0;
}
.heart-pop.four {
	left: 50%;
	transform: rotate(-8deg);
	animation-delay: 0.3s;
}
.heart-pop.five {
	left: 60%;
	transform: rotate(-10deg);
	animation-delay: 0.9s;
}
.heart-pop.six {
	left: 70%;
	transform: rotate(-8deg);
	animation-delay: 0.2;
}
.heart-pop.seven {
	left: 85%;
	transform: rotate(6deg);
	animation-delay: 0.35s;
}
.heart-pop.eight {
	left: 90%;
	transform: rotate(-4deg);
	animation-delay: 0.5s;
}
.heart-pop.nine {
	left: 95%;
	transform: rotate(8deg);
	animation-delay: 0.2s;
}

@keyframes pop {
	0% {
		left: calc(50% - 7px);
		top: 10px;
	}
	20% {
		opacity: 1;
	}
	80% {
		top: -20px;
	}
	100% {
		opacity: 0;
	}
}
@keyframes beatHeart {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.1);
	}
	40% {
		transform: scale(1);
	}
	60% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
.tooltip.in{
	opacity: 1;
}
.tooltip-inner{
	display: inline-block;
	background: rgba(32, 32, 32, 0.8);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 8px;
	width: 130px;
	padding: 9px 22px;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: transparent;
}
.tooltip.bottom {
	margin: 0;
	margin-top: -10px;
	margin-left: 80px;
}
/************************* 90 Knowledge **************************/

/************************* Solutions **************************/
.page-template-page_solutions{
	box-shadow:none;
}

/************************* Solutions **************************/


/************************* Insights **************************/
.single-insight .content .links{
	margin-bottom:40px;
}
.single-insight .content .links h2{
	margin-bottom:24px;
	font-size: 20px;
	line-height: 28px;
}
.single-insight .content .links ol{
	padding-left:20px;
}
.single-insight .content .links li{
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	margin-bottom:0;
}
.single-insight .content .links .item span{
	padding-left:10px;
}
.single-insight .content .topics section{
	padding:0 0 64px;
	margin-bottom:0;
}
.single-insight .content .topics section:last-child{
	background-image:none;
}
.single-insight .content .topics section img{
	width:100%;
	height:auto;
}
.single-insight .content .topics .topic p:last-child{
	margin-bottom:0;
}
.single-insight .content .topics .topic h2{
	margin-bottom:12px;
}
.single-insight .content .topics .topic h2 span{
	color: #1936D0;
}
.single-insight .content .topics .topic p{
	font-size:18px;
	line-height:28px;
	margin-bottom:12px;
}
.single-insight .content .topics .topic p.subtext{
	font-size: 14px;
	line-height: 24px;
	color: #808080;
}
.single-insight .content .topics .topic p.subtext a{
	color: #1936D0;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
.single-insight .content .table-responsive{
	border:none;
}
.single-insight .content .renderImage{
	margin-top:30px;
}
.single-insight .content .table-responsive .table{
	border: 1px solid #ddd;
	table-layout:fixed;
}
.single-insight .content .table-responsive caption{
	text-align:center;
}
.single-insight .side .banner form button {
	background-color: transparent;
	margin-top: 20px;
	line-height:1;
}
.single-insight .side .banner form input,.single-insight .side .banner form textarea{
	display:none;
}
.single-insight .side .banner {
    font-weight: normal;
}
.single-insight .side .banner form button:hover {
    background: #fff;
	color: #1936D0;
}
.single-insight .side .banner span{
    font-weight: 900;
}
.single-insight .content section.blue-block{
	background: linear-gradient(108.13deg, rgba(25, 54, 208, 0.1) 51.34%, rgba(253, 1, 198, 0.1) 100%);
	border-radius: 12px;
	border:none;
	padding:24px 32px;
}
.single-insight .content section.blue-block p{
	background: linear-gradient(108.13deg, #1936D0 51.34%, #FD01C6 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	mix-blend-mode: normal;
	font-size: 16px !important;
	line-height: 26px !important;
}
.single-insight .content p.data-label{
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	margin:36px auto 24px;
	width:90%;
	text-align:center;
}
.single-insight .content .renderImage{
	margin-bottom:48px;
}
.single-insight .content .renderImage img{
	width:100%;
	height: auto;
}
@media only screen and (min-width: 992px){
	.single-insight aside button.btn{
		color: #fff;
		border-radius: 100px;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		padding: 13px 22px;
		height: 44px;
	}
	.single-insight aside form input, .single-insight aside form textarea {
		display: none;
	}
	.single-insight .main .like_share{
		margin-top:0;
	}
	.single-insight .content p.data-label{
		font-size: 18px;
		line-height: 28px;
		width:70%;
	}
}
@media only screen and (min-width: 1200px){
	.single-insight .content .topics .topic{
		position:relative;
	}
	.single-insight .content .topics .topic .number{
		display:block;
		position:absolute;
		top:30px;
		left:-120px;
		font-weight: 900;
		font-size: 124px;
		line-height: 78px;
	}
}
@media only screen and (min-width: 1440px){
	.single-insight .content .topics .topic .number{
		left:-170px;
	}
}
/************************* Insights **************************/

/************************* About PAGE **************************/
.about-page{
	background:#ffffff;
}
.about-hero{
	padding-top:64px;
	text-align:center;
	background:#ffffff;
	padding-bottom:16px;
}
.about-hero .title{
	margin-bottom:12px;
	font-weight: 900;
	font-size: 50px;
	line-height: 58px;
}
.about-hero .title span{
	display:block;	
	background:linear-gradient(to right, #1936D0 47.59%, #FD01C6 64.58%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.about-hero p{
	max-width:412px;
	margin-left:auto;
	margin-right:auto;
	font-size: 18px;
	line-height: 28px;
}
.about-hero p b{
	font-weight:900;
}
.about-page nav{
	margin-top:24px;
	margin-bottom:28px;
}
.about-page nav .link{
	margin:0 4px 8px;
}
.about-page nav a{
	font-size: 14px;
	line-height: 24px;
	background: #F1F1F1;
	border-radius: 70px;
	padding:4px 16px;
	display:block;
	transition: all 0.3s ease 0s;
}
.about-page nav a.current,.about-page nav a:hover{
	background: #1E1E21;
	color:#fff;
}
.about-page ul.nav{
	margin-bottom:24px;
	border-bottom:solid 1px #F1F1F1;
}
.about-page ul.nav li{
	margin:0 12px;
}
.about-page ul.nav li:first-child{
	margin-left:20px;
}
.about-page ul.nav li a{
	font-size: 16px;
	line-height: 26px;
	color: #1E1E21;
	padding:0 0 12px;
}
.about-page ul.nav li a.active{
	font-weight: bold;
	border-bottom: 2px solid #1E1E21;
}
.about-page .video-wrapper{
	border-radius: 8px;
	box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.25);
}
.about-page .video-wrapper figure{
	border-radius: 8px;
}
.about-page .overview{
	padding-bottom:24px;
}
.about-page .overview .video{
	margin-top:24px;
}
.about-page .how-works,.about-page .testimonial{
	padding-top:24px;
}
.about-page .how-works a.btn{
	margin-top:24px;
	margin-bottom:16px;
}
.about-page .testimonial p{
	margin-bottom:24px;
}
.about-page .testimonial .video{
	margin-top:24px;
}
.about-page .our-locations{
	padding:24px 0 16px;
}
.about-page .our-locations h2{
	margin-bottom:24px;
}
.about-page .our-locations li{
	margin-bottom:12px;
}
.about-page .our-locations li div{
	background: #F1F1F1;
	border-radius: 16px;
	padding:12px 16px;
	font-size: 14px;
	line-height: 24px;
}
.about-page .our-locations li b{
	font-size: 16px;
	line-height: 26px;
}
.about-page .team{
	background: #070707;
	padding:24px 0;
	color:#fff;
}
.about-page .team h2 span{
	background: linear-gradient(94.02deg, #1936D0 54.98%, #FD01C6 112.7%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.about-page .team p{
	margin-bottom:24px;
}
.about-page .team li{
	font-size: 14px;
	line-height: 24px;
	margin-bottom:24px;
}
.about-page .team img.photo{
	width:136px;
	height:136px;
	border-radius:50%;
	display:block;
	margin:0 auto 16px;
}
.about-page .team b{
	font-size: 18px;
	line-height: 28px;
}
.about-page .team a.btn{
	background: #35353A;
	border-radius: 100px;
	padding: 0px 45px;
}
.about-page .team a.btn:hover{
	background: rgba(53,53,53,0.5);
	color:#fff;
}
.about-page .team-content .our-team{
	margin-top:64px;
}
.about-page .team-content .item{
	margin-bottom:36px;
}
.about-page .team-content .item .team-avatar{
	flex:0 0 88px;
}
.about-page .team-content img.photo{
	width:76px;
	height:76px;
	border-radius:50%;
	display:block;
	box-shadow:0px 2px 48px rgba(0, 0, 0, 0.1);
}
.about-page .team-content h3{
	font-size: 20px;
	line-height: 28px;
}
.about-page .team-content h3 img{
	margin-left:8px;
	width:32px;
	height:32px;
}
.about-page .team-content h3 span{
	display:block;
	font-size: 16px;
	line-height: 26px;
	color:#808080;
	font-weight:normal;
	margin-bottom:8px;
}
.about-page .team-content span.position{
	font-size: 16px;
	line-height: 26px;
	color: #808080;
	display:block;
	margin-bottom:8px;
}
.about-page .team-content .item p{
	font-size: 16px;
	line-height: 26px;
}
.about-page .team-content .item p a{
	font-weight:900;
}
.about-page .team-content .item p a:hover{
	color:#35353A;
}
.about-page .breadcrumbs{
	padding-top:68px;
	text-align:left;
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	margin-bottom:16px;
}
.about-page .breadcrumbs a{
	color:#808080;
	font-weight:normal;
}
.about-page .breadcrumbs b{
	font-weight:bold;
}
.about-page .tips a.btn{
	border-radius:100px;
	display:block;
	margin-top:24px;
}
.about-page .careers .head div{
	margin-left:auto;
	margin-right:auto;
	max-width:764px;
	font-size:18px !important;
	line-height:28px !important;
}
.about-page .careers .head a.btn{
	border-radius: 100px;
	margin-top:24px;
}
.about-page .careers .head div span{
	font-size: 20px !important;
	line-height: 28px !important;
}
.about-page span.location{
	display:block;
	margin:16px 0 24px;
}
.about-page span.location img{
	display:inline-block;
	margin-right:4px;
}
.about-page .head{
	padding-bottom:40px;
}
.about-page .head span.location img{
	margin:0 12px;
}
.about-page .job-desc li{
	list-style:none;
	position:relative;
	padding-left:20px;
	margin-bottom:16px;
}
.about-page .job-desc li:before{
	position:absolute;
	content:"";
	display:block;
	width:8px;
	height:8px;
	background: #1E1E21;
	border-radius:50%;
	top:11px;
	left:0;
}
.about-page .job-desc span.location img{
	display:inline-block;
	margin:0 12px;
}
.about-page .job-desc h3{
	font-size: 24px;
	line-height: 34px;
	margin:24px 0 12px;
}
.page-template-positions .job-desc div.apply{
	padding:12px 0 0;
	text-align:center;
}
.page-template-positions .job-desc .apply a.btn{
	    border-radius: 100px;
}
.page-template-positions .card-tips{
	background: #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	position: relative;
	height: 470px;
	margin-top:48px;
}
.page-template-positions .card-tips .tips-pagination a{
	display: inline-block;
	width: 7px;
	height: 12px;
	opacity:1;
	top:217px;
}
.page-template-positions .card-tips .tips-pagination a:hover{
	opacity:0.7;
}
.page-template-positions .card-tips .tips-pagination a.left{
	background: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1622616192/-design-system/icon-left.svg);
	position: absolute;
	right: 75px;
}
.page-template-positions .card-tips .tips-pagination a.right{
	background: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1622616192/-design-system/icon-right.svg);
	position: absolute;
	right: 24px;
}
.page-template-positions .carousel-inner h3{
	font-weight: 900;
	font-size: 20px;
	line-height: 28px;
	padding:16px 24px 10px;
}
.page-template-positions .carousel-inner .item div.text{
	margin: 16px 24px 0;
}
.page-template-positions .carousel-inner .item div.text .d-flex{
	justify-content:space-between; 
}
.page-template-positions .carousel-inner .item div.text span{
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	padding-right:10px;
	padding-top:4px;
	width:48px;
	text-align:center;
}
.page-template-positions .carousel-inner .item img{
	width:calc(100% - 48px);
	height:auto;
	display:block;
	margin:0 auto;
}
.page-template-positions .carousel-inner .item h4{
	margin: 0 0 12px;
	font-size: 20px;
	line-height: 28px;
	max-width:242px;
}
.page-template-positions .carousel-inner .item .text p{
	font-size: 14px;
	line-height: 24px;
}
.page-template-positions .carousel-control{
	position: relative;
	width: auto;
	opacity: 1;
}
.page-template-positions .carousel-control.left,.carousel-control.right{
	background-image: none;
}
.careers-openings-section{
	background: #F1F1F1;
	padding:24px 0 48px;
}
.careers-openings-section h2{
	font-size: 32px;
	line-height: 46px;
	margin-bottom:16px;
}
@media only screen and (max-width: 767px){
	.about-page h1{
		font-size: 32px;
		line-height: 46px;
	}
	.about-page h2{
		font-size: 24px;
		line-height: 34px;
	}
	.about-page .team h2{
		font-size: 32px;
		line-height: 46px;
	}
	.about-page p{
		font-size: 16px;
		line-height: 26px;
	}
	.about-page .our-locations{
		padding-top:0;
	}
	.about-page .team-content p.subtitle{
		margin-bottom:36px;
	}
	.about-page ul.nav{
		display:flex;
		overflow-x: auto;
		flex-wrap:nowrap;
		justify-content:start !important;
		margin-left:-20px;
		margin-right:-20px;
		padding-left:-20px;
	}
	.about-page ul.nav:after{
		content:"";
		display:block;
		flex:0 0 8px;
		width:8px;
	}
	.about-page ul.nav li a{
		white-space: nowrap;
	}
}
@media only screen and (min-width: 768px){
	.about-hero{
		padding-top:114px;
		padding-bottom:74px;
	}
	.about-hero .title{
		font-size: 54px;
		line-height: 68px;
	}
	.about-hero p{
		font-size: 20px;
		line-height: 28px;
	}
	.about-page nav{
		margin-bottom:20px;
	}
	.about-page nav .link{
		margin:0 6px 8px;
	}
	.about-page ul.nav li{
		margin:0 18px;
	}
	.about-page nav a{
		font-size: 16px;
		line-height: 26px;
		padding:8px 16px;
	}
	.about-page .small-container{
		padding:0;
		width:728px !important;
		margin-left:auto;
		margin-right:auto;
	}
	.about-page .our-locations ul{
		margin-left:-8px;
		margin-right:-8px;
	}
	.about-page .our-locations li{
		flex: 0 0 50%;
		max-width: 50%;
		padding:0 8px;
		margin-bottom:16px;
	}
	.about-page .our-locations li div{
		padding:12px 22px;
	}
	.page-template-positions .carousel-inner .item img{
		width:calc(80% - 48px);
	}
}
@media only screen and (min-width: 992px){
	.about-page .breadcrumbs{
		padding-top:78px;
		margin-bottom:36px;
	}
	.about-hero .title{
		font-size: 76px;
		line-height: 82px;
	}
	.about-page nav{
		margin-bottom:28px;
	}
	.about-page ul.nav{
		padding-top:16px;
		margin-bottom:36px;
	}
	.about-page ul.nav li{
		margin:0 24px;
	}
	.about-page .overview{
		padding-bottom:58px;
	}
	.about-page .how-works,.about-page .testimonial{
		padding-top:35px;
	}
	.about-page section.brands{
		margin-top:60px;
	}
	.about-page .our-locations{
		padding:38px 0 60px;
	}
	.about-page .team{
		padding:35px 0 41px;
	}
	.about-page .team p{
		margin-bottom:46px;
	}
	.about-page .team-content .item{
		margin-bottom:100px;
	}
	.about-page .team-content h3{
		font-size: 24px;
		line-height: 34px;
	}
	.about-page .team-content h3 span{
		font-size: 18px;
		line-height: 28px;
	}
	.about-page .team-content span.position{
		font-size: 16px;
		line-height: 26px;
		margin-bottom:16px;
	}
	.about-page .team-content .item .team-avatar{
		flex:0 0 148px;
	}
	.about-page .team-content img.photo{
		width:112px;
		height:112px;
	}
	.about-page #googleMap {
		width: 100%;
		height: 700px;
		border-radius:12px;
	}
	.about-page #googleMap .gm-style{
		border-radius:12px;
		overflow:hidden;
	}
	.about-page #googleMap .gm-style-iw{
		background: rgba(255, 255, 255, 0.75);
		box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		border-radius: 16px;
		padding:0;
	}
	.about-page #googleMap .gm-style-iw-d{
		overflow:visible !important;
		padding:14px 16px;
	}
	.about-page #googleMap .gm-style-iw button{
		visibility:hidden;
	}
	.about-page #googleMap .gm-style-iw-tc:after{
		content:none;
	}
	.about-page #googleMap .infowindow-container{
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 24px;
	}
	.about-page #googleMap .infowindow-container img{
		display:inline-block;
		margin-right:6px;
		border: 1px solid #F1F1F1;
		border-radius:50%;
	}
	.page-template-positions .card-tips{
		width: 345px;
	}
	.page-template-positions .carousel-inner .item img{
		width: 295px;
	}
	.page-template-positions .careers .tips{
		flex:0 0 345px;
	}
	.about-page .job-desc{
		padding-right:30px;
		margin-top:-24px;
	}
	.page-template-positions .card-tips .tips-pagination a{
		top:229px;
	}
	.page-template-positions .job-desc div.apply{
		padding-bottom:24px;
	}
	.page-template-positions .job-desc div.apply{
		padding-top:24px;
	}
	.page-template-positions .card-tips{
		margin-top:0;
	}
}
@media only screen and (min-width: 1200px){
	.about-page .our-locations li{
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
}
@media only screen and (min-width: 1281px){
	.about-page .team-content .item p{
		padding-right:50px;
	}
	.about-page .job-desc{
		padding-right:150px;
	}
	.page-template-positions .card-tips.is-fixed{
		right:100px;
	}
}
/************************* About PAGE **************************/


/************************* Careers PAGE **************************/
.careers .jobs-teams{
	margin-bottom:24px;
	display: flex;
	overflow-x: auto;
	padding-left:20px;
}
.careers .jobs-teams a.btn{
	margin-right:6px;
	white-space: nowrap;
	background: #FFFFFF;
	border: 1px solid #F1F1F1;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 14px;
	line-height: 32px;
	padding:0 12px;
	color: #1E1E21;
	height:32px;
	font-weight:normal;
}
.careers .jobs-teams .last{
	flex:0 0 14px;
	width:14px;
}
.careers .jobs-teams a.btn.active{
	background: #1E1E21;
	color:#fff;
}
.careers .jobs-teams a.btn:focus{
	box-shadow:none;
}
.careers .tripartite{
	background: #FFFFFF;
	border-radius: 12px;
	padding:12px 16px;
	margin-bottom:24px;
	margin-top:24px;
	box-shadow: 0px 2px 48px rgb(0 0 0 / 10%);
}
.careers .tripartite a{
	color:#1936D0;
	font-weight:bold;
}
.careers .tripartite p{
	font-size: 14px;
	line-height: 24px;
}
.careers .tripartite img{
	width:60px;
	margin-right:16px;
}
.careers .jobs-list{
	padding-bottom:44px;
}
.careers .jobs-list .job {
    margin-bottom: 12px;
}
.careers .jobs-list .job.tip{
	display:none;
}
.careers .jobs-list .job .item {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 12px 16px 16px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
	position: relative;
	font-size: 14px;
	line-height: 24px;
}
.careers .jobs-list .job .item:hover{
	box-shadow: 0px 12px 36px rgb(0 0 0 / 15%);
}
.careers .jobs-list .job .item span{
	color: #808080;
	display:flex;
}
.careers .jobs-list .job.tip .item span{
	color: #1E1E21;
	display:block;
	font-size: 16px;
	line-height: 26px;
	padding-top:17px;
}
.careers .jobs-list .job .item span img{
	margin-right:4px;
}
.careers .jobs-list .job .item .job-description{
	margin:8px 0;
}
.careers .jobs-list .job .item div.d-flex{
	justify-content:space-between;
}
.careers .jobs-list .job .item a.apply{
	border: 1.5px solid #1E1E21;
	border-radius: 100px;
	background:transparent;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color:#1E1E21;
	height:36px;
	padding:9px 14px;
	position:relative;
}
.careers .jobs-list .job .item a.apply:hover{
	background:#1E1E21;
	color:#fff;
}
.careers .jobs-list .job .item a.more{
	background:transparent;
	font-weight: 600;
	font-size: 14px;
	line-height: 36px;;
	color:#1E1E21;
	height:36px;
	padding:0;
}
.careers .jobs-list .job.no_position{
	order:99;
}
.careers .jobs-list .job.no_position .item {
    background: #F1F1F1;
}
.careers .jobs-list .job.no_position a.btn{
	background: #9E9E9E;
	border-radius: 100px;
	color:#fff;
	font-size:14px;
	line-height:18px;
	padding:9px 15px;
	height:36px;
}
.careers .jobs-list .job.no_position　a.btn:hover{
	background-color: #BABABA;
}
.careers .jobs-list .job.tip .item {
	border: none;
	padding: 24px;
	background:transparent;
}
.careers .jobs-list .job.tip .item:hover{
	box-shadow:none;
}
.careers .jobs-list .job.tip .item img{
	width:70%;
	display:block;
	margin:0 auto;
}
.careers .diversity_statement.job .item {
    background: #1936D0;
    box-shadow: 0px 2px 48px rgb(0 0 0 / 10%);
    border-radius: 12px;
    padding: 21px;
	color:#fff;
}
.careers .diversity_statement.job .item img{
	margin-bottom:30px;
}
.careers .jobs-list .job .item h3{
	margin: 0;
	font-size: 20px;
	line-height: 28px;
}
.careers .jobs-list .job .item p{
	font-size: 14px;
	line-height: 24px;
}
.careers .jobs-list .job .item a.link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.page-template-positions .careers .jobs-list .job .item .buttons{
	justify-content:space-between;
}
.page-template-positions .careers .apply a.btn{
	border-radius:100px;
	margin:36px 0;
}
@media only screen and (max-width: 767px){
	.careers .jobs-teams a.btn{
		font-size: 12px;
		line-height: 22px;
		height:30px;
		padding:4px 12px;
	}
	.page-template-positions .breadcrumbs{
		display:flex;
	}
	.page-template-positions .breadcrumbs b{
		display:inline-block;
		width:180px;
		white-space: nowrap; 
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media only screen and (min-width: 768px){
	.careers .jobs-list{
		margin-left:-6px;
		margin-right:-6px;
	}
	.careers .jobs-list .job {
		width: 50%;
		padding-left: 6px;
		padding-right: 6px;
	}
	.careers .jobs-list .job.tip{
		display:block;
	}
	.jobs-list .job .item {
		height:100%;
	}
	.page-template-positions .careers .jobs-list .job .item{
		padding-bottom:55px;
		position:relative;
	}
	.page-template-positions .careers .jobs-list .job .item .buttons{
		position:absolute;
		bottom:19px;
		left:19px;
		right:19px;
		justify-content:start;
	}
	.careers .jobs-list .job .item div.d-flex{
		justify-content:start;
	}
	.page-template-positions .careers .jobs-list .job .item .buttons a.btn.more,.careers .jobs-list .job .item a.more{
		margin-left:16px;
	}
	.careers .jobs-list .job .item h3{
		font-size: 24px;
		line-height: 34px;
	}
	.careers .jobs-list .job .item p{
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 992px){
	.careers .tripartite p{
		font-size: 16px;
		line-height: 26px;
	}
	.careers .tripartite img{
		width:67px;
	}
	.careers .jobs-teams a.btn{
		margin-right:12px;
	}
	.jobs-list .job .item {
		font-size: 14px;
		line-height: 24px;
	}
	.jobs-list .job .item p{
		font-size: 14px;
		line-height: 24px;
	}
	.careers .jobs-list .job .item {
		padding:16px 20px 20px;
	}
	.careers .jobs-list .job .item .job-description{
		margin-bottom:16px;
	}
}
@media only screen and (min-width: 1200px){
	.careers .jobs-list .job{
		width:33.3333333333%;
	}
}
@media only screen and (min-width: 1281px){
	.careers .jobs-teams{
		padding-left: 100px;
		padding-right: 100px;
	}
}
@media only screen and (min-width: 1800px){
	.careers .jobs-teams{
		padding-left: calc((100% - 1600px)/2);
	}
}
/************************* Careers PAGE **************************/


/************************* Product PAGE **************************/
.page-template-products h2{
	font-size: 24px;
	line-height: 34px;
}
.page-template-products .hero{
	color:#fff;
	background: #070707;
	padding-top:76px;
	padding-bottom:80px;
	position:relative;
	background-size:cover;
	background-position:center;
	margin-bottom:110px;
	overflow:hidden;
}
.page-template-products .hero .background:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 675px;
	top: 0;
	background: linear-gradient(180deg, rgba(7, 7, 7, 0.8) 41.15%, #070707 100%);
}
.page-template-products .hero .background {
    position: absolute;
    width: 100%;
    height: 675px;
    top: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.page-template-products .hero .container{
	position:relative;
	z-index:30;
}
.page-template-products .hero .breadcrumbs{
	margin-bottom:24px;
}
.page-template-products .hero .breadcrumbs a{
	color: #9E9E9E;
}
.page-template-products .hero .safety_banner{
	background: #1936D0;
	color:#fff;
	font-size: 14px;
	line-height: 24px;
	padding:20px 0;
	width:194px;
	position: absolute;
	top: 200px;
	right:-194px;
	z-index:40;
	border-radius: 36px 0px 0px 36px;
	display:none;
	overflow:hidden;
}
.page-template-products .hero .safety_banner .tab,.page-template-products .hero .safety_banner_wrapper .tab{
	content:"";
	display:block;
	width: 20px;
	height: 90px;
	position: absolute;
	right: 0px;
	top:279px;
	border-radius: 12px 0px 0px 12px;
	background: #1936D0;
	background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1582007375/-design-system/icon-next-white.svg);
	background-repeat: no-repeat;
	background-position: center right;
	z-index:100;
}
.page-template-products .hero .safety_banner.closed{
	right:-194px;
}
.page-template-products .hero .safety_banner.closed .tab,.page-template-products .hero .safety_banner_wrapper.closed .tab{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	border-radius: 0px 12px 12px 0px;
	background-position: center;
}
.page-template-products .hero .safety_banner.learn_more{
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100vh;
	z-index:1001;
	border-radius:0;
}
.page-template-products .hero .safety_banner span{
	display:block;
	font-weight: 900;
	font-size: 18px;
	line-height: 28px;
}
.page-template-products .hero .safety_banner button.more{
	border:none;
	background:transparent;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color:#fff;
	margin-top:10px;
	white-space:nowrap;
}
.page-template-products .hero .safety_banner button.understood{
	line-height:1;
	margin-top:28px;
}
.page-template-products .hero .safety_banner .main{
	display:none;
}
.page-template-products .hero .safety_banner .main b{
	font-size: 16px;
	line-height: 26px;
}
.page-template-products .hero .safety_banner .main ol{
	padding-left:1rem;
	margin-top:9px;
	margin-bottom:0;
}
.page-template-products .hero .safety_banner .main ol li{
	font-size: 14px;
	line-height: 22px;
	margin-bottom:10px;
}
.page-template-products .hero .safety_banner .main ol li:last-child{
	margin-bottom:0;
}
.page-template-products .hero h1{
	margin-bottom:16px;
}
.page-template-products .hero .text{
	margin-bottom:26px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}
.page-template-products .hero .price{
	background: rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	padding:20px 15px 15px;
	font-size: 16px;
	line-height: 26px;
}
.page-template-products .hero .price .from{
	margin-bottom:16px;
}
.page-template-products .hero .price .from span{
	font-size:24px;
	line-height:34px;
	font-weight:900;
}
.page-template-products .hero .price b{
	font-weight: 900;
}
.page-template-products .hero .price .cta{
	margin-top:24px;
	background: rgba(32, 32, 32, 0.75);
	backdrop-filter: blur(250px);
	-webkit-backdrop-filter: blur(250px);
	border-radius: 12px;
}
.page-template-products .hero .price .cta a.btn,.page-template-products .modal a.btn{
	display:block;
	line-height:52px;
	height:52px;
	border-radius:6px;
}
.page-template-products .hero .price .cta a.btn:focus ,.page-template-products .modal a.btn:focus{
    outline: none;
}
.page-template-products .hero .including{
	border-radius: 16px;
	overflow:hidden;
	margin-top:24px;
	margin-bottom:-150px;
}
.page-template-products .hero .including .video{
	position:relative;
	z-index:100;
	margin-bottom:24px;
	border-radius:12px;
	overflow:hidden;
}
.page-template-products .hero .including .video figure{
	margin-bottom:0;
	border-radius:12px;
	overflow:hidden;
}
.page-template-products .hero .including .image{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:cover;
	background-position:center;
	z-index:200;
}
.page-template-products .hero .including .image .play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor:pointer;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background: rgba(32, 32, 32, 0.5);
	border: 1.5px solid rgba(255, 255, 255, 0.25);
	box-sizing: border-box;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border-radius: 100px;
	padding: 11px 15px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease 0s;
}
.page-template-products .hero .including .image .play:hover{
	border: 1.5px solid #FFFFFF;
}
.page-template-products .hero .including .image .play svg{
	width:24px;
	height:24px;
	position:relative;
	top:auto;
	left:auto;
	transform:none;
	margin-right:8px;
}
.page-template-products .hero .including .text{
	padding:20px 24px 16px;
	color:#fff;
	text-align:left;
	background: #1E1E21;
	border-radius:12px;
}
.page-template-products .hero .including .text .title{
	font-weight: 300;
	font-size: 24px;
	line-height: 34px;
}
.page-template-products .hero .including .text .product_include{
	font-size: 14px;
	line-height: 24px;
}
.page-template-products .hero .including .text .product_include div.d-flex.align-items-center{
	margin-top:16px;
}
.page-template-products .hero .including .text .product_include b{
	font-weight:900;
	display:inline-block;
	margin-left:-2rem;
	margin-right:9px;
}
.page-template-products .hero .including .text .product_include button{
	font-weight: 600;
	color: #FFF;
	font-size: 8px;
	line-height: 10px;
	text-transform: uppercase;
	background: #1936D0;
	padding: 3px 6px;
	border-radius: 4px;
	border:none;
}
.page-template-products .hero .including .text .product_include li{
	text-align: left;
}
.page-template-products .hero .including .text small{
	font-size: 12px;
	line-height: 22px;
	display:block;
	position:relative;
	padding-left:15px;
	margin-left:13px;
}
.page-template-products .hero .including .text small:before{
	content:"*";
	position:absolute;
	top:0;
	left:0;
}
.page-template-products .addon_slider .slider{
	display: flex;
	overflow-x: auto;
	padding-left: 20px;
	padding-top:16px;
	padding-bottom:24px;
}
.page-template-products .addon_slider .slider:after {
    content: "";
    display: block;
    flex: 0 0 4px;
    width: 4px;
}
.page-template-products .addon{
	flex: 0 0 311px;
	max-width: 311px;
	height: 210px;
	padding-right:16px;
}
.page-template-products .addons .addon .item{
	border-radius: 12px;
	padding:16px 24px;
	font-size: 14px;
	line-height: 24px;
	height:100%;
	border: 1px solid #F1F1F1;
}
.page-template-products .addons .addon .item > div{
	margin-bottom:8px;
}
.page-template-products .addons .addon .item img{
	margin-right:8px;
}
.page-template-products .addons .addon .item b{
	font-weight: 900;
	font-size: 20px;
	line-height: 28px;
}
.page-template-products .addons .banner{
	background: rgba(61, 122, 241, 0.15);
	border-radius: 8px;
	padding:12px 16px;
	color: #1936D0;
	font-size: 14px;
	line-height: 24px;
	position:relative;
	overflow:hidden;
}
.page-template-products .addons .banner b{
	font-weight:900;
}
.page-template-products .addons .banner a.btn{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:32px;
	height:100%;
	border-radius:0;
	padding:0;
	color:transparent;
}
.page-template-products .addons .banner a.btn:after{
	content:"";
	display:block;
	width:16px;
	height:11px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1642675503/-design-system/icon-arrow-direct.svg);
	position:absolute;
	top:50%;
	margin-top:-5px;
	right:8px;
}
.page-template-products .addons .scrollbar-external_wrapper{
	height:auto !important;
}
.page-template-products p.subtext{
	font-size: 16px;
	line-height: 26px;
	margin-bottom:16px;
}
.page-template-products .best-videos{
	padding-top:48px;
}
.more-products{
	padding-top:48px;
	position:relative;
}
.more-products .products{
	overflow-x: auto;
	margin-left: -20px;
	margin-right: -20px;
	padding: 0 8px 24px 20px;
}
.more-products .products:after{
	content: "";
	display: block;
	flex: 0 0 8px;
	width: 8px;
}
.more-products .products .product{
	flex: 0 0 300px;
	max-width: 300px;
	position: relative;
	margin-right: 12px;
}
.more-products .products .product a{
	height:100%;
}
.more-products .products .product .item{
	border-radius: 12px;
	box-shadow: 0px 2px 24px rgb(0 0 0 / 10%);
	overflow:hidden;
	height:100%;
	background:#fff;
}
.more-products .products .product .image {
    height: 171px;
    background-size: cover;
    background-position: center;
    position: relative;
    text-align: center;
}
.more-products .products .product .image .price_range {
    padding: 6px 12px;
    background: rgba(32, 32, 32, 0.5);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 101px;
    margin-top: 12px;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
}
.more-products .products .product .image .price_range span {
    font-weight: 900;
    font-size: 18px;
    line-height: 28px;
}
.more-products .products .product .text {
    padding: 16px;
    position: relative;
}
.more-products .products .product .text  h3 {
    font-size: 24px;
    line-height: 34px;
}
.more-products .products .product .text p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}
.more-products .products .product button{
	display:none;
}
.more-products a.button.more{
	margin-top:0;
}
.sticky_nav{
	display:none;
	position:fixed;
	z-index:1000;
	bottom:0;
	left:0;
	right:0;
	background: #fff;
	padding:10px 0 16px;
}
.sticky_nav .name{
	font-weight: 900;
	font-size: 16px;
	line-height: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width:200px;
}
.sticky_nav .price span{
	display:block;
	font-size: 12px;
	margin-right:2px;
}
.sticky_nav .price b{
	font-weight: 900;
	font-size: 16px;
	line-height: 26px;
	white-space: nowrap;
}
.sticky_nav button.details{
	border-radius: 100px;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	padding:7px 19px;
	height:auto;
	white-space: nowrap;
}
.page-template-products .addon_slider button{
	display:none;
}
@media only screen and (max-width : 320px){
	.page-template-products .hero h1{
		font-size: 32px;
		line-height: 46px;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px)  {
	.page-template-products .hero h1{
		font-size: 38px;
		line-height: 52px;
	}
}
@media only screen and (min-width : 350px){
	.sticky_nav .name{
		width:230px;
	}
}
@media only screen and (min-width : 414px){
	.sticky_nav .name{
		width:auto;
	}
}
@media only screen and (max-width : 767px){
	.page-template-products .safety_banner_wrapper{
		position:absolute;
		top:0;
		left:0;
		right:0;
	}
}
@media only screen and (min-width : 768px){
	.page-template-products .hero .safety_banner_wrapper.closed .tab{
		display:none;
	}
	.page-template-products .hero .safety_banner{
		right:0;
	}
	.page-template-products .wrapper h2{
		font-size: 32px !important;
		line-height: 46px !important;
	}
	.page-template-products p.subtext{
		font-size: 18px;
		line-height: 28px;
		margin-bottom:20px;
	}
	.page-template-products .hero{
		overflow:visible !important;
	}
	.page-template-products .hero .safety_banner{
		position:relative;
		width:100%;
		height:auto;
		top:0;
		border-radius: 0;
		font-size: 16px;
		line-height: 26px;
		display:block;
	}
	.page-template-products .hero .safety_banner .tab{
		display:none;
	}
	.page-template-products .hero .safety_banner .text{
		padding-right:0;
		width:100%;
		max-width:none;
	}
	.page-template-products .hero .safety_banner .text button{
		margin-top:0;
	}
	.page-template-products .hero .safety_banner.closed{
		right:0;
	}
	.page-template-products .hero .safety_banner .main{
		margin-top:15px;
	}
	.page-template-products .hero .safety_banner img{
		width:35px;
		height:auto;
		margin-right:15px;
	}
	.page-template-products .hero .content{
		margin-top:38px;
	}
	.page-template-products .hero .text{
		margin-right:64px;
		margin-bottom:0;
		text-align: left;
	}
	.page-template-products .hero .text p{
		text-align:left;
	}
	.page-template-products .hero .price{
		min-width:387.5px;
		margin-top:16px;
	}
	.page-template-products .hero .price .cta{
		margin-top:20px;
		padding:20px;
	}
	.page-template-products .hero .including,.page-template-products .hero .including.no-video{
		display:block;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.page-template-products .hero .including.no-video .text{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page-template-products .hero .including .text{
		margin-right:0;
	}
	.page-template-products .hero .including .image .play{
		font-size: 16px;
		line-height: 22px;
		padding:13px 17px;
		font-weight:600;
	}
	.page-template-products .hero .including .image .play svg{
		margin-right:12px;
	}
	.more-products .products{
		overflow-x: none;
		flex-wrap: wrap;
		margin:0 -24px;
		padding: 0 12px;
	}
	.more-products .products:after{
		content:none;
	}
	.more-products .products .product{
		flex: 0 0 50%;
		max-width: 50%;
		margin:0 0 24px;
		padding:0 12px;
	}
	
	.more-products .products .product .item{
		box-shadow: none;
	}
	.more-products .products .product .text {
		padding: 12px 24px 83px;
	}
	.more-products .products .product button{
		position: absolute;
		border-radius: 100px;
		height: 40px;
		padding: 10px 20px;
		bottom: 12px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 14px;
		line-height: 18px;
		bottom: 24px;
		display: inline-block;
		white-space: nowrap;
	}
	.sticky_nav{
		position:fixed;
		bottom:auto;
		top:0;
		padding:22px 0;
		z-index:1000;
	}
	.sticky_nav .name{
		width:auto;
		font-size: 20px;
		line-height: 28px;
		padding-right:12px;
		border-right:solid 1px #D6D6D6;;
	}
	.sticky_nav .price{
		padding-left:12px;
	}
	.sticky_nav button.details{
		color:#fff;
		border:none;
		background: #1E1E21;
		font-size: 14px;
		line-height: 18px;
		padding:7px 19px;
		height:32px;
		moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
	}
	.sticky_nav button.details:hover{
		background: rgba(32,32,32,0.75);
	}
	.sticky_nav a.cta{
		border-radius:100px;
		height:32px;
		padding:7px 12px;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		margin-left:10px;
		white-space: nowrap;
	}
}
@media only screen and (min-width : 992px){
	.page-template-products .hero{
		padding-top:100px;
		margin-bottom:186px;
	}
	.page-template-products .hero .background {
		max-height: 820px;
		background-position: center top;
	}
	.page-template-products .hero .background:after {
		max-height: 820px;
	}
	.page-template-products .hero .content{
		margin-top:78px;
	}
	.page-template-products .hero .safety_banner p{
		white-space: nowrap;
	}
	
	.page-template-products .hero h1{
		font-size:54px;
		line-height:68px;
	}
	.page-template-products .hero .text{
		font-size: 20px;
	}
	.page-template-products .hero .price{
		font-size: 18px;
		line-height: 28px;
	}
	.page-template-products .hero .price .from{
		font-size:20px;
		line-height:28px;
	}
	.page-template-products .hero .price .from span{
		font-size:32px;
		line-height:46px;
	}
	.page-template-products .hero .including{
		display:flex;
		width:100%;
		margin-top:90px;
		margin-bottom:-200px;
		background: #1E1E21;
		box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
	}
	.page-template-products .hero .including .video{
		margin-bottom:0;
		padding-left:42px;
		display:flex;
		align-items:center;
		flex:0 0 606px;
	}
	.page-template-products .hero .including .video figure{
		width:100%;
	}
	.page-template-products .hero .including .text{
		padding:45px 31px 37px;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	.page-template-products .hero .including .text .title{
		font-size: 32px;
		line-height: 46px;
		white-space: nowrap;
	}
	.page-template-products .hero .including .text .product_include{
		font-size: 16px;
		line-height: 30px;
	}
	.page-template-products .hero .including .text .product_include ul{
		margin-bottom:0;
	}
	.page-template-products .hero .including .text .product_include b{
		margin-right:8px;
	}
	.page-template-products .hero .including .text .product_include a{
		font-size: 14px;
		line-height: 18px;
	}
	.page-template-products .hero .including .text small{
		font-size: 14px;
		line-height: 24px;
	}
	.page-template-products .hero .video-wrapper{
		height:100%;
	}
	.page-template-products .addon_slider,.page-template-products .more-products .slider{
		position:relative;
	}
	.page-template-products .addon_slider .slider{
		overflow:visible;
		transition: all 0.5s ease 0s;
		padding-top:20px;
	}
	.page-template-products .addon_slider button{
		display:inline-block;
	}
	.page-template-products .addon_slider button.slick-arrow,.page-template-products .more-products .slider button.slick-arrow{
		position: absolute;
		top: -44px;
		transition: all 0.2s ease 0s;
		opacity: 1;
		width: 44px;
		height: 44px;
		background-color: #fff;
		border: 1.5px solid #F1F1F1;
		background-repeat:no-repeat;
		background-position:center;
		color: transparent;
		border-radius:50%;
	}
	.page-template-products .more-products .slider button.slick-arrow{
		top:-64px;
	}
	.page-template-products .addon_slider button.slick-arrow:hover,.page-template-products .more-products .slider button.slick-arrow:hover{
		border: 1.5px solid #1E1E21;
	}
	.page-template-products .addon_slider button.slick-prev,.page-template-products .more-products .slider button.slick-prev{
		right: 76px;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519758/-design-system/-icons-2022/arrow-left.svg);
	}
	.page-template-products .addon_slider button.slick-next,.page-template-products .more-products .slider button.slick-next{
		right: 20px;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519758/-design-system/-icons-2022/arrow-right.svg);
	}
	.page-template-products .addon_slider button.slick-disabled,.page-template-products .more-products .slider button.slick-disabled{
		opacity: 0.15;
		pointer-events: none;
	}
	.page-template-products .addon_slider:after{
		content:none;
	}
	.page-template-products .addon{
		flex: 0 0 421px;
		max-width: 421px;
		height: 162px;
		padding-right:24px;
	}
	.page-template-products .addons .addon .item{
		box-shadow:none;
	}
	.page-template-products .addons .banner{
		text-align:center;
		padding-top:15px;
		padding-bottom:15px;
		font-size: 16px;
		line-height: 26px;
	}
	.page-template-products .addon_slider.scroll-content{
		padding-top:24px !important;
		padding-bottom:40px !important;
		padding-left:20px;
		width:100% !important;
	}
	.page-template-products .addons .scrollbar-external_wrapper{
		height: 218px !important;
		margin-bottom:36px;
	}
	.page-template-products .addons .scroll-element_track {
		background: #D6D6D6;
		border-radius: 100px;
	}
	.page-template-products .addons .scroll-bar {
		background: #1E1E21 !important;
	}
	.page-template-products .best-videos{
		padding-top:76px;
	}
	.page-template-products .more-products{
		padding-top:94px;
	}
	.more-products .products .product{
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.more-products .products .product .text  h3 {
		font-size: 32px;
		line-height: 46px;
	}
	.sticky_nav .name{
		width:auto;
	}
}
@media only screen and (min-width : 1200px){
	.page-template-products .hero h1{
		font-size:76px;
		line-height:91px;
	}
	.page-template-products .hero .including.no-video{
		width: 50%;
	}
	.page-template-products .hero .text{
		max-width:746px;
	}
	.page-template-products .hero .price-wrapper{
		width:426px;
	}
	.page-template-products .hero .including .text{
		position:relative;
	}
	.page-template-products .hero .including.no-video .text{
		padding-bottom: 28px;
	}
	.page-template-products .hero .including .text small{
		position:absolute;
		bottom:28px;
	}
	.page-template-products .hero .including.no-video .text small{
		position: relative;
		bottom: 0;
		margin-top: 10px;
	}
	.page-template-products .addons .banner a.btn{
		width:auto;
		height:auto;
		font-size: 14px;
		line-height: 18px;
		padding:11px 16px;
		color:#fff;
		top:8px;
		right:12px;
		bottom:8px;
		border-radius:4px;
	}
	.page-template-products .addons .banner a.btn:after{
		content:none;
	}
}
@media only screen and (min-width : 1280px){
	.page-template-products .hero .including .video{
		padding-left:52px;
		padding-top:48px;
		padding-bottom:48px;
		flex:0 0 654px;
	}
	.page-template-products .hero .including .text{
		padding:51px 41px;
	}
}
@media only screen and (min-width : 1281px){
	.page-template-products .addon_slider{
		padding-left:100px;
	}
	.page-template-products .addon:last-child{
		padding-right:100px;
		flex: 0 0 497px;
		max-width: 497px;
	}
	.page-template-products .addon_slider .slider{
		padding-left:0;
	}
	.page-template-products .addon_slider button.slick-next,.page-template-products .more-products .slider button.slick-next{
		right:100px;
	}
	.page-template-products .addon_slider button.slick-prev,.page-template-products .more-products .slider button.slick-prev{
		right:152px;
	}
}
@media only screen and (min-width : 1440px){
	.page-template-products .hero .including .video{
		padding-left:54px;
		flex:0 0 766px;
	}
	.page-template-products .hero .including .text{
		padding:51px 41px;
	}
}
@media only screen and (min-width : 1650px){
	.page-template-products .hero .including .video{
		padding-left:48px;
		padding-top:48px;
		padding-bottom:48px;
		flex:0 0 812px;
	}
	.page-template-products .hero .including .video figure{
		width:764px;
	}
}
@media only screen and (min-width : 1681px){
	.page-template-products .container{
		padding-left:100px;
		padding-right:100px;
	}
}
@media only screen and (min-width :1800px){
	.page-template-products .addon_slider{
		padding-left: calc((100% - 1600px)/2);
	}
	.page-template-products .addon:last-child{
		flex: 0 0 calc(397px + (100% - 1600px));
		max-width: calc(397px + (100% - 1600px));
		padding-right:calc(100% - 1600px);
	}
	.page-template-products .addon_slider button.slick-next,.page-template-products .more-products .slider button.slick-next{
		right:calc((100% - 1600px)/2);
	}
	.page-template-products .addon_slider button.slick-prev,.page-template-products .more-products .slider button.slick-prev{
		right:calc((100% - 1490px)/2);
	}
}
@media only screen and (min-width : 1920px){
	.page-template-products .hero .including .text{
		padding:51px 41px;
	}
}
/************************* Product PAGE **************************/


/************************* Landing PAGE **************************/
.product_cards ul{
	margin-left:-12px;
	margin-right:-12px;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	padding:0 20px 58px;
}
.product_cards ul  li{
	display: inline-block;
	padding:12px;
}
.product_cards ul .card{
	width:302px;
	background: #FFFFFF;
	border: 1px solid #F1F1F1;
	box-sizing: border-box;
	border-radius: 8px;
	overflow:hidden;
	position:relative;
	white-space: normal;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.product_cards ul .card:hover{
	box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.15);
}
.product_cards ul .card a.link{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.product_cards ul .card .image{
	height:154px;
	background-size:cover;
	background-position:center;
}
.product_cards ul .card .text{
	padding:16px;
	border-bottom: 1px solid #F1F1F1;
	margin-bottom:15px;
}
.product_cards ul .card .text h3{
	font-weight: 900;
	font-size: 20px;
	line-height: 28px;
	margin:0 0 4px;
}
.product_cards ul .card .text p{
	font-size: 14px;
	line-height: 24px;
	margin:0 0 4px;
}
.product_cards ul .card .text .see_details{
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin-bottom:18px;
}
.product_cards ul .card .text .details{
	font-size: 14px;
	line-height: 24px;

}
.product_cards ul .card .text .details span{
	font-weight: 900;
	display:block;
}
.product_cards ul .card .price{
	text-align:center;
	font-size:14px;
	line-height:20px;
	margin-bottom:16px;
}
.product_cards ul .card .price span{
	font-size: 16px;
	line-height: 24px;
	display:inline-block;
	margin-left:9px;
	margin-right:4px;
}
.product_cards ul .card .price strong{
	font-weight: 900;
	font-size: 18px;
	line-height: 22px;
}
.product_cards ul .card a.btn.btn-green{
	display:block;
	margin:17px 24px 24px;
	position:relative;
	transition: all 0.7s ease 0s;
}
.product_cards ul .card a.btn.btn-green:hover{
	background: #1C8FD6;
}
.product_cards　.horizontal-list{
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

@media only screen and (min-width : 768px){
	.striped-sections section h2,.striped-sections .full-width h2 {
		font-size: 54px;
		line-height: 68px;
		margin-bottom: 24px;
	}
	.product_cards ul .card .image{
		height:170px;
	}
}
@media only screen and (min-width : 922px){
	.striped-sections section img{
		margin-bottom:0;
	}
}
@media only screen and (min-width : 1281px){
	.product_cards ul{
		padding:0 80px 58px;
	}
	.product_cards ul .card{
		width:324px;
	}
}
.striped-sections section.grey{
	background: #F1F1F1;
}
.striped-sections section h2,.striped-sections .full-width h2{
	font-weight: 900;
	font-size: 32px;
	line-height: 46px;
	margin-bottom:16px;
}
.striped-sections h2 span{
	color: #808080;
}
.striped-sections section img{
	margin-bottom:24px;
}
.striped-sections img{
  margin: 0 auto;
}
.striped-sections .row p{
	font-size: 20px;
	line-height: 28px;
}
.striped-sections ul li i{
	font-size: 25px;
}
.striped-sections ul{
	padding: 0;
}
.striped-sections ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.striped-sections ul li:before{
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	position:absolute;
	top:10px;
	left:5px;
	background:#1E1E21;
}
.striped-sections ul li p{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.89;
}
.striped-sections .row{
	padding: 70px 0;
}
.striped-sections .row:first-child{
      padding-top: 70px;
  }
.striped-sections .full-width p{
	font-weight:400;
}
.striped-sections p a{
	text-decoration:underline;
}
.striped-sections ul.img-link{
	margin-top:30px;
}
@media only screen and (min-width : 768px){
	.striped-sections section h2,.striped-sections .full-width h2 {
		font-size: 54px;
		line-height: 68px;
		margin-bottom: 24px;
	}
}
@media only screen and (min-width : 922px){
	.striped-sections section img{
		margin-bottom:0;
	}
}
/************************* Landing PAGE **************************/


/************************* Social Share **************************/
.social-share.vertical{
	position:absolute;
	top:80px;
}
.social-share.vertical li{
	width:35px;
	height:35px;
	margin-bottom:12px !important;
	text-align:center;
	background-color:#BABABA;
/* 	transition: all 0.5s ease 0s; */
	border-radius:50%;
	position:relative;
}
.social-share.vertical li:hover{
	background-color:#1E1E21;
}
.social-share.vertical li a{
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.social-share.vertical li img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.social-share.vertical li.toggle{
	display:none;
}
.social-share.vertical .more{
	background: #F1F1F1;
/* 	transition: all 0.5s ease 0s; */
	width: 35px;
	height: 35px;
	border-radius:50%;
	text-align:center;
	color: #808080;
	font-size:16px;
	line-height:35px;
	cursor:pointer;
}
.social-share.vertical .more:hover{
	background-color:#BABABA;
	color:#fff;
}
.social-share.vertical .collapse-button{
	width:26px;
	height:14px;
	margin-left:4.5px;
	cursor:pointer;
	transition: all 0.5s ease 0s;
	display:none;
	transform: rotate(180deg);
	background:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1596082598/-design-system/-social-share-icons/button-collapse.svg);
}
.social-share.vertical .collapse-button:hover{
	width:26px;
	height:14px;
	background:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1596082598/-design-system/-social-share-icons/button-collapse-hover.svg);
}
/************************* Social Share **************************/

/************************* Card Grid **************************/
div.grid{
	display:flex;
	flex-direction:column;
	padding-bottom:44px;
}
div.grid .card{
	border:none;
	background:none;
}
div.grid .card .video-wrapper{
	box-shadow:none;
}
div.grid .card .item{
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
	border-radius: 12px;
	margin-bottom:12px;
	overflow:hidden;
	padding:24px;
	flex: 1 1 auto;
}
div.grid#creator_testimonial .card .item{
	padding-bottom:36px;
}
div.grid .card .item .brand,div.grid .modal .brand{
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
	align-items:center;
	padding-bottom:12px;
}
div.grid .card .logo,div.grid .modal .logo{
	width:50px;
	height:50px;
	border-radius:50%;
	display:flex;
	align-items:center;
	margin-right:16px;
	border: 1px solid #F1F1F1;
}
div.grid .card img.media_logo{
	max-height:36px;
	margin-bottom:12px;
}
div.grid .card .logo img,div.grid .modal .logo img{
	width:100%;
	height:auto;
}
div.grid .card .text,div.grid .modal .text{
	font-size: 16px;
	line-height: 26px;
	margin-bottom:12px;
}
div.grid .card .tags,div.grid .modal .tags{
	margin-top:12px;
}
div.grid .card .tags span,div.grid .modal .tags span{
	background: #F1F1F1;
	border-radius: 70px;
	font-size: 10px;
    line-height: 12px;
	padding: 10px 16px;
	margin-right:10px;
	display:inline-block;
	text-transform: uppercase;
}
div.grid .card a.more{
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	display:block;
	text-align:right;
	color: #070707;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1627454105/-homepage-icons/-sub-screens/-about-us/icon-arrow-down.svg);
	background-repeat:no-repeat;
	background-position:right center;
	position:absolute;
	bottom:24px;
	right:24px;
	padding-right:16px;
}
div.grid .card a.more.creator{
	bottom:22px;
	right:24px;
}
div.grid .card a.more:hover{
	color:#1E1E21;
}
div.grid .card span.name,.modal span.name{
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
	margin-bottom:5px;
}
div.grid .card span.location,.modal span.location{
	font-size: 16px;
	line-height: 26px;
	margin-bottom:12px;
	margin-top:0;
}
div.grid .modal span.close{
	position:absolute;
	top:16px;
	right:24px;
	font-size: 14px;
	line-height: 24px;
	cursor:pointer;
}
div.grid .modal button.close_button{
	position:absolute;
	top:12px;
	right:12px;
	border:none;
	background:transparent;
	padding:0;
}
div.grid .modal button.close_button svg{
	width:30px;
	height:30px;
}
div.grid.media{
	padding-bottom:50px;
}
div.grid.media h2{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:8px;
}
div.grid.media p{
	font-size: 16px;
	line-height: 26px;
}
div.grid.photo .image{
	height:240px;
	background-size:cover;
	background-position:center;
	border-radius: 8px;
	margin-bottom:12px;
}
div.grid.photo h2{
	font-size: 24px;
	line-height: 34px;
}
div.grid.photo.videos h2{
	padding-top:10px;
}
div.grid.photo .image.play{
	height:100%;
}
div.grid .card .item .logo-img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
div.grid.photo .mockup {
	padding:10px;
	border-bottom: 1px solid #EFEFEF;
	background-color: #fff;
	background-image: -webkit-linear-gradient(
		45deg
		,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef),-webkit-linear-gradient(
			45deg
			,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef);
	background-position: 0 0,10px 10px;
	-webkit-background-size: 21px 21px;
	background-size: 21px 21px;
	border: 0;
	background-repeat: repeat;
	position: relative;
}
div.grid.award .card .item p{
	margin-bottom:0;
}
div.grid.award .card .item span.date{
	display:block;
	margin-top:12px;
	font-size: 16px;
	line-height: 26px;
	color: #808080;
	position:absolute;
	left:24px;
	bottom:20px;
}
div.grid.award .card .item .award_image{
	border-radius: 8px;
	height:212px;
	background-size:cover;
	background-position:center;
}
div.grid .modal-body{
	padding:24px;
}
.modal-content{
	border-radius:20px;
	box-shadow:0 2px 48px rgb(0 0 0 / 15%);
	border:0px;
}
.about-page .modal .video-wrapper{
	box-shadow:none;
}
@media only screen and (max-width : 767px){
	.modal-content{
		border: 1px solid #EBEBEB;
	}
	.modal-dialog-centered {
		display: flex;
		align-items: center;
		min-height: 0;
		margin: 80px 20px 0;
	}
	div.grid .card .item,div.grid .modal-body{
		padding:16px 20px 12px;
	}
	div.grid .modal span.close {
		position: absolute;
		top: 8px;
		right: 12px;
		font-size: 12px;
		line-height: 22px;
	}
	div.grid{
		padding-bottom:12px;
	}
	div.grid .card .text,div.grid .modal .text{
		font-size: 14px;
		line-height: 24px;
	}
	div.grid .card .tags span,div.grid .modal .tags span{
		font-size: 12px;
		line-height: 22px;
		padding:5px 16px;
	}
	div.grid .card a.more.creator{
		position:relative;
		display:block;
		right:0;
		bottom:4px;
	}
	div.grid .card span.name,.modal span.name{
		font-size: 20px;
		line-height: 28px;
		margin-bottom:8px;
	}
	div.grid .card span.location, .modal span.location{
		font-size: 14px;
		line-height: 24px;
		margin-bottom:8px;
	}
	div.grid#creator_testimonial .card .item{
		padding-bottom:12px;
	}
	div.grid.photo h2{
		font-size: 20px;
		line-height: 28px;
		margin-bottom:12px;
	}
	div.grid .card a.more{
		position:relative;
		right:auto;
		bottom:0;
	}
}
@media only screen and (min-width : 768px){
	div.grid{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		margin-left:-6px;
		margin-right:-6px;
	}
	div.grid .card{
		flex: 0 0 50%;
		max-width: 50%;
		padding:0 6px;
	}
	div.grid .modal button.close_button svg{
		width:36px;
		height:36px;
	}
}
@media only screen and (min-width : 992px){
	div.grid .card{
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
}
@media only screen and (min-width : 1281px){
	div.grid.photo .card .item{
		padding-bottom:45px;
	}
	div.grid.award .card .item .award_image{
		margin-bottom:12px;
	}
}
/************************* Card Grid **************************/


/* Landing page*/
.landingpage .sections section{
	padding:100px 0;
}
.landingpage .sections section p{
	font-size: 20px;
	line-height: 28px;
}
.landingpage .sections section p span,.landingpage .sections section p b{
	font-weight: 900;
}
.landingpage .hero-video{
	position: relative;
	padding:300px 0 38px;
	overflow: hidden;
}
.landingpage .hero-video:before{
	content: "";
	display: block;
	background: rgba(32,32,32,0.9);
/* 	background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, #1E1E21 69.99%); */
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20;
}
.landingpage .hero-video video{
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 10;
}
.landingpage .hero-video p{
	font-size: 20px;
	line-height: 28px;
	position: relative;
	color: #fff;
	padding: 0 20px;
	margin-bottom:0;
	z-index: 30;
}
.landingpage .hero-video p strong{
	font-weight: 900;
}
.landingpage .hero-video p a{
	color: #1DA1F2;
	font-size: 18px;
}
.landingpage .hero-video #seeSolutions{
	display: inline-block;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 15px 50px 15px 32px;
	border-radius: 4px;
	position: relative;
	z-index: 30;
}
@media only screen and (min-width : 768px){
    .landingpage .sections section p{
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }
	.landingpage .hero-video{
		padding-bottom: 0;
	}
	.landingpage .hero-video p{
		font-size: 24px;
		line-height: 34px;
		width: 80%;
		left: 10%;
		bottom: 48px;
		color: #fff;    
		padding: 0;
		margin-bottom: 0;
	}
	.landingpage .hero-video #seeSolutions{
		position: absolute;
		bottom: 50px;
		left:50%;
		margin-left: -118px;
	}
	.landingpage .sections section h2{
		margin-bottom:24px;
	}
}
@media only screen and (min-width : 992px){
    .landingpage .hero-video{
        padding-top: 450px;
    }
    .landingpage .hero-video p{
        width: 50%;
        left: 25%;
    }
}
@media only screen and (min-width : 1200px){
    .landingpage .hero-video{
        padding-top: 600px;
    }
}
/* Landing page*/

/* Single Video page */
.single-post .video-container{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:10px;
	   border-radius: 8px;
    box-shadow: 0px 2px 48px rgb(0 0 0 / 25%);
}
.single-post .video-container iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.single-post .tags{
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    overflow-x: auto;
  }
.single-post .tags a{
	font-size: 14px;
	line-height: 24px;
	background: #F1F1F1;
	border-radius: 70px;
	padding: 4px 16px;
	display: block;
	transition: all 0.7s ease 0s;
	margin-right:12px;
	white-space: nowrap;
}
.single-post .tags a:hover{
	background: #1E1E21;
	color: #fff;
}
@media only screen and (min-width : 768px){
	.single-post .tags{
		margin-left:0;
		margin-right:0;
		padding-left: 0;
		overflow-x: initial;
	}
	.single-post .tags > div{
		flex-wrap: wrap;
	}
	.single-post .tags > div a{
		margin-bottom:12px;
	}
}

/* Single Video page */

/* Location Slider */
.location_slider ul{
	margin-bottom: 44px;
}
.location_slider ul li{
    background-size: cover;
    background-position: center;
    width: 390px;
    height: 240px;
    border-radius: 12px;
    margin: 0 11px;
    position: relative;
}
.location_slider ul li a.link{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.location_slider li .buttons{
	position:absolute;
	left:12px;
	right:12px;
	bottom:12px;
}
.location_slider ul.list2 li .buttons{
	left:12px;
	right:auto;
}
.location_slider ul li .buttons span{
	background: rgba(7,7,7,0.75);
	border-radius: 20px;
	font-size: 14px;
	line-height: 24px;
	padding:4px 16px;
	display:inline-block;
	margin-right:8px;
	color:#fff;
}
.location_slider ul li .buttons span:last-child{
	margin-right:0;
}
.location_slider ul.list2 li .buttons span:first-child{
	margin-right:0;
}
.location_slider ul.list2 li .buttons span:last-child{
	margin-right:8px;
}
.location_slider ul li .creator {
    background: #fff;
    justify-content: center;
    font-size: 14px;
    line-height: 24px;
    box-shadow: 0 2px 16px rgb(0 0 0 / 10%);
    border-radius: 8px;
    padding: 12px 13px;
    display: inline-block;
    position: absolute;
    left: 12px;
    bottom: 12px;
}
.location_slider ul li .creator img {
    display: inline-block;
    margin-right: 12px;
}
.location_slider ul li .creator a.btn {
    background: #1936D0;
    border-radius: 100px;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 13px;
    color: #fff;
    margin-left: 12px;
    height: 32px;
}
@media only screen and (min-width : 2120px){
	.location_slider ul li {
		height:12vw;
	}
}
/* Location Slider */


/************************* Pricing **************************/
   .page-template-page-pricing div.statement{
        margin-top: 0 !important;
    }
    .page-template-page-pricing #hero{
        margin-top: 110px;
        margin-bottom: 36px;
        overflow: hidden;
    }
    .page-template-page-pricing #hero .logo{
        margin-bottom:29px;
    }
    .page-template-page-pricing #hero h1{
        font-weight: 900;
        font-size: 32px;
        line-height: 46px;
    }
    .page-template-page-pricing #hero h1{
        max-width: 833px;
        margin: 0 auto 24px;
    }
    .page-template-page-pricing #hero h1 span{
        color: #808080;
        display: block;
    }
    .page-template-page-pricing #hero .contents{
        height: 259px;
        position: relative;
        margin-bottom: 36px;
    }
    .page-template-page-pricing #hero .contents img{
        border-radius: 16px;
        position: absolute;
        box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
    }
    .page-template-page-pricing #hero .contents #image1{
        left: 50%;
        margin-left: -89px;
        z-index: 5;
        width: 178px;
    }
    .page-template-page-pricing #hero .contents #image2{
        z-index: 3;
        width: 156px;
        left: -55px;
        bottom: 16px;
    }
    .page-template-page-pricing #hero .contents #image3{
        z-index: 3;
        width: 156px;
        right: -55px;
        bottom: 16px;
    }
    .page-template-page-pricing #hero .contents #image4{
        z-index: 1;
        display: none;
    }
    .page-template-page-pricing #hero .contents #image5{
        z-index: 1;
        display: none;
    }
    .page-template-page-pricing .split{
        overflow: hidden;
    }
    .page-template-page-pricing .split section{
        padding: 290px 0 0;
        background: #F1F1F1;
        text-align: center;
    }
    .page-template-page-pricing .split section.section1,.split section.section3{
        padding-top: 27px;
    }
    .page-template-page-pricing .split section.odd{
        background:#fff;
    }
    .page-template-page-pricing .split section .image{
        position: relative;
        min-height: 250px;
    }
    .page-template-page-pricing .split section.section2 .image, .page-template-page-pricing .split section:last-child .image{
        min-height: 530px;
    }
    .page-template-page-pricing .split section img{
        box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.25);
        border-radius: 24px;
        position: absolute;
    }
    .page-template-page-pricing .split section h2{
        font-weight: 900;
        margin-bottom: 12px;
        font-size: 32px;
        line-height: 46px;
    }
    .page-template-page-pricing .split section h2 span{
        color:#808080;
        display: block;
    }
    .page-template-page-pricing .split section .price{
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    .page-template-page-pricing .split section .price b{
        font-weight: 900;
    }
    .page-template-page-pricing .split section .price span{
        font-size: 16px;
        line-height: 26px;
        font-weight: normal;
    }
    .page-template-page-pricing .split section .image img{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .page-template-page-pricing .split section .text p{
        margin-bottom: 16px;
    }
    .page-template-page-pricing .split section .text a.btn{
        margin-top:0;
        display: block;
        margin-bottom: 36px;
    }
    .page-template-page-pricing .curated-marketplace{
        background: #F1F1F1;
        padding: 55px 0 60px;
    }
    .page-template-page-pricing .curated-marketplace h2{
        font-weight: normal;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .page-template-page-pricing .curated-marketplace h2 span{
        font-family: 'blastimo_regular';
        display: block;
        font-size: 90px;
        line-height: 90px;
    }
    .page-template-page-pricing .curated-marketplace p{
        font-size: 20px;
        line-height: 28px;
        max-width: 548px;
        margin: 0 auto 16px;
    }
    .page-template-page-pricing .curated-marketplace a.btn{
        width: 110px;
        height: 32px;
        background: #1936D0;
        border-radius: 100px;
        border:none;
        font-weight: bold;
        font-size: 14px;
        line-height: 32px;
        color:#fff;
        transition: all 0.7s ease 0s;
        padding: 0;
        margin: 0;
    }
    .page-template-page-pricing .curated-marketplace a.btn:hover{
        background:#3269D5;
    }
    .page-template-page-pricing .marketplace-products ul{
        list-style: none;
        margin: 32px -20px 0;
        padding: 0;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .page-template-page-pricing .marketplace-products ul li{
        display: inline-block;
        padding: 0 12px;
    }
    .page-template-page-pricing .marketplace-products ul li .item{
        width: 270px;
    }
    .page-template-page-pricing .marketplace-products ul li .item img{
        width: 100%;
        transition: all 0.3s ease-in-out 0s;
        border-radius: 6px;
        margin-bottom: 7px;
    }
    .page-template-page-pricing .marketplace-products ul li .item img:hover{
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 20px;
    }
   .page-template-page-pricing .marketplace-products ul li .item h3{
        font-size: 18px;
        line-height: 24px;
    }
    .page-template-page-pricing .marketplace-products ul li .item .price{
        font-size: 14px;
    }
    .page-template-page-pricing .marketplace-products ul li .item .price b{
        font-weight: 700;
        font-size: 16px;
    }
@media only screen and (min-width : 768px){
    .page-template-page-pricing #hero{
        margin-bottom: 80px;
    }
    .page-template-page-pricing #hero h1{
        margin-bottom: 80px;
        font-size: 54px;
        line-height: 68px;  
    }
    .page-template-page-pricing #hero .contents{
        height: 465px;
        position: relative;
    }
    .page-template-page-pricing #hero .contents img{
        width: 320px;
        border-radius: 16px;
        position: absolute;
        bottom: :0;
        filter: drop-shadow(0px 2px 48px rgba(0, 0, 0, 0.1));
    }
    .page-template-page-pricing #hero .contents #image1{
        left: 50%;
        bottom: 0;
        margin-left: -160px;
        width: 320px;
    }
    .page-template-page-pricing #hero .contents #image2{
        bottom: 28px;
        left: auto;
        right: 50%;
        width: 280px;
    }
    .page-template-page-pricing #hero .contents #image3{
        bottom: 28px;
        left: 50%;
        width: 280px;
    }
    .page-template-page-pricing #hero .contents #image4{
        bottom: 57px;
        left: 0;
        width: 240px;
        display: block;
    }
    .page-template-page-pricing #hero .contents #image5{
        bottom: 57px;
        right: 0;
        width: 240px;
        display: block;
    }
    .page-template-page-pricing #hero p{
        font-size: 24px;
        line-height: 34px;
    }
    .page-template-page-pricing .split section{
        text-align: left;
        padding: 80px 0 !important;
    }
    .page-template-page-pricing .split section h2{
        text-align: left;
        margin-top: 56px;
        font-size: 54px;
        line-height: 68px;
    }
    .page-template-page-pricing .split section h2 span{
        display: inline-block;
    }
    .page-template-page-pricing .split section .image img{
        max-width: 300px;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    .page-template-page-pricing .split section .image{
        float: right;
    }
    .page-template-page-pricing .split section.section2 .image, .page-template-page-pricing .split section:last-child .image{
        min-height: inherit;
    }
    .page-template-page-pricing .split section .text{
        float: left;
        width: 380px;
    }
    .page-template-page-pricing .split section .text a.btn{
        display: inline-block;
        margin-bottom: 0;
    }
    .page-template-page-pricing .split section.odd .image{
        float: left;
    }
    .page-template-page-pricing .split section.odd .text{
        float: right;
    }
    .page-template-page-pricing .curated-marketplace h2{
        margin-bottom: 0;
    }
    .page-template-page-pricing .curated-marketplace h2 span{
        font-size: 104px;
        line-height: 143px;
    }
    .page-template-page-pricing .marketplace-products ul{
        margin: 12px -20px 0;
        padding: 20px 20px 0
    }
    .page-template-page-pricing .marketplace-products ul li{
        width: 30%;
    }
    .page-template-page-pricing .marketplace-products ul li .item{
        width: 100%;
    }
}
@media only screen and (min-width : 992px){
    .page-template-page-pricing #hero h1{
        margin-bottom: 80px;
        font-size: 64px;
        line-height: 78px;  
    }
    .page-template-page-pricing #hero .contents{
        margin-bottom: 80px;
    }
    .page-template-page-pricing #hero .contents #image2{
        right: 55%;
    }
   .page-template-page-pricing  #hero .contents #image3{
        left: 55%;
    }
    .page-template-page-pricing #hero .contents #image4{
        left: 2%;
    }
    .page-template-page-pricing #hero .contents #image5{
        right: 2%;
    }
    .page-template-page-pricing .split section .container{
        max-width: 880px;
        margin: 0 auto;
        padding: 0;
    }
    .page-template-page-pricing .split section .image img{
        max-width: 340px;
    }
    .page-template-page-pricing .split section .text{
        float: left;
        width: 420px;
    }
    .page-template-page-pricing .marketplace-products ul li{
        width: 22%;
    }
}
@media only screen and (min-width : 1200px){
    .page-template-page-pricing #hero .contents #image2{
        right: 60%;
    }
    .page-template-page-pricing #hero .contents #image3{
        left: 60%;
    }
    .page-template-page-pricing .marketplace-products ul li{
        width: 16.666666666666667%;
    }
}
@media only screen and (min-width : 1680px){
    .page-template-page-pricing #hero .contents #image2{
        right: 58%;
    }
   .page-template-page-pricing  #hero .contents #image3{
        left: 58%;
    }
    .page-template-page-pricing #hero .contents #image4{
        left: 8%;
    }
    .page-template-page-pricing #hero .contents #image5{
        right: 8%;
    }
}
@media only screen and (min-width : 1681px){
    .page-template-page-pricing #hero .contents #image2{
        right: 58%;
    }
    .page-template-page-pricing #hero .contents #image3{
        left: 58%;
    }
    .page-template-page-pricing #hero .contents #image4{
        left: 13%;
    }
    .page-template-page-pricing #hero .contents #image5{
        right: 13%;
    }
}
/************************* Pricing **************************/

/************************* Best Videos **************************/
.best-videos h2{
	font-size: 24px;
	line-height: 34px;
}
.best-videos .videos{
	padding-left:20px;
	padding-right:20px;
	margin-left:-8px;
	display: flex;
	overflow-x: auto;
	padding-top:0;
}
.best-videos .videos .item{
	padding: 0 8px;
	display: flex;
	flex: 0 0 288px;
	width: 288px;
}
.best-videos .videos .item .video-card{
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease 0s;
	position: relative;
	flex: 1 1 auto;
}
.best-videos .videos .item .video-wrapper{
	border-radius:12px;
	height:188px;
}
.best-videos .videos .item .video-card .image{
	background-size: cover;
	background-position: center;
	text-align: center;
	cursor:pointer;
	position:relative;
	z-index:10;
	height:188px;
}
.best-videos .videos .item .video-card img.made_by_90{
	position:absolute;
	top:10px;
	left:10px;
	z-index:20;
}
.best-videos .videos .item .video-card .image::after{
	content:"";
	display:block;
	background: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, rgba(7, 7, 7, 1) 100%);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition: all 0.3s ease 0s;
	opacity:1;
}
.best-videos .videos .item .video-card .image:hover:after{
	opacity:0.6;
}
.best-videos .videos .item .video-card .image .duration{
	position: absolute;
	background: rgba(32, 32, 32, 0.75);
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	bottom: 10px;
	right: 10px;
	line-height: 1;
	padding: 8px 12px;
	margin-right: 0;
}
.best-videos .videos .item .video-card .info{
	padding: 0px 16px 12px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:20;
}
.best-videos .videos .item .video-card .play{
	position: absolute;
	top: 56px;
	left: 50%;
	transform: translateX(-50%);
	z-index:20;
	font-size: 12px;
	line-height: 22px;
	color:#fff;
	background: rgba(32, 32, 32, 0.25);
	box-sizing: border-box;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border-radius: 100px;
	padding:12px 20px;
	display:flex;
	align-items:center;
	transition: all 0.2s ease 0s;
	cursor:pointer;
}
.best-videos .videos .item .video-card .play:hover{
	background: rgba(32, 32, 32, 0.8);
}
.best-videos .videos .item .video-card .play svg{
	margin-right:8px;
}
.best-videos .videos .item .video-card .info span.brand{
	font-size: 12px;
	line-height: 22px;
	color:#808080;
	font-weight:normal;
}
.best-videos .videos .item .video-card .info h3{
	font-size: 14px;
	line-height: 20px;
	color:#fff;
	font-weight:700;
	margin:0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.best-videos .videos .item .video-card a{
	color:#1E1E21;
}
.best-videos a.button{
	margin-top:0;
}
.best-videos .decoy{
	top:0;
	opacity:0.5;
}
.video_carousel{
	padding-top:48px;
}
.video_carousel h2 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 16px;
    padding-left: 20px;
}
.video_carousel ul {
    overflow-x: auto;
    padding-left: 20px;
    margin-bottom: 0;
}
.video_carousel ul:after {
    content: "";
    display: block;
    flex: 0 0 4px;
}
.video_carousel ul li {
    flex: 1 1 auto;
    margin-right: 16px;
}
.video_carousel ul li div.video{
	cursor:pointer;
}
.video_carousel ul li .image {
    width: 295px;
    padding-top: 56.25%;
    background-position: center;
    background-size: cover;
    border-radius: 12px;
    margin-bottom: 12px;
    position: relative;
}
.video_carousel ul li .image .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background: rgba(32, 32, 32, 0.25);
    box-sizing: border-box;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: 100px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
	transition: all 0.2s ease 0s;
}
.video_carousel ul li .image .play svg{
	margin-right: 8px;
}
.video_carousel ul li .image .play:hover{
	background: rgba(32, 32, 32, 0.8);
}
.video_carousel ul li a.view_all {
    height: 166px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline;
    padding-left: 28px;
}
.video_carousel ul li a.view_all svg {
    margin-left: 6px;
}
.video_carousel ul li b.name {
    font-weight: 900;
    font-size: 20px;
    line-height: 28px;
    display: block;
}
.video_carousel ul li span.city {
    font-size: 14px;
    line-height: 24px;
}
@media only screen and (max-width : 767px){
	.best-videos .videos:after{
		content:"";
		display: block;
		flex: 0 0 12px;
		width: 12px;
	}
}
@media only screen and (min-width : 768px){
	.video_carousel .buttons {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 13px;
	}
	.video_carousel .buttons button {
		display: inline-block;
		width: 44px;
		height: 44px;
		background-color: #fff;
		border: 1.5px solid #F1F1F1;
		background-repeat: no-repeat;
		background-position: center;
		color: transparent;
		border-radius: 50%;
		transition: all 0.2s ease 0s;
	}
	.video_carousel .buttons button.prev {
		margin-right: 8px;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519758/-design-system/-icons-2022/arrow-left.svg);
	}
	.video_carousel .buttons button.next {
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519758/-design-system/-icons-2022/arrow-right.svg);
	}
	.video_carousel .buttons button.disabled {
		opacity: 0.15;
		pointer-events: none;
	}
	.video_carousel .buttons button:hover {
		border: 1.5px solid #1E1E21;
	}
	.video_carousel .slide {
		transition: all 0.5s ease 0s;
	}
	.video_carousel .title {
		flex: 0 0 50%;
		display: flex;
		align-items: center;
		margin-bottom: 0;
	}
	.video_carousel h2 {
		margin-bottom: 0;
	}
	.video_carousel ul {
		margin-bottom: 0;
		overflow-x: visible;
		padding-left: 0;
	}
}
@media only screen and (min-width : 992px){
		.best-videos .videos{
		display:flex;
		flex-wrap:wrap;
		margin-left:0;
		margin-right:0;
		padding-left:8px;
		padding-right:8px;
	}
	.best-videos .videos .item{
		padding: 0;
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
		padding:0 12px;
		margin-bottom:24px;
	}
	.best-videos .videos .item .video-wrapper{
		height:auto;
		padding-bottom:0;
	}
	.best-videos .videos .item .video-card .image{
		height:auto;
		padding-top:56.25%;
	}
	.best-videos .videos .item .video-card .play{
		top:50%;
		margin-top:-42px;
	}
	.best-videos a.button{
		margin-top:0px;
	}
	.best-videos h2 {
		font-size: 32px;
		line-height: 46px;
	}
	.best-videos .videos .item .video-card .play{
		top:auto;
		left:auto;
		transform:none;
		bottom:16px;
		right:16px;
	}
	.best-videos .videos .item .video-card .info{
		right:105px;
		padding-bottom:16px;
	}
	.best-videos .videos .item .video-card .info h3{
		font-size: 16px;
		line-height: 20px;
		white-space:normal;
	}
	.video_carousel{
		padding-top:76px;
	}
	.video_carousel .title {
		flex-basis: calc(100% - 639px);
	}
	.video_carousel .title h2 {
		font-size: 54px !important;
		line-height: 68px !important;
	}
	.video_carousel ul {
		padding-left: 0;
	}
	.video_carousel ul li .image {
		width: 600px;
	}
	.video_carousel ul li a.view_all {
		height: 338px;
		padding-left: 48px;
	}
}
@media only screen and (min-width : 1200px){
	.best-videos .videos .item .video-card .info h3{
		font-size: 16px;
		line-height: 22px;
	}
	.video_carousel .title h2 {
		flex: 0 0 385px;
	}
}
@media only screen and (min-width : 1281px){
	.best-videos .videos{
		padding-left:88px;
		padding-right:88px;
	}
	.video_carousel .title {
		flex-basis: 50%;
		padding-left: 100px;
	}
	.video_carousel .title h2 {
		padding-left: 0;
	}
}
@media only screen and (min-width : 1681px){
	.best-videos .videos{
		margin-left:auto;
		margin-right:auto;
		padding-left:88px;
		padding-right:88px;
	}
}
@media only screen and (min-width : 1800px){
	.best-videos .videos{
		padding-left: 0;
		padding-right: 0;
		width: 1624px;
	}
	.video_carousel .title {
		padding-left: calc((100% - 1600px)/2);
	}
}
/************************* Best Videos **************************/



.page-template-default .page-content a{
	font-weight:900;
}

/************************* Product Cards **************************/
section.browse .products{
	overflow-x:auto;
	margin-left:-20px;
	margin-right:-20px;
	padding: 16px 8px 24px 20px;
}
section.browse .product {
	flex: 0 0 295px;
	max-width: 295px;
	position: relative;
	border-radius: 12px;
	margin-right: 12px;
	box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1);
}
section.browse .product .item{
	position: relative;
	background: #F1F1F1;
	border-radius: 12px;
	overflow: hidden;
	height:100%;
	position: relative;
}
section.browse .product .item a.link{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
section.browse .product .image{
	height:148px;
	background-size:cover;
	background-position:center;
	position: relative;
	text-align: center;
}
section.browse .product .image .price_range{
	padding: 6px 12px;
	background: rgba(32, 32, 32, 0.5);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 101px;
	margin-top: 12px;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	display: inline-block;

}
section.browse .product .image .price_range span{
	font-weight: 900;
	font-size: 18px;
	line-height: 28px;
}
section.browse .product .text{
	padding:12px 16px 16px;
	position:relative;
}
section.browse .product .text h3{
	font-size: 18px;
	line-height: 28px;
	margin-bottom:4px;
}
section.browse .product .text p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom:2px;
}
section.browse .product .text .price_range{
	font-size: 12px;
	line-height: 16px;
}
section.browse .product .text .price_range span{
	font-weight: 900;
	font-size: 16px;
	line-height: 26px;
	margin-left:2px;
	display:inline-block;
}
section.browse .product .text .link{
	margin-top:16px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
}
section.browse .product .text .link .order{
	color: #fff;
}
section.browse .product .text .link .order svg{
	margin-left:3px;
	margin-bottom:2px;
}
section.browse .product a.btn,section.browse .product button.btn{
	display: none;
}
section.browse .products .last{
	flex: 0 0 8px;
	width: 8px;
}
section.browse a.button.more{
	margin-top: 0;
}
section.browse div.more,.best-videos div.more{
	display:none;
}
section.browse .discover_more,.best-videos .discover_more{
	position:relative;
	flex: 0 0 auto;
}
section.browse .discover_more a{
	display:flex;
	height:100%;
	justify-content:end;
	align-items:center;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	padding-left:24px;
}
.best-videos .discover_more a{
	display:flex;
	height:100%;
	justify-content:end;
	align-items:center;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	padding-left:28px;
}
section.browse .discover_more a svg,.best-videos .discover_more a svg{
	margin-left:6px;
}
section.browse .product-cards{
	margin-top:16px;
}
section.browse .product-cards ul{
	margin-bottom:20px;
}
@media only screen and (min-width : 992px){
	section.browse .products{
		overflow-x:inherit;
		margin-left:-12px;
		margin-right:-12px;
		padding-top:20px;
		padding-left:0;
		padding-right:0;
	}
	section.browse .product {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		margin-right:0;
		padding:0 12px;
		box-shadow: none;
	}
	section.browse .product .item{
		display:flex;
		flex-direction:column;
	}
	section.browse .product .image{
		flex:0 0 171px;
	}
	section.browse .product .text{
		padding:16px 24px 54px;
		height:100%;
	}
	section.browse .product .text h3{
		font-size: 20px;
		line-height: 28px;
		margin-bottom:6px;
	}
	section.browse .product .text p{
		font-size: 16px;
		line-height: 28px;
		margin-bottom:6px;
	}
	section.browse .product .text .link{
		position:absolute;
		bottom:20px;
		left:24px;
		right:24px;
	}
	section.browse .product a.btn,section.browse .product button.btn{
		position:absolute;
		border-radius: 100px;
		height:40px;
		padding:11px 20px 10px;
		bottom:12px;
		left:50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 14px;
		line-height: 18px;
		bottom:24px;
		display: inline-block;
		white-space: nowrap;
	}
	section.browse div.more,.best-videos div.more{
		font-weight: 900;
		font-size: 16px;
		line-height: 26px;
		display:flex;
		align-items:center;
	}
	section.browse div.more svg,.best-videos div.more svg,section.browse div.more img,.best-videos div.more img{
		margin-left:6px;
		margin-top:-1px;
	}
	section.browse .discover_more,.best-videos .discover_more{
		display:none;
	}
	section.browse .product-cards{
		margin-top:20px;
	}
	section.browse .product-cards ul{
		margin-bottom:0px;
	}
}
/************************* Product Cards **************************/

/************************* How it works Banner **************************/
section.how-it-works{
	color:#fff;
	position:relative;
	margin-top:36px;
}
section.how-it-works .item{
	padding:0 20px;
	position:relative;
	background-size:cover;
	background-position:center;
	margin:0 -20px;
	min-height:416px;
}
section.how-it-works .item:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: linear-gradient(140.19deg, #1936D0 32.7%, #EF476F 85.73%, #F7B801 103.76%);
	opacity: 0.8;
}
section.how-it-works h2{
	font-size: 32px;
	line-height: 46px;
	margin:0 10px 6px;
	position:relative;
}
section.how-it-works p{
	font-size: 18px;
	line-height: 28px;
	margin:0 10px 12px;
	position:relative;
}
section.how-it-works .cta{
	position:relative;
	display:inline-block;
	background: #FFFFFF;
	border-radius: 100px;
}
section.how-it-works a.button{
	display:inline-block;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	padding:11px 20px;
	transition: all 0.3s ease 0s;
	background: linear-gradient(126.9deg, #EF476F 30.09%, #1936D0 87%);
	background: -webkit-linear-gradient(126.9deg, #EF476F 30.09%, #1936D0 87%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
section.how-it-works a.button:hover{
	background: linear-gradient(126.9deg, #1936D0 30.09%, #EF476F 87%);
	background: -webkit-linear-gradient(126.9deg, #1936D0 30.09%, #EF476F 87%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
section.how-it-works .link{
	position:absolute;
	left:50%;
	bottom:24px;
	transform:translatex(-50%);
	white-space: nowrap;
}
section.how-it-works .link a{
	color:#fff;
	font-size: 14px;
	line-height: 24px;
}
section.how-it-works .link a b{
	font-weight:900;
	text-decoration:underline;
}
@media only screen and (min-width : 768px){
	section.how-it-works{
		background-image:none;
		margin-top:48px;
	}
	section.how-it-works .item{
		padding:0;
		background-size:cover;
		background-position:center;
		border-radius: 12px;
		margin:0;
		overflow:hidden;
	}
	section.how-it-works h2{
		font-size: 44px;
		line-height: 58px;
		margin-left:auto;
		margin-right:auto;
		width:450px;
	}
	section.how-it-works p{
		font-size: 20px;
		line-height: 28px;
		margin-bottom:16px;
		margin-left:auto;
		margin-right:auto;
		width:450px;
	}
}
@media only screen and (min-width : 1650px){
	section.how-it-works .item{
		height:464px;
	}
}
/************************* How it works Banner **************************/

/************************* Safety Banner **************************/
.safety_banner{
	padding:48px 0;
	background-image:url(../jpg/90_safety.jpg);
	background-position:center;
	background-size:cover;
	position:relative;
	color:#fff;
}
.safety_banner:before{
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: #1936D0;
	opacity: 0.85;
}
.safety_banner .container{
	position:relative;
}
.safety_banner h2{
	margin-top:23px;
	margin-bottom:8px;
}
.safety_banner p{
	margin-bottom:16px;
	max-width:630px;
	margin-left:auto;
	margin-right:auto;
}
.safety_banner a.btn{
	padding:15px 37px;
	background:#fff;
	border-radius: 100px;
	font-size:16px;
	line-height:1;
	color:#1E1E21;
	border: 2px solid #ffffff;
}
.safety_banner a.btn:hover{
	background:transparent;
	border: 2px solid #ffffff;
	color:#fff;
}
@media only screen and (min-width : 992px){
	.safety_banner{
		padding:79px 0 91px;
	}
	.safety_banner h2{
		max-width:708px;
		font-size: 44px;
		line-height: 58px;
		margin-left:auto;
		margin-right:auto;
	}
	.safety_banner p{
		font-size: 20px;
		line-height: 28px;
		margin-bottom:24px;
	}
}
/************************* Safety Banner **************************/


/************************* Play Button **************************/
div.play-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background: rgba(32, 32, 32, 0.5);
	border: 1.5px solid rgba(255, 255, 255, 0.25);
	box-sizing: border-box;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border-radius: 100px;
	padding: 11px 15px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease 0s;
}
div.play-button:hover{
	border: 1.5px solid #FFFFFF;
}
div.play-button svg{
	width: 24px;
	height: 24px;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	margin-right: 8px;
}
@media only screen and (min-width : 768px){
	div.play-button{
		font-size: 16px;
		line-height: 22px;
		padding: 13px 17px;
		font-weight: 600;
	}
	div.play-button svg{
		margin-right: 12px;
	}
}
/************************* Play Button **************************/



/************************* Inspiration **************************/
.inspiration.top #mobile_search{
	position:relative;
	z-index:20;
	margin-bottom:24px;
}
.inspiration.top #mobile_search img{
	position:absolute;
	z-index:20;
	left:13px;
	width:16px;
	height:16px;
}
.inspiration.top #mobile_search input{
	font-size: 14px;
	line-height: 24px;
	cursor: pointer;
	padding-top: 9px;
	padding-left: 35px;
	padding-bottom: 9px;
	background: rgba(255,255,255,.1);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 8px;
	border:none;
	position:relative;
	z-index:10;
	color:#fff;
}
.inspiration.top #mobile_search input::placeholder {
  color: #808080;
  opacity: 1; 
}
.inspiration.top #mobile_search input:-ms-input-placeholder {
  color: #808080;
  opacity: 1; 
}
.inspiration.top #mobile_search input::-ms-input-placeholder{
  color: #808080;
  opacity: 1; 
}
.inspiration.top #mobile_search div.close{
	position:absolute;
	right:60px;
	top:3px;
	z-index:30;
	display:none;
}
.inspiration.top #mobile_search span.cancel{
	font-size: 14px;
	line-height: 24px;
	margin-left:10px;
	display:none;
}
.inspiration.top .mobile_search{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding-top:77px;
	padding-bottom:36px;
	display:none;
	background: rgba(7,7,7,.75);
	backdrop-filter: blur(250px);
	-webkit-backdrop-filter: blur(250px);
	overflow-y:auto;
	z-index:100;
}
.inspiration.top .mobile_search .filter-catalogue{
	margin:0;
}
.inspiration.top .mobile_search span.title {
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
}
.inspiration.top .mobile_search span.title.catalogues{
	display:block;
	margin-top:24px;
}
.inspiration.top .mobile_search .best-videos{
	padding-bottom:24px;
}
.inspiration.top .mobile_search .videos{
	padding-top:16px;
}
.inspiration.top .mobile_search ul {
	margin: 0 -20px;
	padding-top: 16px;
	padding-left: 20px;
	overflow-x: auto;
	position: relative;
}
.inspiration.top .mobile_search ul li{
	margin-right: 16px;
}
.inspiration.top .mobile_search ul li a{
	color: #fff;
	background: rgba(32,32,32,.5);
	border: 1px solid rgba(255,255,255,.25);
	box-sizing: border-box;
	border-radius: 12px;
	padding: 15px 24px;
	font-size: 14px;
	line-height: 18px;
	display: block;
	white-space: nowrap;
}
.inspiration.top.mobile_search span.title.catalogues{
	display:block;
	margin-top:24px;
}
.inspiration.top .mobile_search .no-found {
	font-size: 16px;
	line-height: 26px;
	color: gray;
	margin-top: -16px;
}

.single-inspiration{
	background:#070707;
	color:#fff;
}
.single-inspiration .top{
	padding-top:64px;
}
.single-inspiration .top .brand{
	margin-bottom:12px;
}
.single-inspiration .top .brand .logo{
	width:52px;
	height:52px;
	background-size:cover;
	background-position:center;
	border-radius:50%;
	margin-right:10px;
}
.single-inspiration .top .brand span.name{
	font-size: 18px;
	line-height: 28px;
}
.single-inspiration .top .text h1{
	margin-bottom:6px;
	font-size: 24px;
	line-height: 34px;
}
.single-inspiration .top .text p{
	font-size: 16px;
	line-height: 26px;
	font-weight:300;
	margin-bottom:12px;
}
.single-inspiration .top span.brand{
	font-size: 16px;
	line-height: 26px;
	font-weight:300;
	display:block;
	margin-bottom:6px;
}
.single-inspiration .top span.brand b{
	font-weight:bold;
}
.single-inspiration .top .video{
	width:100%;
}
.single-inspiration .top .video figure{
	margin:0 -20px 31px;
}
.single-inspiration .tags a{
	background: #1E1E21;
	border-radius: 70px;
	color:#fff;
	font-size: 10px;
	line-height: 12px;
	padding: 10px 16px;
	margin-right:10px;
	margin-bottom:10px;
	white-space:nowrap;
	text-transform: uppercase;
}
.single-inspiration .tags a:hover{
	background: rgba(53,53,58,0.5);
}
.single-inspiration .top .banner{
	background: #1E1E21;
	padding:16px 20px 24px;
	font-size: 18px;
	line-height: 28px;
	margin:28px -20px 0;
	position:relative;
	z-index:20;
}
.single-inspiration .top .banner .buttons{
	margin-top:24px;
	text-align:center;
}
.single-inspiration .top .banner .buttons a.btn{
	height:48px;
	line-height:48px;
}
.single-inspiration .top .banner .buttons > div{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px;
	text-align:center;
	margin:8px 0;
}
.single-inspiration .top .banner .buttons a.link{
	background: rgba(255, 255, 255, 0.15);
}
.single-inspiration .top .banner .buttons a.link:hover{
	color:#fff;
	background: rgba(255, 255, 255, 0.05);
}
.single-inspiration .related{
	margin-top:48px;
	padding-top:0;
}
.single-inspiration .most-viewed{
	margin-top:24px;
	padding-bottom:24px;
	padding-top:0;
}
.single-inspiration .related h2,.single-inspiration .most-viewed h2{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:24px;
}
@media only screen and (min-width : 576px){
	.single-inspiration .top .banner .buttons{
		display:flex;
		align-items:center;
	}
	.single-inspiration .top .banner .buttons > div{
		margin:0 12px;
	}
}
@media only screen and (min-width : 768px){
	.single-inspiration .top{
		padding-top:100px;
	}
	.single-inspiration .top .text h1{
		font-size: 44px;
		line-height: 58px;
	}
	.single-inspiration .top .text p {
		font-size: 18px;
		line-height: 28px;
	}
	.single-inspiration .top .banner{
		border-radius: 12px;
		margin:24px 0 0;
	}
	.single-inspiration .top .banner a.btn{
		width:auto;
		white-space: nowrap;
	}
}
@media only screen and (min-width : 992px){
	.single-inspiration .top .text{
		flex:0 0 34%;
		padding-right:48px;
		position:relative;
		z-index:20;
	}
	.single-inspiration .top .video{
		flex:0 0 66%;
		position:relative;
		z-index:20;
	}
	.single-inspiration .top .banner{
		margin-top:48px;
		padding:12px 14px 14px;
	}
	.single-inspiration .top .banner .buttons{
		margin-top:0px;	
	}
}


.tax-catalogue,.tax-brand{
	background:#070707;
	color:#fff;
}
.tax-catalogue .inner-top,.tax-brand .inner-top{
	padding-top:78px;
}
.tax-catalogue .inner-top #breadcrumbs,.tax-brand .inner-top #breadcrumbs{
	font-size: 16px;
	line-height: 26px;
	margin-bottom:36px;
}
.tax-catalogue .inner-top #breadcrumbs a,.tax-brand .inner-top #breadcrumbs a{
	color:#fff;
}
.tax-catalogue .inner-top #breadcrumbs .breadcrumb_last,.tax-brand .inner-top #breadcrumbs .breadcrumb_last{
	font-weight:bold;
}
.tax-catalogue .inner-top #breadcrumbs img,.tax-brand .inner-top #breadcrumbs img{
	margin:0 12px;
}
.tax-catalogue .inner-top h1,.tax-brand .inner-top h1{
	text-align:center;
	font-size: 44px;
	line-height: 58px;
	margin-bottom:36px;
	margin-top:16px;
}
.tax-catalogue .inner-top h1 span,.tax-brand .inner-top h1 span{
	display:block;
	font-weight:300;
	font-size: 18px;
	line-height: 34px;
}
.tax-catalogue .best-videos,.tax-brand .best-videos{
	padding-bottom:8px;
}
@media only screen and (min-width : 768px){
	.tax-catalogue .inner-top h1,.tax-brand .inner-top h1{
		font-size: 54px;
		line-height: 60px;
	}
	.tax-catalogue .inner-top h1 span,.tax-brand .inner-top h1 span{
		font-size: 24px;
	}
}
@media only screen and (min-width : 992px){
	.single-inspiration .top .video figure{
		border-radius:12px;
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
	}
	.tax-catalogue .inner-top #breadcrumbs,.tax-brand .inner-top #breadcrumbs{
		margin-bottom:48px;
	}
	.tax-catalogue .inner-top h1,.tax-brand .inner-top h1{
		font-size: 64px;
		line-height: 78px;
		margin-bottom:48px;
	}
}
@media only screen and (min-width : 1200px){
	.tax-catalogue .inner-top h1,.tax-brand .inner-top h1{
		font-size: 96px;
		line-height: 115px;
	}
}

.post-type-archive-inspiration{
	background:#070707;
	color:#fff;
}
.post-type-archive-inspiration .top{
	padding-top:80px;
	position:relative;
}
.post-type-archive-inspiration .top .background-video{
	position: absolute;
	width: 100%;
	top: 0;
	left:0;
	height:100%;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	z-index:10;
}
.post-type-archive-inspiration .top .background-video:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	height:100%;
	background: #070707;
	opacity: 0.6;
	z-index:20;
/* 	background: linear-gradient(0deg, #070707 0%, rgba(7, 7, 7, 0) 100%); */
}
.post-type-archive-inspiration .top .main{
	flex-direction:column;
}
.post-type-archive-inspiration .top .main .latest{
	flex-direction:column;
	height:339px;
	position:relative;
}
.post-type-archive-inspiration .top .background{
	position: absolute;
	top: -78px;
	left:0;
	right:0;
	height:456px;
	background-size: cover;
	background-position: center;
	z-index:10;
}
.post-type-archive-inspiration .top .background:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	height:100%;
	background: #070707;
	opacity: 0.75;
	z-index:20;
}
.post-type-archive-inspiration .top span.brand a{
	font-size: 18px;
	line-height: 28px;
	color:#fff;
}
.post-type-archive-inspiration .top .latest span.title{
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
	display:block;
	margin-bottom:6px;
}
.post-type-archive-inspiration .top p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom:16px;
}
.post-type-archive-inspiration .top .play a{
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background: rgba(32, 32, 32, 0.25);
	box-sizing: border-box;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border-radius: 100px;
	padding: 12px 20px;
	transition: all 0.2s ease 0s;
	display:inline-block;
	margin-left:auto;
}
.post-type-archive-inspiration .top .play a:hover{
	background: rgba(32, 32, 32, 0.8);
}
.post-type-archive-inspiration .top .play a svg{
	margin-right:8px;
}
.post-type-archive-inspiration .top .trends{
	padding-top:36px;
	padding-left:20px;
}
.post-type-archive-inspiration .top .trends span.title{
	font-weight: 900;
	font-size: 20px;
	line-height: 28px;
	display:block;
	margin-bottom:12px;
}
.post-type-archive-inspiration .top .trends .cards{
	overflow-x:auto;
	display:flex;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	margin-bottom:36px;
}
.post-type-archive-inspiration .top .trends .cards:after{
	content: "";
	display: block;
	flex: 0 0 8px;
	width: 8px;
}
.post-type-archive-inspiration .top .trends .cards a{
	display:block;
	margin-right:12px;
}
.post-type-archive-inspiration .top .trends .cards a:hover{
	opacity: .7;
}
.post-type-archive-inspiration .top .trends .cards .card{
	border:none;
	background:transparent;
	display:flex;
	width:181px;
	height:124px;
	text-align:center;
	align-items: center;
	justify-content: center;
	color:#fff;
	border-radius:6px;
	font-size: 16px;
	line-height: 24px;
	font-weight:700;
}
.post-type-archive-inspiration .top .trends .cards .card.image{
	background-size:cover;
	background-position:center;
	position:relative;
	font-size: 16px;
	line-height: 24px;
	padding-left:24px;
	padding-right:24px;
	font-weight:700;
}
.post-type-archive-inspiration .top .trends .cards .card.image:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: rgba(32,32,32,.5);
}
.post-type-archive-inspiration .top .trends .cards .card.image > div{
	position:relative;
	z-index:20;
	
}
.post-type-archive-inspiration .top .trends .cards .card b{
	display:block;
}
.post-type-archive-inspiration .top .trends .cards .card .emoji{
	font-size:40px;
	margin-right:16px;
}
.post-type-archive-inspiration .top .trends .cards .card span.text{
	text-align:left;
}
.post-type-archive-inspiration .container,.post-type-archive-inspiration .best-videos{
	position:relative;
	z-index:30;
}
.post-type-archive-inspiration .best-videos{
	padding-bottom:8px;
	padding-top:0;
}
.post-type-archive-inspiration h1{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:26px;
	text-align:center;
}
.post-type-archive-inspiration h1 span{
	display: inline-block;
	background: linear-gradient(104deg, #1936D0 24.34%, #FD01C6 85.82%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.post-type-archive-inspiration .filter{
	padding-left:20px;
	position:relative;
	margin-bottom:27px;
}
.post-type-archive-inspiration .filter:after{
	content: "";
	display: block;
	flex: 0 0 8px;
	width: 8px;
}
.post-type-archive-inspiration .filter li{
	margin-right:12px;
}
.post-type-archive-inspiration .filter li div{
	color:#fff;
	background: rgba(32, 32, 32, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.25);
	box-sizing: border-box;
	border-radius: 20px;
	padding:8px 16px;
	font-size: 14px;
	line-height: 24px;
	display:block;
	white-space:nowrap;
	cursor:pointer;
}
.post-type-archive-inspiration .filter li.active div,.post-type-archive-inspiration .filter li div:hover{
	background: #35353A;
	border: 1px solid #FFFFFF;
}
.post-type-archive-inspiration .filter li a{
	color:#fff;
	background: rgba(32, 32, 32, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.25);
	box-sizing: border-box;
	border-radius: 20px;
	padding:8px 16px;
	font-size: 14px;
	line-height: 24px;
	display:block;
	white-space:nowrap;
}
.post-type-archive-inspiration .filter li.active a,.post-type-archive-inspiration .filter li a:hover{
	background: #35353A;
	border: 1px solid #FFFFFF;
}
.tax-catalogue .search,.tax-brand .search{
	margin-bottom:16px;
}
.post-type-archive-inspiration .search #search,.tax-catalogue .search #search,.tax-brand .search #search{
	font-size: 13px;
	line-height: 21px;
	cursor:pointer;
	padding-top:9px;
	padding-left:13px;
	padding-bottom:9px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 8px;
}
.post-type-archive-inspiration .search #search img,.tax-catalogue .search #search img,.tax-brand .search #search img{
	margin-right:6px;
	width:16px;
	height:16px;
}
.post-type-archive-inspiration .search a{
	color:#fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
}
.post-type-archive-inspiration .search form img,.tax-catalogue .search form img,.tax-brand .search form img{
	margin-right:12px;
	width:24px;
	height:24px;
}
.tax-catalogue .inner-top .search,.tax-brand .inner-top .search{
	margin-bottom:16px;
}
.best-videos.inspiration .videos{
	margin-left:0;
	display:block;
}
.best-videos.inspiration .videos .item{
	margin-bottom:16px;
	width:100%;
	padding:0;
}
.filter-catalogue{
	margin-left:-20px;
	margin-right:-20px;
}
.filter-catalogue ul.filter{
	overflow-x:auto;
}
.filter-catalogue button.slick-arrow{
	position:absolute;
	transition: all 0.3s ease 0s;
	opacity:1;
	width: 192px;
	height: 61px;
	background-color: transparent;
	border: none;
	color: transparent;
	z-index:1;
	visibility: visible;
	top:-11px;
}
.filter-catalogue button.slick-arrow.slick-disabled{
	visibility: hidden;
}
.filter-catalogue button.slick-next{
	right:-8px;
	background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1647572570/Content Inspiration/button-next.svg);
}
.filter-catalogue button.slick-prev{
	left:-10px;
	background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1647572570/Content Inspiration/button-prev.svg);
}
.modal.search .filter-catalogue button.slick-prev{
	left:0;
	top:-5px;
}
.modal.search .filter-catalogue button.slick-next{
	width:188px;
	top:-5px;
}
.modal.search{
	background: rgba(7, 7, 7, 0.75);
	backdrop-filter: blur(250px);
	-webkit-backdrop-filter: blur(250px);
}
.modal.search .container{
	width:100%;
}
.modal.search .filter-catalogue{
	overflow:visible;
	padding-bottom:48px;
	margin-left:auto;
	margin-right:auto;
}
.modal.search button.clear{
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	background:transparent;
	border:none;
	color:#fff;
	position:absolute;
	top:10px;
	right:0;
	display:none;
}
.search .modal-dialog{
	max-width:none;
	margin:0;
}
.search .modal-content{
	background:transparent;
	color:#fff;
}
.search .modal-content a.close_button{
	position:absolute;
	top:24px;
	right:24px;
	z-index:100;
	cursor:pointer;
}
.search .modal-content button.close_button{
	position:absolute;
	top:24px;
	right:24px;
	z-index:100;
	cursor:pointer;
	padding:0;
	border:none;
	background:transparent;
}
.modal.search form{
	margin-top:78px;
	margin-bottom:48px;
	position:relative;
}
.search .modal-content{
	border:none;
}
.search .modal-content input{
	font-size: 18px;
	line-height: 28px;
	background:transparent;
	border:none;
	color:#fff;
	max-width:550px;
	padding-left:0;
}

.search .modal-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #808080;
	opacity:1;
}
.search .modal-content input::-moz-placeholder { /* Firefox 19+ */
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #808080;
	opacity:1;
}
.search .modal-content input:-ms-input-placeholder { /* IE 10+ */
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #808080;
	opacity:1;
}
.search .modal-content input:-moz-placeholder { /* Firefox 18- */
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #808080;
	opacity:1;
}
.search .modal-content input:focus{
	border:none;
	box-shadow:none;
}
.search .modal-content span.title{
	font-weight: 900;	font-size: 24px;
	line-height: 34px;
	display:inline-block;
	display:none;
}
.search .modal-content span.title.brands{
	margin-top:12px;
}
.search .modal-content span.title.catalogues{
	margin-top:36px;
}
.modal.search .best-videos .videos{
	padding-top:24px;
}
.modal.search ul{
	margin:0 -20px;
	padding-top:24px;
	padding-left:20px;
	overflow-x: auto;
	position:relative;
}
.modal.search ul:after{
	content: "";
	display: block;
	flex: 0 0 4px;
	width: 4px;
}
.modal.search ul li{
	margin-right:16px;
}
.modal.search ul li a{
	color: #fff;
	background: rgba(32, 32, 32, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.25);
	box-sizing: border-box;
	border-radius: 12px;
	padding: 15px 24px;
	font-size: 14px;
	line-height: 18px;
	display: block;
	white-space: nowrap;
}
.modal.search ul.category li a{
	font-size: 20px;
	line-height: 28px;
	width:216px;
	height:148px;
	display:flex;
	justify-content:center;
	align-items:center;
	white-space: normal;
	text-align:center;
}
.modal.search ul li a:hover{
	background: #35353A;
	border: 1px solid #FFFFFF;
}
.modal.search .no-found{
	font-size: 16px;
	line-height: 26px;
	color: #808080;
	margin-top:-16px;
}
.modal.search .best-videos .no-found{
	padding-left:12px;
	padding-bottom:24px;
}
@media only screen and (min-width : 768px){
	.post-type-archive-inspiration .top .main{
		padding-top:0;
		overflow:hidden;
	}
	.post-type-archive-inspiration .top .trends .buttons{
		display:block;
		padding-right:20px;
		padding-bottom:12px;
	}
	.post-type-archive-inspiration .top .trends .buttons button{
		background-color: #1E1E21;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1643429528/-design-system/arrow-right.svg);
		background-repeat:no-repeat;
		background-position:center;
		border: none;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		transition: all 0.3s ease 0s;
		opacity: 1;
	}
	.post-type-archive-inspiration .top .trends .buttons button.disabled{
		opacity:0.25;
		pointer-events: none;
	}
	.post-type-archive-inspiration .top .trends .buttons button.prev{
		transform:rotate(180deg);
		margin-right:12px;
	}
	.post-type-archive-inspiration .top .trends .cards{
		overflow-x: inherit;
		transition: all 0.5s ease 0s;
	}
	.post-type-archive-inspiration .search #search{
		font-size: 16px;
		line-height: 22px;
		background: #1E1E21;
		border-radius: 100px;
		padding:16px 24px;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		color:#808080;
	}
	.tax-catalogue .search #search,.tax-brand .search #search{
		font-size: 14px;
		line-height: 18px;
		font-weight:bold;
		padding:0;
		background:none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
	.post-type-archive-inspiration .search #search img, .tax-catalogue .search #search img, .tax-brand .search #search img {
		margin-right: 12px;
		width: 24px;
		height: 24px;
	}
	.filter-container{
		overflow:hidden;
		padding:0;
		width:calc(100% - 40px);
		margin:0 auto;
	}
	.filter-catalogue{
		margin:0;
		position:relative;
	}
	.filter-catalogue ul.filter{
		padding-left:0;
		overflow-x:inherit;
		transition: all 0.5s ease 0s;
	}
	.post-type-archive-inspiration .search{
		margin-bottom:36px;
	}
	.inspiration.top #mobile_search{
		margin-bottom:0;
	}
	.post-type-archive-inspiration .top .latest{
		max-width:650px;
	}
	.post-type-archive-inspiration .top .play{
		text-align:left;
	}
	.post-type-archive-inspiration .top .background-video{
		height:calc(100% - 242px);
	}
	.post-type-archive-inspiration .top .trends span.title{
		font-size: 24px;
		line-height: 34px;
	}
	.post-type-archive-inspiration .top ul.slick-dots{
		margin:0;
		margin-left:48px;
		justify-content:start;
		position:relative;
		bottom:48px;
	}
	.post-type-archive-inspiration h1{
		font-size: 54px;
		line-height: 68px;
		margin:0 auto 58px;
		padding:0;
	}
	.best-videos.inspiration .videos{
		margin-left:-12px;
		margin-right:-12px;
		display:flex;
		flex-wrap:wrap;
	}
	.best-videos.inspiration .videos .item{
		padding:0 12px;
		flex: 0 0 50%;
		width: 100%;
		margin-bottom:24px;
	}
	.post-type-archive-inspiration .search form img,.tax-catalogue .search form img,.tax-brand .search form img{
		width:48px;
		height:48px;
	}
	.search .modal-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: 32px;
		line-height: 46px;
	}
	.search .modal-content input::-moz-placeholder { /* Firefox 19+ */
		font-size: 32px;
		line-height: 46px;
	}
	.search .modal-content input:-ms-input-placeholder { /* IE 10+ */
		font-size: 32px;
		line-height: 46px;
	}
	.search .modal-content input:-moz-placeholder { /* Firefox 18- */
		font-size: 32px;
		line-height: 46px;
	}
	.modal.search button.clear{
		top: 20px;
	}
	.search .modal-content input{
		font-size: 32px;
		line-height: 46px;
	}
}
@media only screen and (max-width : 991px){
	.post-type-archive-inspiration .navbar-collapse{
		top:48px;
	}
	.post-type-archive-inspiration .top .main .latest .info{
		position:absolute;
		z-index:30;
		bottom:36px;
	}
}
@media only screen and (min-width : 992px){
	.best-videos.inspiration .videos{
		margin:0 auto;
	}
	.post-type-archive-inspiration .top{
		padding-top:112px;
	}
	.post-type-archive-inspiration .top .latest span.title{
		font-size: 64px;
		line-height: 78px;
		text-align:left;
		margin-top:24px;
		margin-bottom:12px;
	}
	.post-type-archive-inspiration .top p{
		margin-bottom:24px;
		font-size: 18px;
		line-height: 28px;
		text-align:left;
	}
	.post-type-archive-inspiration .top .main .latest{
		height:auto;
	}
	.post-type-archive-inspiration .top .latest .info{
		margin-bottom:36px;
	}
	.post-type-archive-inspiration .best-videos{
		padding-bottom:24px;
	}
	.tax-catalogue .best-videos,.tax-brand .best-videos{
		padding-bottom:24px;
	}
	.post-type-archive-inspiration .top .background-video{
		height:calc(100% - 266px);
	}
	.post-type-archive-inspiration .top .trends .cards .card{
		width:216px;
		height:148px;
		font-size: 16px;
		line-height: 24px;
	}
	.post-type-archive-inspiration .filter{
		margin-bottom:48px;
	}
	.search .modal-content span.title.brands{
		margin-top:0px;
	}
	.search .modal-content span.title.catalogues{
		margin-top:32px;
	}
	.modal.search ul{
		overflow:visible;
		flex-wrap: wrap;
	}
	.modal.search ul li{
		margin-bottom:16px;
	}
	.modal.search .best-videos .no-found{
		padding-bottom:24px;
	}
}
@media only screen and (min-width : 1281px){
	.post-type-archive-inspiration .top .background,.post-type-archive-inspiration .top .background-video{
		height:calc(100% - 200px);
	}
	.post-type-archive-inspiration .top .trends{
		position:relative;
		padding-left:100px;
	}
	.post-type-archive-inspiration .top .trends .buttons{
		padding-right:100px;
	}
	.filter-container{
		width:calc(100% - 200px);
	}
}
@media only screen and (min-width : 1440px){
	.post-type-archive-inspiration .top{
		margin-bottom:64px;
	}
	.post-type-archive-inspiration .top .background,.post-type-archive-inspiration .top .background-video{
		height:100%;
	}
	.post-type-archive-inspiration h1{
		text-align:left;
	}
	.post-type-archive-inspiration .top .main{
		position:absolute;
		top:235px;
		right:148px;
		flex-direction:row;
		justify-content:space-between;
		z-index:100;
	}
	.post-type-archive-inspiration .top .trends{
		width:528px;
		height:692px;
		background: rgba(7, 7, 7, 0.5);
		backdrop-filter: blur(24px);
		-webkit-backdrop-filter: blur(24px);
		border-radius: 24px;
		padding:20px 122px 0px 34px;
		overflow:hidden;
	}
	.post-type-archive-inspiration .top .trends:after{
		content:"";
		display:block;
		position:absolute;
		background: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, #070707 100%);
		height:60px;
		width:100%;
		position:absolute;
		top:auto;
		left:0;
		right:0;
		bottom:0;
	}
	.post-type-archive-inspiration .top .trends .buttons{
		display:none !important;
	}
	.post-type-archive-inspiration .top .trends .cards{
		overflow-y:scroll;
		overflow-x:inherit;
		flex-wrap:wrap;
		height:630px;
		width:475px;
		margin:0;
		padding:0 0 40px;
	}
	.post-type-archive-inspiration .top .trends .cards a{
		margin-right:16px;
		margin-bottom:16px;
	}
	#style-1::-webkit-scrollbar-track{
		border-radius: 100px;
		background-color: #35353A;
	}
	#style-1::-webkit-scrollbar{
		width: 8px;
		background: rgba(7, 7, 7, 0.5);
	}
	#style-1::-webkit-scrollbar-thumb{
		border-radius: 100px;
		background-color: #ffffff;
	}
	.post-type-archive-inspiration h1{
		margin-left:0;
		margin-bottom:53px;
		width:calc(100% - 530px);
	}
}
@media only screen and (min-width : 1600px){
	.post-type-archive-inspiration .best-videos .videos .item,.tax-catalogue .best-videos .videos .item,.tax-brand .best-videos .videos .item,.single-inspiration .best-videos .videos .item{
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media only screen and (min-width : 1640px){
	.post-type-archive-inspiration h1{
		width:calc(100% - 630px);
	}
}
@media only screen and (min-width : 1800px){
	.post-type-archive-inspiration h1{
		width:calc(100% - 830px);
	}
	.post-type-archive-inspiration .top .main{
		right:calc((100% - 1600px)/2 + 48px);
	}
}
@media only screen and (min-width : 2120px){
	.post-type-archive-inspiration .filter{
		width:1920px;
		padding-left:0;
		margin-left:auto;
		margin-right:auto;
	}
}
/************************* Inspiration **************************/


/************************* Featued product banner **************************/
.featured-banner{
	margin:8px -20px 0;
}
.featured-banner .item{
	background-size:cover;
	background-position:center;
	color:#fff;
	position:relative;
	padding:68px 20px;
	overflow:hidden;
}
.featured-banner .item:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: #070707;
	opacity: 0.75;
}
.featured-banner .item .price{
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
	margin-bottom:12px;
}
.featured-banner .item .price span{
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
}
.featured-banner .item h2,.featured-banner .item p,.featured-banner .item div{
	position:relative;
}
.featured-banner .item h2{
	max-width:580px;
	margin:0 auto 6px;
}
.featured-banner .item h2 span{
	color:#fff;
}
.featured-banner .item p{
	font-size: 18px;
	line-height: 28px;
}
.featured-banner .item button.btn{
	border-radius:100px;
	font-size: 14px;
	line-height: 18px;
	height:40px;
	color: #1936D0;
	background:#fff;
	padding:11px 20px;
}
@media only screen and (min-width : 768px){
	.featured-banner{
		margin-bottom:48px;
		margin-left:0;
		margin-right:0;
	}
	.featured-banner .item{
		border-radius:12px;
		padding:0;
		height:416px;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.featured-banner .item p{
		font-size:20px;
		line-height:28px;
		max-width:480px;
		margin:0 auto 16px;
	}
}
@media only screen and (min-width : 1650px){
	.featured-banner .item{
		height: 464px;
	}
}
/************************* Featued product banner **************************/


/************************* Review Section **************************/
.review{
	padding-top:48px;
}
.review h2 span{
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	color:#1E1E21;
}
.review h2 img{
	margin-left:6px;
	margin-right:9px;
}
.review ul{
	margin:15px -20px 16px;
	padding-left:20px;
	display:flex;
	overflow-x:auto;
}
.review ul li{
	font-size: 14px;
	line-height: 24px;
	flex:0 0 295px;
	margin-right:16px;
}
.review ul li .item{
	border: 1px solid #F1F1F1;
	padding:16px 12px 14px;
	height:100%;
	border-radius: 12px;
}
.review ul li span.brand{
	display:block;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
}
.review ul li .star{
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
.review ul li .star img{
	margin-left:5px;
}
.review ul li .text{
	padding-right:24px;
}
.review ul li .show{
	width:24px;
	height:24px;
	cursor:pointer;
	position:relative;
	left:100%;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1644822077/-design-system/icon-more.svg);
}
.review ul li .hide{
	width:24px;
	height:24px;
	cursor:pointer;
	position:relative;
	left:100%;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1644822078/-design-system/icon-collapse.svg);
}
.review ul li span.more-text{
	display:none;
}
#reviewModal .modal-content{
	border-radius:20px 20px 0 0;
}
#reviewModal .modal-dialog{
	margin-left:0px;
	margin-right:0px;
	max-width:100%;
}
#reviewModal .modal-header{
	position:relative;
	padding:37px 0 22px;
	border-bottom:none;
}
#reviewModal .modal-title{
	font-weight: 900;
	font-size: 20px;
	line-height: 28px;	
}
#reviewModal .modal-header button{
	position:absolute;
	top:12px;
	right:12px;
	width:36px;
	height:36px;
	background:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1645338848/-design-system/button-close-light.svg);
	border:none;
	background-repeat:none;
	background-size:cover;
}
#reviewModal .modal-body{
	padding:0 20px;
	max-height:475px;
}
#reviewModal .list .item{
	padding-bottom:24px;
	border-bottom: 1px solid #F1F1F1;
	font-size: 14px;
	line-height: 24px;
	margin-bottom:28px;
}
#reviewModal .list .item span.brand{
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
}
#reviewModal .list .item .star{
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
#reviewModal .list .item .star img{
	margin-left:5px;
}
#reviewModal .list .item .text{
	padding-right:32px;
	margin-top:4px;
}
@media only screen and (max-width : 767px){
	.review ul{
		position:relative;
	}
	.review ul:after{
		content:"";
		display:block;
		flex:0 0 4px;
		width:4px;
	}
	#reviewModal .modal-dialog{
		align-items:flex-end;
	}
}
@media only screen and (min-width : 768px){
	#reviewModal .modal-content{
		border-radius:20px;
	}
	#reviewModal .modal-dialog{
		margin-left:auto;
		margin-right:auto;
		max-width:846px;
	}
	#reviewModal .modal-header{
		padding:28px 24px 26px;
	}
	#reviewModal .modal-title{
		font-size: 32px;
		line-height: 46px;	
	}
	#reviewModal .modal-body{
		padding:0 24px;
	}
}
@media only screen and (min-width : 992px){
	.review{
		margin-top:48px;
		padding-top:40px;
	}
	.review ul{
		background: transparent;
		margin:34px -12px 0;
		padding:0;
		overflow-x:visible;
		flex-wrap:wrap;
	}
	.review ul li{
		margin-right:0;
		flex:0 0 33.33333333%;
		margin-bottom:38px;
		padding:0 12px;
	}
	.review ul li .item{
		border-top:none;
		border-left:none;
		border-right:none;
		padding:0 0 8px;
		border-radius:0;
	}
	.review h2 img{
		margin-left:18px;
		margin-right:8px;
	}
	.review a.btn.black{
		margin-top:-14px;
	}
}
/************************* Review Section **************************/

/************************* Features Section **************************/
section#features{
	padding:48px 0;
}
section#features h2{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:4px;
}
section#features p.subtitle{
	font-size: 16px;
	line-height: 26px;
}
section#features .cards{
	display:flex;
	overflow-x:auto;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-top:16px;
}
section#features .cards:after{
	content: "";
	display: block;
	flex: 0 0 8px;
	width: 8px;
}
section#features .cards .card{
	flex: 0 0 295px;
	margin-right:12px;
	border-radius: 12px;
	border:none;
	overflow:hidden;
	background:transparent;
}
section#features .cards .card a{
	display:block;
	background: #FFFFFF;
	border:none;
	padding:20px;
	border-radius: 12px;
	overflow:hidden;
	height:100%;
}
section#features .cards .card h3{
	font-size: 20px;
	line-height: 28px;
	margin-bottom:6px;
	color: #1E1E21;
}
section#features .cards .card p{
	font-size: 14px;
	line-height: 24px;
	color: #5B5F67;
	margin-bottom:0;
}
section#features .cards .card img{
	filter: drop-shadow(0px 2px 48px rgba(0, 0, 0, 0.1));
	margin-bottom:24px;
	border-radius:20px;
	overflow:hidden;
}
section#features .cards .card span{
	display:none;
}
@media only screen and (min-width : 992px){
	section#features{
		padding:94px 0 128px;
		position:relative;
	}
	section#features h2{
		font-size: 54px;
		line-height: 68px;
		margin-bottom:12px;
		text-align:center;
	}
	section#features p.subtitle{
		font-size: 20px;
		line-height: 28px;
		max-width:600px;
		margin:0 auto;
		text-align:center;
	}
	section#features .cards{
		padding-top:48px;
		overflow:visible;
	}
	section#features .cards .card{
		opacity:0.5;
		transition: all 0.3s ease 0s;
		transform: scale(0.85);
	}
	section#features .cards .card h3{
		font-size: 24px;
		line-height: 34px;
	}
	section#features .cards .card p{
		font-size: 16px;
		line-height: 26px;
		margin-bottom:24px;
	}
	section#features .cards .card span{
		display:block;
		font-weight: 600;
		font-size: 16px;
		line-height: 22px;
		text-decoration:underline;
	}
	section#features .cards .card.slick-current{
		opacity:1;
		transform: scale(1);
	}
	section#features button.slick-arrow{
		display: inline-block;
		width: 44px;
		height: 44px;
		background-color: transparent;
		border: 1.5px solid #F1F1F1;
		background-repeat: no-repeat;
		background-position: center;
		color: transparent;
		border-radius: 50%;
		transition: all 0.2s ease 0s;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519758/-design-system/-icons-2022/arrow-right.svg);
		position:absolute;
		bottom:-80px;
		left:50%;
	}
	section#features button.slick-arrow:hover {
		border: 1.5px solid #1E1E21;
	}
	section#features button.slick-arrow.slick-prev{
		transform:rotate(180deg);
		margin-left:-48px;
	}
	section#features button.slick-arrow.slick-next{
		margin-left:4px;
	}
}
/************************* Features Section **************************/

/************************* Needs & Solutions Section **************************/
section#needs_solutions{
	padding:48px 0;
}
section#needs_solutions h2{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:4px;
}
section#needs_solutions p.subtitle{
	margin:0;
	font-size: 16px;
	line-height: 26px;
}
section#needs_solutions .cards{
	display:flex;
	overflow-x:auto;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-top:16px;
}
section#needs_solutions .cards:after{
	content: "";
	display: block;
	flex: 0 0 4px;
	width: 4px;
}
section#needs_solutions .cards .card{
	flex: 0 0 295px;
	margin-right:16px;
	border-radius: 12px;
	border:none;
	overflow:hidden;
	background:transparent;
}
section#needs_solutions .cards .card a{
	display:block;
	background: #FFFFFF;
	border:none;
	padding:24px;
	border-radius: 12px;
	overflow:hidden;
	height:100%;
}
section#needs_solutions .cards .card img{
	margin-bottom:10px;
}
section#needs_solutions .cards .card h3{
	font-size: 20px;
	line-height: 28px;
	margin-bottom:10px;
	color: #1E1E21;
}
section#needs_solutions .cards .card p{
	font-size: 14px;
	line-height: 24px;
	color: #5B5F67;
	margin-bottom:0;
}
@media only screen and (min-width : 768px){
	section#needs_solutions p.subtitle{
		max-width:660px;
	}
}
@media only screen and (min-width : 992px){
	section#needs_solutions{
		padding:94px 0 48px;
	}
	section#needs_solutions h2{
		font-size: 54px;
		line-height: 68px;
		margin-bottom:12px;
		text-align:center;
	}
	section#needs_solutions p.subtitle{
		font-size: 20px;
		line-height: 28px;
		text-align:center;
		margin:0 auto;
	}
	section#needs_solutions .cards{
		display:flex;
		overflow-x:visible;
		flex-wrap:wrap;
		margin-left:-18px;
		margin-right:-18px;
		padding-left:0;
		padding-top:48px;
	}
	section#needs_solutions .cards .card{
		flex:0 0 33.333333%;
		margin-right:0;
		border-radius: 20px;
		padding:0 18px 36px;
	}
	section#needs_solutions .cards .card h3{
		font-size: 20px;
		line-height: 28px;
		margin-bottom:10px;
	}
	section#needs_solutions .cards .card p{
		font-size: 16px;
		line-height: 26px;
	}
	section#needs_solutions .cards .card a{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632296457/-homepage-icons/arrow-right.svg);
		background-repeat:no-repeat;
		background-position:right 24px center;
		background-size:7px 11px;
		padding-right:60px;
	}
}
/************************* Needs & Solutions Section **************************/

/************************* For your team Section **************************/
section#for-teams{
	padding-top:48px;
	padding-bottom:48px;
}
section#for-teams h2{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:4px;
}
section#for-teams p.subtitle{
	margin:0;
	font-size: 16px;
	line-height: 26px;
}
section#for-teams .cards{
	margin-top:16px;
}
section#for-teams .card{
	border:none;
	margin-bottom:16px;
	border-radius: 12px;
	overflow:hidden;
	background:transparent;
}
section#for-teams .card:last-child{
	margin-bottom:0;
}
section#for-teams .card a{
	background-size:cover;
	background-position:center;
	color:#fff;
	position:relative;
	padding:70px 18px 18px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	height:100%;
	z-index:10;
}
section#for-teams .card a:before{
	content:"";
	display:block;
	background: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, rgba(7, 7, 7, 0.9) 100%);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	z-index:20;
}
section#for-teams .card a .text{
	position:relative;
	z-index:30;
}
section#for-teams .card a h3{
	position:relative;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	margin-bottom:12px;
}
section#for-teams .card a p{
	display:none;
}
section#for-teams .card a span{
	position:relative;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	text-decoration:underline;
}
@media only screen and (min-width : 768px){
	section#for-teams .cards{
		margin-top:16px;
		display:flex;
		margin-left:-18px;
		margin-right:-18px;
	}
	section#for-teams .card{
		flex:0 0 33.33333333%;
		border:none;
		margin-bottom:0;
		padding:0 18px;
	}
	section#for-teams .card a{
		border-radius:20px;
		-webkit-border-radius: 20px;
		padding:0;
		aspect-ratio: 460 / 577;
		position:relative;
	}
	section#for-teams .card a:before{
		border-radius:20px;
		-webkit-border-radius: 20px;
	}
	section#for-teams .card a .text{
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		padding:0 18px 18px;
	}
	section#for-teams .card a h3{
		font-weight: 700;
		font-size: 24px;
		line-height: 34px;
		margin-bottom:24px;
	}
	section#for-teams .card a span{
		font-size:16px;
	}
	section#for-teams p.subtitle{
		max-width:660px;
	}
}
@media only screen and (min-width : 992px){
	section#for-teams{
		padding-top:94px;
		padding-bottom:48px;
	}
	section#for-teams h2{
		font-size: 54px;
		line-height: 68px;
		margin-bottom:12px;
		text-align:center;
	}
	section#for-teams p.subtitle{
		font-size: 20px;
		line-height: 28px;
		text-align:center;
		margin:0 auto;
	}
	section#for-teams .card a h3{
		margin-bottom:0;
	}
	section#for-teams .card a p{
		font-size: 16px;
		line-height: 26px;
		margin-bottom:0;
		margin-top:12px;
		color: rgba(255, 255, 255, 0.75);
	}
	section#for-teams .card a span {
		display:block;
		margin-top:24px;
	}
}
@media only screen and (min-width : 1200px){
	section#for-teams .cards{
		margin-top:48px;
	}
	section#for-teams .card a .text{
		padding:0 32px 32px;
	}
}
/************************* For your team Section **************************/


/************************* Support page **************************/
.knowledge-top.support{
	background-color:#fff;
}
.support ul#myTab{
	border-bottom:solid 1px #D6D6D6;
	margin-bottom:36px;
}
.support ul#myTab button{
	border:none;
	background:transparent;
	font-size: 16px;
	line-height: 26px;
	white-space: nowrap;
	margin-right:24px;
	padding:0 0 16px;
	color:#1E1E21;
}
.support ul#myTab button.active{
	font-weight: 900;
	border-bottom: 2px solid #1E1E21;
	margin-bottom:-1px;
}
.support.popular-articles .insight{
	margin-top:48px;
}
.support.popular-articles .insight ul{
	display:block;
	overflow:visible;
}
.support.popular-articles .insight ul li .image{
	padding-top:0;
}
.support.popular-articles .insight ul li h3{
	font-weight:900;
}
.support.knowledge-archive .articles > div{
	margin-bottom:48px;
}
@media only screen and (min-width : 768px){
	.support.knowledge-archive .articles{
		padding-bottom:140px;
	}
	.support.knowledge-archive .articles.creators{
		padding-bottom:40px;
	}
	.support.knowledge-archive .articles > div{
		flex:0 0 33.333333%;
		margin-bottom:0;
	}
	.support.knowledge-archive .articles > div.faq{
		flex:0 0 66.66666666%;
	}
	.support.knowledge-archive .articles.creators > div{
		padding-bottom:100px;
	}
	.support.knowledge-archive .articles > div.faq ul{
		display:flex;
	}
	.support.knowledge-archive .articles > div.faq ul li{
		flex:0 0 50%;
	}
}
@media only screen and (min-width : 992px){
	.support ul#myTab{
		margin-bottom:48px;
	}
	.support.popular-articles .insight ul{
		display:flex;
	}
}
/************************* Support page **************************/

/************************* Modal **************************/
.modal .brand{
	position:absolute;
	top:16px;
	left:20px;
}
#reviewModal .brand{
	position:relative;
	top:0px;
	left:0px;
}
.modal .brand img{
	width:auto;
	height:30px;
}
.modal .close{
	position:absolute;
	top:24px;
	right:0px;
	border:none;
	background:transparent;
}
/* .modal-backdrop{
	background: rgba(7, 7, 7, 0.75);
	backdrop-filter: blur(125px);
	-webkit-backdrop-filter: blur(125px);
	opacity:1 !important;
} */
@media only screen and (min-width : 768px){
	.modal-dialog {
		max-width: 760px;
	}
	.modal .close{
		right:24px;
	}
}
@media only screen and (min-width : 992px){
	.modal-dialog{
		max-width:970px;
	}
	.modal .brand{
		top:20px;
	}
	.modal .brand img{
		height:32px;
	}
}
@media only screen and (min-width : 1200px){
	.modal-dialog{
		max-width:1060px;
	}
}
@media only screen and (min-width : 1281px){
	.modal .brand{
		left:100px;
	}
}
@media only screen and (min-width : 1800px){
	.modal .brand{
		left:calc((100% - 1600px)/2);
	}
}
/************************* Modal **************************/

/************************* Best Videos **************************/
.best-videos{
	padding:48px 0 0;
	position:relative;
}
.best-videos h2{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:16px;
}
.best-videos button{
	display:none;
}
.best-videos a.btn{
	background: #fff;
    color: #030308;
    border: solid 2px #fff;
    border-radius: 100px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    padding: 20px 36px;
    height: 58px;
    margin-top: 12px;
}
.best-videos a.btn:focus,.best-videos a.btn:focus-visible{
	box-shadow:none;
	outline:none;
}
.best-videos a.btn:hover {
    border: solid 2px #fff;
    color: #fff;
    background: transparent;
}
#video-cards{
	display:flex;
	overflow-x:auto;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	position:relative;
}
#video-cards:after{
	content:"";
	display:block;
	width: 4px;
	flex:0 0 4px;
}
#video-cards .item{
	flex: 0 0 295px;
	margin-right: 16px;
	border-radius: 12px;
	overflow: hidden;
}
#video-cards .item a.d-flex,#video-cards .item .popup{
	height:420px;
	color:#fff;
	position:relative;
	padding:20px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	background-size:cover;
	background-position:center;
	z-index:10;
	cursor:pointer;
}
#video-cards .item a.d-flex:before,#video-cards .item .popup:before{
	content:"";
	display:block;
	background: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, #070707 100%);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition: all 0.3s ease 0s;
	opacity: 1;
	z-index:20;
	border-radius: 24px;
	-webkit-border-radius: 24px;
}
#video-cards .item a.d-flex:hover:before,#video-cards .item .popup:hover:before{
	opacity: 0.6;
}
#video-cards .item .text{
	position:relative;
	z-index:30;
}
#video-cards .item.all{
	flex:0 0 auto;
}
#video-cards .item.all a{
	display:flex;
	height:100%;
	text-decoration:underline;
	align-items:center;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
}
#video-cards .item.all a:before{
	content:none;
}
#video-cards .item a.d-flex div.d-flex{
	position:relative;
}
#video-cards .item a.d-flex span.title,#video-cards .item .popup span.title{
	display:block;
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
}
#video-cards .item a.d-flex .content p,#video-cards .item .popup .content p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom:16px;
}
#video-cards .item a.d-flex .play,#video-cards .item .popup .play{
	display:inline-block;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background: rgba(32,32,32,.25);
	box-sizing: border-box;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border-radius: 100px;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	transition: all 0.2s ease 0s;
}
#video-cards .item a.d-flex .play:hover,#video-cards .item .popup .play:hover{
	background: rgba(32,32,32,.8);
}
#video-cards .item a.d-flex .play svg,#video-cards .item .popup .play svg{
	margin-right:8px;
}
#video-cards .modal .banner .buttons{
	text-align:center;
}
#video-cards .modal .banner .buttons a.btn{
	background:#1936D0;
	border:none;
	color:#fff;
	padding:0 28px;
	font-size:16px;
	height:60px;
	line-height:60px;
	margin-top:0;
}
#video-cards .modal .banner .buttons > div{
	font-size: 14px;
	line-height: 34px;
	margin:8px 0;
}
#video-cards .modal .banner .buttons button{
	margin:0;
	background: rgba(255, 255, 255, 0.15);
	display:inline-block;
}
#video-cards .modal .banner .buttons button:hover{
	color:#fff;
	background: rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width:576px){
	#video-cards .modal .banner .buttons{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#video-cards .modal .banner .buttons > div{
		margin:0 12px;
	}
}
@media only screen and (min-width:992px){
	.best-videos{
		padding-top:124px;
		padding-bottom:0;
	}
	.best-videos h2{
		font-size: 54px;
		line-height: 68px;
		margin-bottom:38px;
		text-align:center;
	}
	.best-videos .container{
		position:relative;
	}
	.best-videos .filter{
		margin-bottom:41px;
		transition: all 0.5s ease 0s;
		position:relative;
		z-index:100;
	}
	.best-videos .filter li{
		margin-right:16px;
	}
	.best-videos .filter li div{
		display:block;
		border-radius: 25px;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		padding:14px 23px;
		background: rgba(151, 151, 151, 0.15);
		transition: all 0.3s ease 0s;
		white-space: nowrap;
		cursor:pointer;
	}
	.best-videos .filter li div:hover,.best-videos .filter li.active div{
		background: #fff;
		color: #030308;
	}
	.best-videos .filter li a.d-flex{
		display:block;
		border-radius: 25px;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		padding:14px 23px;
		background: #EDEDED;
		transition: all 0.3s ease 0s;
		white-space: nowrap;
	}
	.best-videos .filter li a.d-flex:hover,.best-videos .filter li.active a.d-flex{
		background: #202020;
		color:#fff;
	}
	.best-videos .filter-catalogue{
		position:relative;
	}
	.best-videos button.prev,.best-videos button.next{
		display:block;
		transition: all 0.2s ease 0s;
		opacity: 1;
		width: 180px;
		height: 46px;
		border: none;
		background-repeat: no-repeat;
		background-position: center;
		color: transparent;
		position:absolute;
		top:0px;
		background: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1630983038/-homepage-icons/-homepage/white-arrow.svg) no-repeat center right 6px, linear-gradient(270deg, #030308 0%, rgba(3, 3, 8, 0.00) 93.93%);
		visibility:visible;
		z-index:200;
	}
	.best-videos button.prev{
		left:0px;
		transform: rotate(180deg);
	}
	.best-videos button.next{
		right:0px;
	}
	.best-videos button.disabled{
		visibility:hidden;
	}
	#video-cards{
		overflow-x:visible;
		flex-wrap:wrap;
		margin-left:-12px;
		margin-right:-12px;
		padding-left:0;
	}
	#video-cards .item{
		flex:0 0 33.333333333%;
		margin-right:0;
		margin-bottom:24px;
		padding:0 12px;
	}
	#video-cards .item a.d-flex,#video-cards .item .popup{
		height:auto;
		padding-top: 56.25%;
		position:relative;
	}
	#video-cards .item a.d-flex div.d-flex.text,#video-cards .item .popup div.d-flex.text{
		position:absolute;
		left:16px;
		bottom:16px;
		right:16px;
	}
	#video-cards .item a.d-flex span.brand,#video-cards .item .popup span.brand{
		opacity:0.5;
		font-size: 12px;
		line-height: 22px;
	}
	#video-cards .item a.d-flex span.title,#video-cards .item .popup span.title{
		font-weight: 700;
		font-size: 16px;
		line-height: 22px;
		margin-bottom:0;
	}
}
@media only screen and (min-width : 1800px){
	.best-videos .filter-container{
		width:1600px;
	}
}
/************************* Best Videos **************************/

/************************* Mobile App Section **************************/
section#app .box{
	border-radius: 20px;
	background: var(--gradient-gradient-1, linear-gradient(108deg, #1936D0 51.34%, #FD01C6 100%));
	padding:20px 24px 0;
	overflow:hidden;
	color:#fff;
}
section#app .box .app-image{
	margin:-89px -24px 0;
	position:relative;
	z-index:10;
}
section#app .box .app-image img{
	display:block;
	margin-left:auto;
	width:100%;
	height:auto;
	mix-blend-mode: hard-light;
	max-width:450px;
}
section#app .box .title{
	font-size: 28px;
	font-style: normal;
	font-weight: 900;
	line-height: 36px; 
	letter-spacing:-1.12px;
	margin-bottom:12px;
}
section#app .box .title span{
	color:#FD01C6;
}
section#app .box p{
	color:#fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 
	letter-spacing: -0.32px;
	margin-bottom:0;
}
section#app .box a.button{
	display:inline-block;
	background:#fff;
	color: #030308;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	padding:16px 24px;
	border-radius: 100px;
	margin-top:24px;
	position:relative;
	z-index:20;
}
section#app .box a.button img{
	margin-right:12px;
}
.bg-dark section#app{
	padding-top:24px;
}
@media only screen and (min-width : 768px){
	section#app .box{
		padding-top:0;
		padding-left:70px;
	}
	section#app .box .title{
		padding-top:77px;
		font-size: 54px;
		font-style: normal;
		font-weight: 900;
		line-height: 54px; 
		margin-bottom:24px;
		max-width:562px;
		letter-spacing:-2.16px;
	}
	section#app .box p{
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 34px; 
		max-width:597px;
	}
	section#app .box a.button{
		font-size: 16px;
		white-space:nowrap;
		margin-top:36px;
	}
	section#app .box .app-image{
		margin-top:-150px;
	}
}
@media only screen and (min-width : 992px){
	section#app{
		padding-top:137px;
	}
	section#app .box{
		max-height:490px;
		padding-right:0;
	}
	section#app .box .app-image{
		margin:0;
		flex:1 1 auto;
		position:relative;
		overflow:hidden;
	}
	section#app .box .app-image img{
		position:absolute;
		top:0;
		height:100%;
		width:auto;
		max-width:none;
	}
	section#app .box a.button{
		margin-bottom:77px;
	}
	.bg-dark section#app{
		padding-top:137px;
	}
}
@media only screen and (min-width : 1600px){
	section#app .box .app-image img{
		left:50%;
		transform:translatex(-50%);
	}
}
/************************* Mobile App Section **************************/

/************************* cta banner **************************/
section#cta{
	text-align:center;
	background: linear-gradient(180deg, rgba(3, 3, 8, 0.00) 0.1%, rgba(25, 54, 208, 0.65) 99.9%);
	padding:94px 0;
}
section#cta .title{
	font-size: 32px;
	font-style: normal;
	font-weight: 900;
	line-height: 42px; 
}
section#cta .title span{
	color: #FD01C6;
}
section#cta p{
	font-size: 16px;
	line-height: 32px;
	margin-bottom:24px;
}
section#cta .buttons > div{
	font-size:14px;
	line-height:34px;
}
section#cta a.btn{
	font-size: 16px;
	line-height: 60px;
	background: #1936D0;
	border-radius: 100px;
	height: 60px;
	padding: 0 28px;
	margin-top:0;
	margin-bottom:8px;
}
section#cta button{
	background: rgba(255, 255, 255, 0.15);
	margin-top:8px;
}
section#cta button:hover{
	color:#fff;
	background: rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width : 576px){
	section#cta .buttons{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	section#cta a.btn{
		margin-bottom:0;
		margin-right:16px;
	}
	section#cta button{
		margin-top:0;
		margin-left:16px;
	}
}
@media only screen and (min-width : 992px){
	section#cta{
		padding-top:159px;
		padding-bottom:134px;
	}
	section#cta .title{
		font-size: 64px;
		line-height: 64px; 
		max-width:720px;
		margin:0 auto 26px;
	}
	section#cta p{
		font-size: 20px;
		line-height: 34px;
		max-width:475px;
		margin:0 auto 36px;
	}
	section#cta a.btn{
		font-size: 16px;
	}
}
/************************* cta banner **************************/

/************************* Subscription CTA **************************/
div#subscribe{
	margin-top:12px;
	font-size: 12px;
	line-height: 16px;
	margin-bottom:36px;
	border-radius: 20px;
	border: 1px solid var(--grey-5, #E9E9E9);
	background: var(--white-1, #FCFCFC);
	padding:30px;
}
div#subscribe .subscribing{
	display:none;
}
div#subscribe .subscribing img{
	margin-bottom:16px;
	width:124px;
}
div#subscribe h2{
	margin-bottom:8px;
}
div#subscribe b{
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
div#subscribe form{
	margin-top:16px;
}
div#subscribe form input{
	display:block;
	width:100%;
	border: 1px solid #BABABA !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	line-height: 24px !important;
	padding:10px 15px !important;
}
div#subscribe form input::placeholder{
	color: #808080;
	opacity: 1;
}
div#subscribe form input:-ms-input-placeholder{
	color: #808080;
	opacity: 1;
}
div#subscribe form input::-ms-input-placeholder{
	color: #808080;
	opacity: 1;
}
div#subscribe .social{
	margin-top:24px;
}
div#subscribe .social a{
	margin-right:18px;
}
@media only screen and (min-width : 992px){
	div#subscribe{
		font-size: 14px;
		line-height: 24px;
	}
	div#subscribe b{
		font-size: 18px;
		line-height: 28px;
		margin-bottom:6px;
	}
}
@media only screen and (min-width : 1281px){
	div#subscribe{
		font-size: 16px;
		line-height: 28px;
	}
}
/************************* Subscription CTA **************************/

/************************* CTA banner **************************/
#cta_banner{
	border-radius: 12px;
	background: linear-gradient(272deg, #F1F1F1 1.81%, rgba(241, 241, 241, 0.00) 96.27%);
	padding:16px 16px 24px;
}
#cta_banner img.logo{
	width:64px;
	height:48px;
	display:block;
	margin-bottom:6px;
}
#cta_banner h2{
	font-size:20px;
	line-height:28px;
	margin-bottom:0;
}
#cta_banner h2 span{
	color:#1E1E21;
}
#cta_banner p{
	font-size:14px;
	line-height:24px;
	margin-bottom:0;
}
#cta_banner .buttons{
	margin-top:24px;
	text-align:center;
}
#cta_banner .buttons a.btn{
	height:52px;
	line-height:52px;
}
#cta_banner .buttons > div{
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	margin:8px 0;
}
#cta_banner .buttons > div a{
	font-weight:700;
	color:#1936D0;
}
#cta_banner .buttons a.link{
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
	color:#1936D0;
}
#cta_banner .logged_in #avatar{
	width:48px;
	height:48px;
	border-radius: 50%;
	margin-bottom:6px;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
	overflow:hidden;
}
#cta_banner .logged_in #avatar img{
	width:49px;
	height:49px;
}
@media only screen and (min-width : 576px){
	#cta_banner .logged_in .buttons{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#cta_banner .logged_out .buttons{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#cta_banner .buttons > div{
		margin:0 12px;
	}
}
@media only screen and (min-width : 992px){
	#cta_banner_in,#cta_banner_out{
		display:flex;
	}
	#cta_banner .text{
		flex:0 0 50%;
		border-right:solid 1px rgba(233, 233, 233, 1);
	}
	#cta_banner h2{
		font-size:24px;
		line-height:34px;
	}
	#cta_banner p{
		font-size:16px;
		line-height:26px;
		max-width:476px;
	}
	#cta_banner .buttons{
		margin-top:0;
		padding-top:0;
		flex:0 0 50%;
	}
	#cta_banner .logged_out .buttons a.btn{
		margin-bottom:0;
		margin-right:12px;
	}
	#cta_banner .logged_in .buttons a.btn{
		margin-left:16px;
	}
}
@media only screen and (min-width : 1200px){
	#cta_banner{
		padding:32px 54px;
	}
	#cta_banner .logged_in .buttons a.btn{
		margin-left:27px;
	}
}
/************************* CTA banner **************************/

/************************* Inspiration video modal **************************/
.inspiration-modal .modal-body {
	position: relative;
	padding: 0;
	color:#fff;
}
.inspiration-modal span.brand{
	position:relative;
	top:0;
	left:0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; 
	z-index:100;
}
.inspiration-modal span.title{
	position:relative;
	font-size: 18px;
	font-style: normal;
	font-weight: 900;
	line-height: 28px;
	margin-bottom:12px;
	z-index:100;
}
.inspiration-modal .close{
	top:10px;
	right:10px;
	background:#030308;
	z-index:200;
	width:36px;
	height:36px;
	border-radius:50%;
	padding:0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.inspiration-modal .modal-body figure{
	margin-bottom:13px;
}
.inspiration-modal .modal-content{
	background: rgba(3, 3, 8, 0.8);
	backdrop-filter: blur(125px);
	-webkit-backdrop-filter: blur(125px);
	border:none;
	padding:12px 20px 0;
	overflow:hidden;
}
.inspiration-modal .modal-dialog iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	border:none;
}
.inspiration-modal .modal-dialog .body{
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; 
	color:#BFBFBF;
	margin-bottom:16px;
}
.inspiration-modal .modal-dialog .tags a{
	font-size: 9px;
	font-style: normal;
	font-weight: 700;
	line-height: 12px; /* 133.333% */
	text-transform: uppercase;
	color:#fff;
	border-radius: 100px;
	background:#1E1E21;
	padding:6px 16px;
	margin-right:10px;
	margin-bottom:10px;
}
.inspiration-modal .modal-dialog .banner{
	background: #1E1E21;
	margin:14px -20px 0;
	padding:12px 24px 36px;
	position:relative;
	z-index:20;
}
.inspiration-modal .modal-dialog .banner .text{
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	text-align:center;
	margin-bottom:12px;
}
@media only screen and (max-width : 576px){
	.inspiration-modal .modal-dialog-centered{
		margin:0;
		position:absolute;
		bottom:0;
	}
	.inspiration-modal .modal-content{
		border-radius:20px 20px 0 0;
	}
}
@media only screen and (min-width : 576px){
	.inspiration-modal .modal-dialog-centered{
		margin-left:auto;
		margin-right:auto;
		position:relative;
		bottom:auto;
		max-width:none;
		width:80%;
	}
	.inspiration-modal .modal-dialog .banner{
		padding-bottom:12px;
	}
}
@media only screen and (min-width : 768px){
	.inspiration-modal .modal-body figure{
		border-radius:12px;
	}
}
@media only screen and (min-width : 992px){
	.inspiration-modal .modal-dialog-centered{
		width:90%;
	}
	.inspiration-modal .modal-content{
		padding:47px 48px 0;
	}
	.inspiration-modal span.brand{
		font-size: 14px;
		line-height: 24px;
	}
	.inspiration-modal span.title{
		font-size: 24px;
		line-height: 34px;
	}
	.inspiration-modal .modal-dialog .body{
		font-size: 14px;
		line-height: 24px;
	}
	.inspiration-modal .modal-dialog .banner{
		margin:24px -48px 0;
		padding:14px 48px;
	}
	.inspiration-modal .modal-dialog .banner .text{
		text-align:left;
		margin-bottom:0;
	}
	.inspiration-modal .video{
		flex:0 0 65%;
		max-width:720px;
		margin-left:24px;
		border-radius: 12px;
		overflow:hidden;
	}
}
@media only screen and (min-width : 1200px){
	.inspiration-modal .modal-dialog{
		max-width:1200px;
	}
}
@media only screen and (min-width : 1440px){
	.inspiration-modal .video{
		flex:0 0 720px;
	}
}
/************************* Inspiration video modal **************************/

.video .wrapper{
	margin:0 -20px;
	background-size:cover;
	background-position:center;
	position:relative;
	z-index:30;
}
.video .wrapper.playing{
	background-image:none !important;
}
.decoy{
	position: absolute;
	filter: blur(100px);
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-ms-filter: blur(100px);
	opacity: 0.5;
	z-index:10;
	top:160px;
	left:0;
}
.video .wrapper video{
	width:100%;
}
.video .controler{
	background: rgba(3, 3, 8, 1);
	padding:16px 20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#fff;
	font-size:16px;
	line-height:26px;
	position:relative;
}
.video .controler .buttons{
	display:flex;
	align-items:center;
	order:2;
}
.video .controler #videoLength{
	order:1;
}
.video .controler button{
	display:block;
	background:transparent;
	border:none;
	background-repeat:no-repeat;
	background-position:center;
}
.video .controler button.play{
	width:30px;
	height:30px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1657852155/-design-system/-player/icon-play.svg);
	order:2;
	background-size:30px 30px;
	margin:0 36px;
}
.video .controler button.play.playing{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1657852157/-design-system/-player/icon-pause.svg);
}
.video .controler button.rewind{
	width:24px;
	height:24px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1700625802/-design-system/-player/icon-backward-10.svg);
	background-size:24px 24px;
	order:1;
}
.video .controler button.forward{
	width:24px;
	height:24px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1701646748/-design-system/-player/icon-forward-11.svg);
	background-size:24px 24px;
	order:3;
}
.video .controler button#fullscreen{
	width:24px;
	height:24px;
	background-size:24px 24px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1657852155/-design-system/-player/icon-full-screen.svg);
	order:3;
}
.video .controler button#closefullscreen{
	width:24px;
	height:24px;
	background-size:24px 24px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1657852155/-design-system/-player/icon-down-size.svg);
	order:3;
	display:none;
}
.video .controler #bar-wrapper{
	position:absolute;
	top:-7px;
	left:0;
	right:0;
	height:6px;
}
.video .controler #bar-wrapper .progress-wrapper{
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:10;
	height:6px;
	background-color:rgba(128,128,128,0.5);
	overflow:hidden;
}
.video .controler #bar-wrapper .progress-wrapper #progress{
	height:6px;
	background-image: linear-gradient(108deg, #1936D0 51.34%, #FD01C6 100%);
	width:0%;
	transition: width 0.1s;
}
.video .controler #bar-wrapper #seekSlider{
	width:100%;
	height:6px;
	border-radius: 5px; /* Rounded corners */
	-webkit-appearance: none; /* Disable default styling for WebKit browsers */
	appearance: none; /* Disable default styling for other browsers */
	background-color:transparent;
	position:relative;
	z-index:20;
}
.video .controler input#seekSlider::-webkit-slider-thumb{
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	height: 6px;
	width: 6px;  
}
.video .controler input#seekSlider::-moz-range-thumb{
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	height: 6px;
	width: 6px;  
}

@media only screen and (min-width : 992px){
	.video .wrapper{
		margin:0;
		border-radius:12px;
		position:relative;
		aspect-ratio: 16 / 9;
		background-image:none !important;
	}
	.decoy{
		top:100px;
		left:35%;
		transform:scale(1.05);
	}
	.video .controler{
		position:absolute;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin:0;
		transition: all 1s ease 0s;
		opacity:1;
	}
	.video .controler.hidden{
		opacity:0;
	}
	.video .controler.playing{
		opacity:0;
	}
	.video .wrapper:hover .controler{
		opacity:1;
	}
	.video .controler .buttons{
		order:1;
	}
	.video .controler button.play{
		width:24px;
		height:24px;
		background-size:24px 24px;
		margin:0;
		order:1;
	}
	.video .controler button.rewind{
		order:2;
		margin:0 20px;
	}
	.video .controler button.forward{
		order:3;
	}
	.video .controler #bar-wrapper{
		position:relative;
		flex:1 1 auto;
		border-radius: 50px;
		order:3;
		top:auto;
	}
	.video .controler #current{
		order:2;
		margin-left:24px;
		margin-right:10px;
	}
	.video .controler #videoLength{
		order:4;
		margin-left:10px;
		margin-right:24px;
	}
	.video .controler #bar-wrapper{
		display:flex;
	}
	.video .controler #bar-wrapper .progress-wrapper{
		border-radius: 5px;
		overflow:hidden;
	}
	.video .controler #volume{
		order:5;
		margin-right:20px;
	}
	.video .controler #volume{
		transform:rotate(-90deg);
		width:20px;
		position:relative;
	}
	.video .controler #volume:before{
		content:"";
		display:block;
		width:24px;
		height:24px;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1657852155/-design-system/-player/icon-volume-on-2-bars.svg);
		position:absolute;
		transform:rotate(90deg);
		left:-3px;
		top:-8px;
		background-size:24px 24px;
	}
	.video .controler #volume input{
		position:relative;
		margin-left:25px;
		transition: all 0.8s ease 0s;
		opacity:0;
	}
	.video .controler #volume:hover input{
		opacity:1;
		position:relative;
	}
	.video .controler #volume:hover input:before{
		content:"";
		display:block;
		position:absolute;
		top:-10px;
		left:-10px;
		right:-10px;
		bottom:-10px;
	}
	.video .controler #volume.low:before{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1657852155/-design-system/-player/icon-volume-on-1-bar.svg);
		top:-10.5px;
	}
	.video .controler #volume.low.mute:before{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1657852157/-design-system/-player/icon-volume-off.svg);
		top:-13px;
	}
	.video .controler #volume input[type="range"] {
		-webkit-appearance: none; /* Disable default styling for WebKit browsers */
		appearance: none; /* Disable default styling for other browsers */
		width: 90px;
		height: 6px;
		border-radius: 11px;
		background-color:rgba(255,255,255,0.2);
		background-image: linear-gradient(to right, rgb(255,255,255) 100%, rgba(255,255,255,0.2) 100%);
	}
	.video .controler #volume input[type="range"]::-webkit-slider-thumb{
		-webkit-appearance: none;
		appearance: none;
		background-color: transparent;
		height: 6px;
		width: 6px;  
	}
	.video .controler #volume input[type="range"]::-moz-range-thumb{
		-webkit-appearance: none;
		appearance: none;
		background-color: transparent;
		height: 6px;
		width: 6px;  
	}
	.video .controler button#fullscreen{
		order:6;
	}
	.video .controler button#closefullscreen{
		order:6;
	}
	.video .controler #bar-wrapper .progress-wrapper{
		overflow:visible;
	}
	.video .controler #bar-wrapper .progress-wrapper #progress{
		height:6px;
		background-image: linear-gradient(108deg, #1936D0 51.34%, #FD01C6 100%);
		width:0%;
		transition: width 0.2s;
		position:relative;
		border-radius:5px;
	}
	.video .controler #bar-wrapper .progress-wrapper #progress:after{
		content:"";
		display:block;
		background-color: #FD01C6;
		height: 16px;
		width: 16px;
		box-shadow:0px 2px 16px rgba(0, 0, 0, 0.20);
		border-radius:50%;
		position:absolute;
		right:-10px;
		top:-5px;
	}
}
@media only screen and (min-width : 1200px){
	.video .controler{
		padding:27px 24px;
	}
}

/************************* Get in Touch modal **************************/
#get-in-touch.modal .close{
	top:12px;
	right:12px;
}
#get-in-touch .modal-body{
	color:#fff;
	border-radius: 20px;
	background:linear-gradient(108deg, #1936D0 51.34%, #FD01C6 100%);
	padding:24px;
	overflow:hidden;
}
#get-in-touch .modal-body:before{
	content: "";
	display: block;
	background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1691404006/-design-system/-logo-2023/iconmark/pink.svg);
	width: 610px;
	height: 463px;
	background-size: cover;
	position: absolute;
	top: 72px;
	left: 26px;
}
#get-in-touch .modal-body .text{
	font-size: 24px;
	font-style: normal;
	font-weight: 900;
	line-height: 34px; 
	position:relative;
	margin-bottom:16px;
}
#get-in-touch .hubspot.form{
	background:#fff;
	padding:16px;
	border-radius:16px;
	position:relative;
	min-height:396px;
	display: flex;
	align-items: center;
}
#get-in-touch .hubspot .hbspt-form{
	height:100%;
}
#get-in-touch .hubspot label{
	display:none;
}
#get-in-touch .hubspot input,#get-in-touch .hubspot select,#get-in-touch .hubspot textarea{
	width:100%;
	margin-bottom:16px;
	border-radius: 6px;
	border: 1px solid #D6D6D6;
	padding:12px 16px;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; 
}
.custom-select {
	min-width: 350px;
}
#get-in-touch .hubspot select{
	appearance: none;
	/* safari */
	-webkit-appearance: none;
	/* other styles for aesthetics */
	width: 100%;
	padding:12px 16px;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; 
	background-color: #fff;
	border: 1px solid #D6D6D6;
	border-radius: 6px;
	cursor: pointer;
}
#get-in-touch .hubspot .hs-fieldtype-select{
	position:relative;
}
#get-in-touch .hubspot .hs-fieldtype-select:before{
	content:"";
	display:block;
	position:absolute;
	width:7px;
	height:11px;
	top:20px;
	right:12px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632961164/-homepage-icons/arrow-left.svg);
	background-size:7px 11px;
	transform:rotate(-90deg);
}
#get-in-touch .hubspot input.invalid.error{
	border:solid 1px #EE5A5A;
	color:#EE5A5A;
}
#get-in-touch .hubspot input.hs-button{
	border:none;
	background:#1936D0;
	border-radius:6px;
	color:#fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px; 
	margin-bottom:0;
}
#get-in-touch .hubspot ul.hs-error-msgs{
	list-style:none;
	padding:0;
	margin-top:-13px;
	margin-bottom:19px;
}
#get-in-touch .hubspot ul.hs-error-msgs label{
	display:block;
	color:#EE5A5A;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; 
	text-align:left;
}
#get-in-touch .hubspot .legal-consent-container p{
	text-align:left;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	color:#5B5F67;
	margin-bottom:14px;
}
#get-in-touch .hubspot .legal-consent-container{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1691473245/-design-system/icon-secure.svg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:12px 16px;
	padding-left:20px;
}
#get-in-touch .hubspot .legal-consent-container a{
	color:#1936D0;
	text-decoration:underline;
}
#get-in-touch .hubspot .hs_error_rollup ul{
	margin-top:0;
}
#get-in-touch .hubspot .submitted-message{
	padding:11px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color:#202020;
}
#get-in-touch .hubspot .submitted-message h3{
	font-size: 24px;
	font-weight: 900;
	line-height: 34px; 
	text-align:center;
}
#get-in-touch .hubspot .submitted-message h3:before{
	content:"";
	display:block;
	width:48px;
	height:48px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1711086744/marketplace/badge-checked.svg);
	margin:0 auto 6px;
}
#get-in-touch .hubspot .submitted-message p{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align:center;
	margin-bottom:16px;
}
#get-in-touch .hubspot .submitted-message p:last-child{
	margin-bottom:0;	
}
#get-in-touch .hubspot .submitted-message p:last-child a{
	font-weight:700;
	margin:0 8px;
	display:inline-block;
}
#get-in-touch .hubspot .submitted-message p:last-child a:last-child{
	background:#1936D0;
	border-radius:100px;
	padding:11px 16px;
	color:#fff;
}
@media only screen and (min-width : 768px){
	#get-in-touch .modal-body .text{
		font-size: 44px;
		line-height: 58px; 
	}
	#get-in-touch .hubspot.form{
		padding:24px;
	}
}
@media only screen and (min-width : 992px){
	#get-in-touch .modal-body{
		padding:51px 48px
	}
	#get-in-touch .modal-body:before{
		width: 1107px;
		height: 839px;
		top:18px;
		left:392px;
	}
}


/************************* Arabic Styling **************************/
.arabic.page-template-homepage .reel a svg{
	margin-right:0;
	margin-left:12px;
}
@media only screen and (min-width : 768px){
	.arabic section#app .box{
		padding-right:70px;
	}
}
@media only screen and (min-width : 992px){
	.arabic .header #language{
		margin-right:0;
		margin-left:15px;
	}
	.arabic .header #user-menu-logged-out button{
		margin-right:15px;
		margin-left:0;
	}
}
@media only screen and (min-width : 1440px){
}
@media only screen and (min-width : 1681px){

}