/* fonts */
@import url("https://p.typekit.net/p.css?s=1&k=cvi5qvs&ht=tk&f=23647.24112&a=1334603&app=typekit&e=css");

@font-face {
	font-family: 'Gelato-script';
	src: url("/App_Themes/VlogWithSony/fonts/GelatoScript.eot") format("embedded-opentype"), url("/App_Themes/VlogWithSony/fonts/GelatoScript.woff") format("woff"), url("/App_Themes/VlogWithSony/fonts/GELATOSCRIPT.otf") format("opentype");
}

@font-face {
	font-family: "house-slant";
	src: url("https://use.typekit.net/af/7a9857/00000000000000003b9b00ec/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/7a9857/00000000000000003b9b00ec/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/7a9857/00000000000000003b9b00ec/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "house-script";
	src: url("https://use.typekit.net/af/f1159f/00000000000000003b9b3175/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/f1159f/00000000000000003b9b3175/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/f1159f/00000000000000003b9b3175/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-style: normal;
	font-weight: 400;
}

.tk-house-slant {
	font-family: "house-slant", sans-serif;
}

.tk-house-script {
	font-family: "house-script", sans-serif;
}

/* colors */
* {
	box-sizing: border-box;
}

html,
body {
	background-color: #fff;
	color: #2f353d;
	font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif;
	position: relative;
}

.sr-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.m-section h1,
.m-section h2,
.m-section h3 {
	font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif;
	margin: 1em 0;
}

.m-section h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

@media (min-width: 768px) {
	.m-section h2 {
		font-size: 2em;
		letter-spacing: 0;
	}
}

.m-section p {
	color: #2f353d;
	line-height: 1.5em;
	font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif;
	font-size: 1.2em;
}

.m-section a {
	text-decoration: none;
	color: #dc3a1a;
}

.m-section a:hover {
	text-decoration: none !important;
}

a.button {
	background-color: #dc3a1a;
	color: #fff;
	padding: 0.8em 1.2em;
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
	border: none;
	display: inline-block;
	width: auto;
	min-width: none;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
	margin: 1em 0;
}

a.button.large {
	font-size: 1.5em;
}

a.button:hover {
	background-color: #be3216;
	transition: all 0.3s ease;
}

a.button.disabled {
	background-color: #ccc !important;
	pointer-events: none !important;
}

a.disabled {
	pointer-events: none !important;
	text-decoration: none !important;
}

.sr-only {
	display: none;
}

.backtotop {
	display: none;
	background-color: #83838f;
	color: #fff;
	padding: 0.5em 1em;
	border-radius: .125em;
	position: fixed;
	bottom: 3em;
	right: 3em;
	z-index: 12;
	opacity: 0.8;
}

.backtotop:visited {
	color: #fff;
}

.backtotop:hover {
	color: #fff;
	background-color: #2f353d;
}

.backtotop.sticky {
	position: relative;
	float: right;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* (16:9) */
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.banner {
	position: relative;
	height: 70vh;
	/* Hero banner, formerly VWS */
	/* Meet the Vloggers banner - now Get Inspired */
	/* Create with Confidence banner - now Gear - Suggested Kits */
	/* Gear - KitFinder banner */
	/* Tips and Tricks Banner */
	/* Tips and Tricks Banner - Pro Advice */
	/* gear banner starter */
	/* gear banner casual */
	/* gear banner pro */
}

.banner::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}

.banner .caption-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.banner .caption-wrap a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.banner .caption-wrap a:hover {
	text-decoration: none;
}

.banner h1 {
	font-family: 'Gelato-script', 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
	font-size: 6rem;
	color: #fff;
	text-shadow: 10px 1px 30px black;
	overflow: visible;
}

.banner h1 span.sst {
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
	font-size: 2rem;
	display: block;
}

@media (min-width: 768px) {
	.banner h1 {
		font-size: 8rem;
	}

	.banner h1 span.sst {
		font-size: 2rem;
		display: block;
	}
}

@media (min-width: 768px) and (orientation: landscape) {
	.banner h1 {
		font-size: 8rem;
	}

	.banner h1 span.sst {
		font-size: 2rem;
		display: inline-block;
	}
}

@media (min-width: 930px) {
	.banner h1 {
		font-size: 12rem;
	}

	.banner h1 span.sst {
		font-size: 3rem;
		display: inline-block;
	}
}

.banner .vws-hash {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0.5em;
	color: #fff;
	font-size: 3em;
	font-family: house-script, sans-serif;
}

.banner#CFC {
	background: url("/App_Themes/VlogWithSony/images/zv-family/Banner-ZV-Family-sml.jpg") center center no-repeat;
	background-size: cover;
}

.banner#CFC::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

.banner#CFC .container {
	overflow: visible;
}

.banner#CFC .brow {
	display: block;
	text-align: left;
	color: #fff;
	font-family: 'SST-Roman', Arial, sans-serif;
	font-size: 1.5em;
}

.banner#CFC h1 {
	font-family: 'SST-Light', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 3em;
	display: block;
	text-align: left;
	font-weight: normal;
	margin: 0 auto 0.25em auto;
	text-shadow: none;
}

.banner#CFC h1 .heavy {
	font-family: 'SST-Heavy', Arial, sans-serif;
}

.banner#CFC h2 {
	color: #fff;
	text-align: left;
	font-size: 1.5em;
}

@media (min-width: 768px) {
	.banner#CFC {
		background: url("/App_Themes/VlogWithSony/images/zv-family/Banner-ZV-Family.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}

	.banner#CFC h1 {
		font-size: 4em;
	}

	.banner#CFC h2 {
		font-size: 2em;
	}
}

@media (min-width: 998px) {
	.banner#CFC h1 {
		font-size: 5em;
	}

	.banner#CFC h2 {
		font-size: 2em;
	}
}

.banner#VWS {
	background: url("/App_Themes/VlogWithSony/images/ZV_microsite_back2-sml.jpg") top center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#VWS {
		background: url("/App_Themes/VlogWithSony/images/ZV_microsite_back2-portrait.jpg") center center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#VWS {
		background: url("/App_Themes/VlogWithSony/images/ZV_microsite_back2.jpg") top center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

.banner#MTV {
	background: url("/App_Themes/VlogWithSony/images/vlogwithsony-inspire2-web-banner-sml.jpg") center center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#MTV {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-inspire2-web-banner-sml.jpg") center center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#MTV {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-inspire2-web-banner.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

.banner#CWC {
	background: url("/App_Themes/VlogWithSony/images/vlogwithsony-kits-web-banner-sml.jpg") center center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#CWC {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-kits-web-banner-sml.jpg") center center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#CWC {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-kits-web-banner.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

.banner#KF {
	background: url("/App_Themes/VlogWithSony/images/vlogwithsony-kitfinder-web-banner-sml.jpg") center center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#KF {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-kitfinder-web-banner-sml.jpg") left center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#KF {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-kitfinder-web-banner.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

.banner#TAT {
	background: url("/App_Themes/VlogWithSony/images/vlogwithsony-toptips-web-banner-sml.jpg") center center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#TAT {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-toptips-web-banner-sml.jpg") right center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#TAT {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-toptips-web-banner.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

.banner#PA {
	background: url("/App_Themes/VlogWithSony/images/vlogwithsony-tips-pro-web-banner-sml.jpg") center center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#PA {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-tips-pro-web-banner-sml.jpg") left center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#PA {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-tips-pro-web-banner.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

.banner#banner-starter {
	background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-starter-banner-sml.jpg") center center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#banner-starter {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-starter-banner-sml.jpg") center center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#banner-starter {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-starter-banner.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

.banner#banner-casual {
	background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-casual-banner-sml.jpg") center center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#banner-casual {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-casual-banner-sml.jpg") center center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#banner-casual {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-casual-banner.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

.banner#banner-pro {
	background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-professional-banner-sml.jpg") center center no-repeat;
	background-size: cover;
}

@media (orientation: portrait) {
	.banner#banner-pro {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-professional-banner-sml.jpg") center center no-repeat;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.banner#banner-pro {
		background: url("/App_Themes/VlogWithSony/images/vlogwithsony-gear-professional-banner.jpg") center center no-repeat;
		background-size: cover;
		min-height: 550px;
		height: 80vh;
	}
}

@media (min-width: 768px) {
	.banner h1 {
		font-size: 8em;
	}
}

/*grid styles */
@media (max-width: 768px) {
	main {
		font-size: 0.85em;
	}
}

main .m-section {
	overflow: hidden;
	padding: 3em 0;
}

main .container {
	width: 92.76316%;
	max-width: 1190px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	text-align: center;
}

main .m-col {
	text-align: left;
	float: left;
}

main .m-col4 {
	width: 25%;
	float: left;
}

@media (max-width: 768px) {
	main .m-col4 {
		width: 50%;
	}
}

@media (max-width: 576px) {
	main .m-col4 {
		width: 100%;
	}
}

main .m-col3 {
	width: 33.33%;
	float: left;
}

@media (max-width: 768px) and (orientation: portrait) {
	main .m-col3 {
		width: 100%;
	}
}

@media (max-width: 576px) and (orientation: portrait) {
	main .m-col3 {
		width: 100%;
	}
}

main .m-col2 {
	width: 50%;
	float: left;
}

@media (max-width: 767px) {
	main .m-col2 {
		width: 100%;
	}
}

main .m-col1 {
	width: 100%;
}

.styled-nav {
	background-color: #fff;
	box-shadow: 2px 2px 2px #f5f5f5;
	width: 100%;
	text-align: center;
	overflow-x: auto;
	text-transform: uppercase;
}

nav #zv1 {
	background-color: #dc3a1a;
	border-bottom: solid 4px #dc3a1a;
}

nav #zv1 a {
	color: #fff;
}

nav #zv1:hover {
	border-bottom: solid 4px #fff;
}

nav>ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	display: inline-block;
	min-width: 380px;
	white-space: nowrap;
}

nav>ul>li {
	display: inline-block;
	margin: 0 0.5em;
	padding: 0 0.5em;
}

nav>ul>li a {
	color: #dc3a1a;
	padding: 1em 0;
	display: inline-block;
	text-decoration: none;
}

nav>ul>li a:hover {
	text-decoration: none !important;
}

nav>ul>li:hover {
	border-bottom: 4px solid #dc3a1a;
}

nav>ul>li.current {
	border-bottom: 4px solid #dc3a1a;
}

nav>ul>li.has-submenu .pos-wrapper {
	position: absolute;
	z-index: 5;
}

nav>ul>li.has-submenu#current-sub {
	border-bottom: solid 4px #dc3a1a;
}

nav>ul>li.has-submenu button {
	display: inline-block;
	float: right;
	border: none;
	background-color: transparent;
	padding: 0.5em;
	margin-top: 1em;
}

nav>ul>li.has-submenu button span {
	display: block;
	width: 13px;
	height: 6px;
	background: url("/App_Themes/VlogWithSony/images/icons-UI.png") -86px -44px;
	background-size: 156px 55px;
}

nav>ul>li.has-submenu button:hover span {
	background: url("/App_Themes/VlogWithSony/images/icons-UI.png") -86px -30px;
	background-size: 156px 55px;
}

nav>ul>li.has-submenu .submenu {
	display: none;
}

nav>ul>li.has-submenu.open {
	border-bottom: solid 4px #dc3a1a;
}

nav>ul>li.has-submenu.open button span {
	background: url("/App_Themes/VlogWithSony/images/icons-UI.png") -86px -30px;
	background-size: 156px 55px;
}

nav>ul>li.has-submenu.open .submenu {
	display: block;
	position: absolute;
	top: 5px;
	background-color: #fff;
	z-index: 10;
	padding-left: 0;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

nav>ul>li.has-submenu.open .submenu li {
	display: block;
	float: none;
	text-align: left;
	overflow: hidden;
	padding: 0 1em;
}

nav>ul>li.has-submenu.open .submenu li span {
	display: block;
	width: auto;
	color: #be3216;
}

nav>ul>li.has-submenu.open .submenu li a {
	color: #000;
	width: auto;
}

nav>ul>li.has-submenu.open .submenu li a:hover {
	color: #dc3a1a;
}

nav.stick {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 12;
	overflow: visible;
}

nav.stick>ul>li.has-submenu.open {
	border-bottom: solid 4px #dc3a1a;
}

nav.stick>ul>li.has-submenu.open button span {
	background: url("/App_Themes/VlogWithSony/images/icons-UI.png") -86px -30px;
	background-size: 156px 55px;
}

nav.stick>ul>li.has-submenu.open .submenu {
	display: block;
	position: absolute;
	top: 5px;
	background-color: #fff;
	z-index: 10;
	padding-left: 0;
}

nav.stick>ul>li.has-submenu.open .submenu li {
	display: block;
	float: none;
	text-align: left;
	overflow: hidden;
	padding: 0 1em;
}

nav.stick>ul>li.has-submenu.open .submenu li span {
	display: block;
	width: auto;
	color: #be3216;
}

nav.stick>ul>li.has-submenu.open .submenu li a {
	color: #000;
	width: auto;
}

nav.stick>ul>li.has-submenu.open .submenu li a:hover {
	color: #dc3a1a;
}

nav.stick>ul li.has-submenu .pos-wrapper {
	position: fixed;
	top: 55px;
	z-index: 10;
}

@media (max-width: 500px) and (orientation: portrait) {
	nav>ul>li.has-submenu .pos-wrapper#gear-menu-wrap {
		left: 25%;
	}

	nav>ul>li.has-submenu .pos-wrapper#tips-menu-wrap {
		right: 40%;
	}
}

#products h2 {
	text-transform: uppercase;
	font-family: 'SST-Heavy', 'SST-Roman', 'SST-Light', Arial, sans-serif;
}

#products .m-section:nth-child(even) {
	background-color: #ededed;
}

#products .m-section:nth-child(odd) {
	background-color: #fff;
}

#products .m-col {
	padding: 1em;
}

#products .m-col a {
	display: block;
}

#products .m-col a .button {
	margin-top: 0;
	border-radius: 0;
	width: 100%;
	transition: all 0.3s ease;
}

#products .m-col a:hover .button {
	background-color: #be3216;
	transition: all 0.3s ease;
}

#products #product-intro .m-col a {
	display: block;
}

#products #product-intro .m-col a img {
	display: none;
}

#products .accessoriesWithoutToggles h3 {
	color: #2f353d;
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

#products .accessoriesWithoutToggles span {
	color: #2f353d;
}

#products .accessoriesWithoutToggles p {
	font-size: 1em;
}

#products .accessoriesWithoutToggles .item-list li {
	width: 100%;
	border-bottom: solid 1px #686868;
}

#products .accessoriesWithoutToggles .item-list li:last-child {
	border-bottom: none;
}

#products .accessoriesWithoutToggles .item-list .button {
	min-width: 0;
	color: #fff;
	background-color: #000;
	border: none;
}

#products .accessoriesWithoutToggles .brow {
	display: block;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

#products .accessoriesWithoutToggles .kit-heading {
	display: block;
	font-weight: bold;
}

#products .kit-modal .kit-title {
	text-align: left;
}

#products .kit-modal .kit-title .brow {
	display: block;
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
	color: #777;
}

#products .kit-modal .kit-title h3 {
	margin-top: 0;
}

#products .kit-modal h4 {
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
}

#products .kit-modal .features li {
	padding: 0.5em 0;
	line-height: 1.5em;
}

#products .kit-modal .button {
	display: inline-block;
	width: auto;
}

#products .kit-modal ul.product-wrapper {
	padding-left: 0;
}

#products .kit-modal ul.product-wrapper>li {
	border-bottom: solid 1px #686868;
	position: relative;
	overflow: hidden;
	padding: 2em 0;
}

#products .kit-modal ul.product-wrapper>li:last-child {
	border-bottom: none;
}

@media (min-width: 768px) {
	#products #product-intro .m-col a {
		display: block;
	}

	#products #product-intro .m-col a img {
		display: block;
	}
}

@media (min-width: 992px) {
	#products .kit-modal .container {
		padding: 3em 5em;
	}
}

#protips-page h2 {
	text-transform: uppercase;
}

#protips-page h3 {
	font-size: 2em;
	font-family: 'SST-Light', Arial, sans-serif;
	display: block;
	width: 100%;
	text-align: center;
}

#protips-page h4 {
	font-size: 1.25em;
}

#protips-page .row {
	padding: 1.5em 0;
	overflow: hidden;
}

#protips-page .m-col {
	padding: 1em;
}

#protips-page .m-col img {
	width: 100%;
}

#protips-page .m-col a p {
	padding: 1em 0;
	margin-bottom: 0;
}

#tips-page h2 {
	text-transform: uppercase;
	font-family: 'SST-Heavy', 'SST-Roman', 'SST-Light', Arial, sans-serif;
}

#tips-page .article-intro {
	padding: 2em;
	border-bottom: solid 1px #ccc;
}

#tips-page .article-intro h3 {
	margin-top: 0.5em;
}

#tips-page .article-intro .m-col:nth-child(2) {
	padding: 1em 0;
}

@media (min-width: 768px) {
	#tips-page .article-intro .m-col:nth-child(2) {
		padding: 0 2em;
	}
}

.tip-article {
	display: none;
}

.tip-article .container {
	border-top: solid 1px #ccc;
}

.tip-article h3 {
	margin-top: 0;
	text-transform: uppercase;
	text-align: center;
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
}

.tip-article h4 {
	text-align: left;
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
	margin-bottom: 0.5em;
}

.tip-article p {
	text-align: left;
	font-size: 1em;
}

.tip-article a {
	color: #dc3a1a;
}

.tip-article .strong {
	font-weight: bold;
}

.tip-article ol li {
	font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif;
	text-align: left;
	line-height: 1.5em;
}

.tip-article img {
	max-width: 100%;
}

.tip-article .related-links {
	padding: 3em 0;
	font-size: 1.2em;
}

.tip-article .m-col-wrapper {
	overflow: hidden;
}

.tip-article .m-col-wrapper .m-col3-span2 {
	width: 100%;
}

.tip-article .note {
	font-style: italic;
	font-size: 1em;
}

@media (min-width: 768px) {
	.tip-article .m-col-wrapper .m-col3-span2 {
		width: 66.66%;
		padding: 0 1.5em;
	}

	.tip-article .m-col-wrapper .m-col3-span2 p:first-child {
		margin-top: 0;
	}

	.tip-article .m-col-wrapper .m-col3-span2:first-child {
		padding-left: 0;
	}
}

#tips-page h2,
#protips-page h2 {
	text-transform: uppercase;
	font-family: 'SST-Heavy', 'SST-Roman', 'SST-Light', Arial, sans-serif;
}

#tips-page .button,
#protips-page .button {
	color: #fff;
	background-color: #000;
}

#tips-page .button:hover,
#protips-page .button:hover {
	background-color: #be3216;
}

@media (min-width: 768px) {

	#tips-page .tips-intro,
	#protips-page .tips-intro {
		max-width: 80%;
		margin: 0 auto;
	}
}

/* Specific page styles */
.product-info {
	padding: 0 0 3em 0;
}

.product-info .intro>.container {
	padding-top: 3em;
	border-top: solid 1px #e4e7eb;
}

.product-info .intro.first>.container {
	padding-top: 3em;
	border-top: none;
}

.product-info img {
	max-width: 100%;
}

.product-info .m-col {
	padding: 1em 2em 1em 2em;
	text-align: center;
}

.product-info .shop-buttons {
	list-style: none;
	padding-left: 0;
}

.product-info .shop-buttons li {
	display: inline;
}

.product-info .shop-buttons li .button {
	margin: 0.5em;
}

.product-info h2 {
	text-transform: none !important;
}

.product-info .features .feat-wrap {
	display: flex;
	align-items: stretch;
}

@media (max-width: 768px) {
	.product-info .features .feat-wrap {
		flex-wrap: wrap;
	}
}

.product-info .features .m-col4.feat {
	padding: 1em;
}

.product-info .features .m-col4.feat .m-col-inner {
	background-color: #2f353d;
	height: 100%;
}

.product-info .features .m-col4.feat .m-col-inner img {
	width: 100%;
}

.product-info .features .m-col4.feat p {
	color: #fff;
	padding: 1em;
	margin: 0;
}

.product-info .acc {
	padding: 3em 0;
}

.new {
	font-size: 0.65em;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 1em;
	background-color: #22c083;
	color: #fff;
	vertical-align: middle;
}

.no-js .tip-article {
	display: block;
}

/* quiz styles */
#kit-intro a.button.disabled {
	pointer-events: none;
	opacity: 0.5;
}

#start.disabled {
	opacity: 0.5;
}

#start.disabled div.radiogroup .choice-wrapper.m-col3 {
	pointer-events: none;
}

#setup-row {
	display: none;
}

#editing-row {
	display: none;
}

#results {
	display: none;
}

.result {
	display: none;
}

#result-container {
	overflow: hidden;
}

#result-container .m-col {
	padding: 1em;
}

#result-container .m-col-inner {
	padding: 1.5em;
	background-color: #f1f5f9;
	height: 100%;
}

#result-container .m-col-inner .kit-name {
	font-size: 1.25em;
	line-height: 1.65em;
	margin-top: 1em;
}

#result-container .m-col-inner .kit-name a {
	display: inline;
	padding: 0;
	color: #dc3a1a;
}

#result-container .m-col-inner .kit-name a:hover {
	background: transparent;
	text-decoration: underline;
}

#result-container .m-col-inner .copy ul {
	text-align: left;
}

#result-container .m-col-inner .copy ul li {
	margin: 0.5em 0;
}

@media (min-width: 768px) {
	#result-container .m-col1 {
		max-width: 50% !important;
		float: none;
		margin: 0 auto;
	}
}

div.radiogroup {
	overflow: hidden;
	text-align: center;
	padding: 3em 0;
	/* add extra selected styles */
}

div.radiogroup .choice-row {
	display: inline-block;
	margin: 0 auto;
}

div.radiogroup .choice-wrapper label {
	cursor: pointer;
}

div.radiogroup .choice-wrapper.m-col3 {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
}

@media (min-width: 600px) {
	div.radiogroup .choice-wrapper.m-col3 {
		width: 33.33%;
		float: left;
		padding: 1em;
		display: inline-block;
	}
}

div.radiogroup .choice-wrapper.m-col2 {
	display: block;
	width: 100%;
	margin-bottom: 1em;
	text-align: center;
}

@media (min-width: 600px) {
	div.radiogroup .choice-wrapper.m-col2 {
		width: 50%;
		padding: 1em;
		display: inline-block;
		max-width: 400px;
	}
}

div.radiogroup h2 {
	margin-top: 0;
}

div.radiogroup .choice-inner {
	padding: 1em;
	position: relative;
}

div.radiogroup input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

div.radiogroup .label {
	font-size: 1.25em;
	cursor: pointer;
	font-weight: bold;
	margin-top: 1em;
}

div.radiogroup .desc {
	color: #2f353d;
}

div.radiogroup img {
	width: 100%;
}

div.radiogroup .button {
	color: #fff;
	background-color: #dc3a1a;
	display: inline-block;
	padding: 1em 1.5em;
	transition: all 0.3s ease;
}

div.radiogroup .button:hover {
	cursor: pointer;
	background-color: #be3216;
	transition: all 0.3s ease;
}

div.radiogroup .check-icon {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0.5em;
	background-color: #dc3a1a;
	color: #fff;
	display: none;
}

div.radiogroup input[type=radio]:focus+.choice-inner {
	border: dotted 1px #83838f;
}

div.radiogroup input[type=radio]:checked+.choice-inner {
	border: solid #dc3a1a 2px;
	background-color: #dc3a1a;
}

div.radiogroup input[type=radio]:checked+.choice-inner .label,
div.radiogroup input[type=radio]:checked+.choice-inner .desc {
	color: #fff;
}

div.radiogroup input[type=radio]:checked+.choice-inner .button {
	background-color: #fff;
	color: #dc3a1a;
}

div.radiogroup input[type=radio]:checked+.choice-inner .check-icon {
	display: block;
}

/* ZV Family page */
#ZV1-home h2 {
	text-transform: uppercase;
	font-family: 'SST-Heavy', 'SST-Roman', 'SST-Light', Arial, sans-serif;
}

#ZV1-home h3 {
	font-size: 1.5em;
}

#ZV1-home h4 {
	font-size: 1.25em;
}

#ZV1-home a.button {
	background-color: #dc3a1a;
	color: #fff;
	border: none;
	font-weight: bold;
	width: auto;
	text-transform: uppercase;
	padding: 1em 1.5em;
	font-size: 1em;
}

#ZV1-home a.button:hover {
	background-color: #be3216;
}

#ZV1-home a.button:focus {
	outline: solid 2px #dc3a1a;
}

#ZV1-home #intro .slick-dots {
	position: relative;
	padding-top: 1em;
}

#ZV1-home #intro .slick-dots::before {
	content: "Available colours";
	display: block;
	margin-bottom: 0.85em;
	color: #2f353d;
}

#ZV1-home #intro .slick-dots li {
	width: 24px;
	height: 24px;
}

#ZV1-home .swatch-dot {
	display: block;
	width: 24px;
	height: 24px;
	border: solid 2px #ccc;
}

#ZV1-home .swatch-dot#black {
	background-color: #000;
}

#ZV1-home .swatch-dot#white {
	background-color: #fff;
}

#ZV1-home .slick-active .swatch-dot {
	border: solid 2px #dc3a1a;
}

#ZV1-home .m-section {
	padding: 3em 0;
}

#ZV1-home h3 {
	font-weight: bold;
}

#ZV1-home .container img {
	max-width: 100%;
}

#ZV1-home .m-col {
	padding: 1em;
}

#ZV1-home .m-col img {
	width: 100%;
}

#ZV1-home #intro {
	background-color: #191919;
	color: #fff;
}

#ZV1-home #intro h2,
#ZV1-home #intro h3 {
	color: #fff;
}

#ZV1-home #intro p {
	color: #fff;
}

#ZV1-home #intro #zv-models {
	overflow: hidden;
}

#ZV1-home #intro #zv-models .m-col {
	position: relative;
}

#ZV1-home #intro #zv-models .m-col .badge {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
	font-size: 1.5em;
	padding: 0.5em 1em;
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 5;
	background: #cc76b5;
	background: -moz-linear-gradient(225deg, #cc76b5 7%, #d9b382 29%, #d866ae 63%, #6b84d4 100%);
	background: -webkit-linear-gradient(225deg, #cc76b5 7%, #d9b382 29%, #d866ae 63%, #6b84d4 100%);
	background: linear-gradient(225deg, #cc76b5 7%, #d9b382 29%, #d866ae 63%, #6b84d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc76b5", endColorstr="#6b84d4", GradientType=1);
}

#ZV1-home #intro #zv-models .inner {
	background-color: #fff;
	padding: 3em;
	height: 100%;
}

#ZV1-home #intro #zv-models .copy {
	text-align: center;
	padding: 1em;
	color: #2f353d;
}

#ZV1-home #intro #zv-models .copy h4 {
	margin-bottom: 0.5em;
	font-size: 1.5em;
}

#ZV1-home #intro #zv-models .copy span {
	display: block;
	margin: 1em 0;
}

#ZV1-home #intro #zv-models .copy span.subhead {
	font-weight: bold;
	font-size: 1.25em;
}

#ZV1-home #intro #zv-models .copy span.description {
	text-transform: uppercase;
	font-size: 0.85em;
}

#ZV1-home #intro #zv-models a.button {
	background-color: #000;
	color: #fff;
}

#ZV1-home #intro .button-row ul {
	list-style: none;
	padding-left: 0;
}

#ZV1-home #intro .button-row ul li a.button {
	display: inline-block;
	background-color: #fff;
	color: #2f353d;
}

#ZV1-home #intro .video-modal .copy {
	margin-bottom: 2em;
}

#ZV1-home #intro .video-modal h3 {
	margin-bottom: 0.5em;
	margin-top: 0;
	color: #2f353d;
}

#ZV1-home #intro .video-modal span {
	display: block;
	margin: 0.5em 0;
}

#ZV1-home #intro .video-modal .subhead {
	font-weight: bold;
	font-size: 1.25em;
}

#ZV1-home #intro .video-modal .description {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.85em;
	margin-bottom: 2em;
}

#ZV1-home #intro .video-modal p {
	color: #2f353d;
	font-size: 1em;
}

@media (min-width: 998px) {
	#ZV1-home #intro .video-modal p {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 768px) {
	#ZV1-home #intro #zv-models {
		display: flex;
		align-items: stretch;
	}

	#ZV1-home #intro .button-row ul li {
		display: inline-block;
	}

	#ZV1-home #intro .button-row ul li a.button {
		margin: 1em;
	}
}

#ZV1-home #features {
	padding: 3em 0 5em 0;
}

#ZV1-home #features h2 {
	text-transform: uppercase;
	line-height: auto;
}

#ZV1-home #features a.button {
	background-color: #000;
	color: #fff;
}

#ZV1-home #features #features-list {
	padding-top: 3em;
}

#ZV1-home #features .feature-wrapper {
	border-top: solid 1px #ccc;
}

#ZV1-home #features .feature-wrapper:last-child {
	border-bottom: solid 1px #ccc;
}

#ZV1-home #features .feature-wrapper.expanded .thumb {
	display: none;
}

#ZV1-home #features .feature-wrapper.expanded .toggle {
	display: none;
}

#ZV1-home #features .feature-wrapper.expanded .feature-summary .summary-wrapper {
	width: 100%;
}

#ZV1-home #features .feature-wrapper.expanded .feature-summary .summary-wrapper .summary {
	text-align: center;
	width: 100%;
}

#ZV1-home #features .feature-wrapper#onthego .m-col {
	float: none;
	margin: 0 auto;
	text-align: center;
}

#ZV1-home #features .feature-summary {
	padding: 2em;
}

#ZV1-home #features .feature-detail {
	display: none;
	overflow: hidden;
}

#ZV1-home #features .feature-detail h4 {
	margin: 1em 0 0.5em 0;
}

#ZV1-home #features .feature-detail .notes {
	font-size: 0.85em;
}

#ZV1-home #features .feature-detail .button.m-collapse {
	float: right;
}

@media (min-width: 998px) {
	#ZV1-home #features .feature-summary {
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: flex-start;
		padding: 1.5em 0;
	}

	#ZV1-home #features .feature-summary .thumb {
		width: 20%;
		float: left;
	}

	#ZV1-home #features .feature-summary .summary-wrapper {
		width: 80%;
		float: left;
		position: relative;
		overflow: hidden;
	}

	#ZV1-home #features .feature-summary .summary-wrapper .summary {
		width: 80%;
		float: left;
		padding: 0 2em;
		text-align: left;
	}

	#ZV1-home #features .feature-summary .summary-wrapper .summary h3 {
		margin-bottom: 0;
	}

	#ZV1-home #features .feature-summary .summary-wrapper .summary p {
		margin-top: 0.5em;
	}

	#ZV1-home #features .feature-summary .summary-wrapper .button {
		width: 20%;
		float: right;
	}
}

#ZV1-home #lenses {
	background-color: #191919;
	color: #fff;
}

#ZV1-home #lenses h2 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

#ZV1-home #lenses h3,
#ZV1-home #lenses h4 {
	color: #fff;
}

#ZV1-home #lenses p {
	color: #fff;
}

#ZV1-home #lenses .slider-container {
	position: relative;
}

#ZV1-home #lenses .slick-dots li button:before {
	color: #fff;
}

#ZV1-home #lenses .slide {
	text-align: left;
}

#ZV1-home #lenses .slide .inner {
	padding: 1em;
}

#ZV1-home #lenses .slide h4 {
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#ZV1-home #lenses .slide p {
	margin-top: 0;
	font-size: 1em;
}

#ZV1-home #lenses .lens-row {
	padding: 1.5em 0;
}

#ZV1-home #lenses #lens-rec span.model {
	font-weight: bold;
	margin-bottom: 0;
}

#ZV1-home #lenses #lens-rec span.prod-desc {
	display: block;
	margin: 0.5em 0;
}

#ZV1-home #lenses #lens-rec p {
	font-weight: bold;
	margin-top: 1em;
}

#ZV1-home #lenses #lens-rec .m-col-wrapper {
	margin-top: 2em;
}

#ZV1-home #lenses #lens-rec .m-col {
	text-align: center;
}

@media (min-width: 768px) {
	#ZV1-home #lenses #lens-rec .m-col {
		text-align: left;
	}
}

#ZV1-home #accessories p {
	margin-bottom: 0.5em;
	font-weight: bold;
}

#ZV1-home #accessories .small-desc {
	display: block;
	font-size: 0.85em;
	font-style: italic;
}

#ZV1-home #accessories a.button {
	margin-top: 2em;
}

#ZV1-home #accessories .m-col {
	text-align: center;
}

@media (min-width: 768px) {
	#ZV1-home #accessories .m-col {
		text-align: left;
	}
}

#ZV1-home #compare {
	background-color: #191919;
	color: #fff;
}

#ZV1-home #compare h2 {
	color: #fff;
}

#ZV1-home #compare p {
	color: #fff;
}

#ZV1-home #compare .table-container {
	padding: 5px;
}

#ZV1-home #compare .table {
	display: block;
	overflow: hidden;
	width: 100%;
	background-color: #ededed;
	color: #2f353d;
}

#ZV1-home #compare .table .table-row {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

#ZV1-home #compare .table .table-row:last-child>.td-cell:last-child {
	border-bottom: none;
}

#ZV1-home #compare .table .th-cell,
#ZV1-home #compare .table .td-cell {
	display: inline-block;
	border: solid 1px #fff;
	width: 50%;
	float: left;
}

#ZV1-home #compare .table .th-cell.heading,
#ZV1-home #compare .table .td-cell.heading {
	display: block;
	padding: 1em;
	border: solid 1px #fff;
	width: 100%;
	background-color: #ccc;
	color: #2f353d;
}

#ZV1-home #compare .table .th-cell {
	padding: 0;
}

#ZV1-home #compare .table .th-cell img {
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
}

#ZV1-home #compare .table .th-cell>a {
	display: block;
	background-color: #dc3a1a;
	color: #fff;
	text-transform: uppercase;
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
	padding: 1em;
	border-top: solid 1px #fff;
}

#ZV1-home #compare .table .th-cell.empty {
	display: none;
}

#ZV1-home #compare .table .td-cell {
	padding: 1em;
}

#ZV1-home #compare .table .td-cell ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#ZV1-home #compare .table .td-cell ul li {
	display: block;
	padding: 1em;
	border: solid 1px #fff;
}

#ZV1-home #compare .table .td-cell ul li:last-child {
	border-bottom: none;
}

#ZV1-home #compare .table .td-cell a {
	color: #2f353d;
	text-decoration: underline;
}

#ZV1-home #compare .table .td-cell.has-sub-cells {
	padding: 0;
	border: none;
}

#ZV1-home #compare .table .td-cell.heading {
	text-transform: uppercase;
	font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
}

#ZV1-home #compare .table .highlight {
	background-color: mediumseagreen;
	color: #fff;
}

@media (min-width: 768px) {
	#ZV1-home #compare .table {
		display: table;
		width: 100%;
	}

	#ZV1-home #compare .table .table-row {
		display: table-row;
	}

	#ZV1-home #compare .table .th-cell,
	#ZV1-home #compare .table .td-cell {
		display: table-cell;
		border: solid 1px #fff;
		width: 40%;
		float: none;
	}

	#ZV1-home #compare .table .th-cell.heading,
	#ZV1-home #compare .table .td-cell.heading {
		display: table-cell;
		width: 20%;
		float: none;
	}

	#ZV1-home #compare .table .th-cell.empty {
		display: table-cell;
		background-color: #191919;
		border: none;
	}

	#ZV1-home #compare .table .td-cell {
		padding: 1em;
	}
}

#ZV1-home #order {
	padding: 5em 0 !important;
	background-color: #fff;
	height: auto;
}

#ZV1-home #order .m-col-wrapper {
	position: relative;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

#ZV1-home #order .m-col-wrapper .m-col4 {
	width: 50%;
	float: left;
	clear: none;
	padding: 2em 0.85em;
	text-align: center;
}

#ZV1-home #order .m-col-wrapper .m-col4 .store-img {
	position: relative;
}

#ZV1-home #order .m-col-wrapper .m-col4 .store-img.sony img {
	background-color: #fff;
}

#ZV1-home #order .m-col-wrapper .m-col4 .store-img img {
	width: 100%;
}

#ZV1-home #order .m-col-wrapper .m-col4 .title {
	font-family: 'SST-Light', Arial, sans-serif;
	font-size: 1.25em;
	color: #2f353d;
	margin: 1em 0;
	min-height: 60px;
}

#ZV1-home #order .m-col-wrapper .m-col4 .description {
	text-align: center;
	font-size: 13px;
	margin-top: 0;
	color: #2f353d;
}

#ZV1-home #order .m-col-wrapper .m-col4 a.button {
	padding: 1em 1.5em;
	max-width: 200px;
	min-width: 0;
	width: 100%;
}

@media (min-width: 768px) {
	#ZV1-home #order .m-col-wrapper .m-col4 {
		width: 25%;
	}

	#ZV1-home #order .m-col-wrapper .m-col4 .inner img {
		max-width: 200px;
	}
}

@media (min-width: 1240px) {
	#ZV1-home #order .m-col-wrapper .m-col4 .title {
		min-height: 0;
	}
}

@media (min-width: 768px) {
	#ZV1-home .container>p {
		max-width: 75%;
		margin: 1em auto;
	}

	#ZV1-home #order .m-col-wrapper .m-col3 {
		text-align: center;
		width: 33.33%;
	}

	#ZV1-home #order .m-col-wrapper .m-col3 a {
		display: block;
	}

	#ZV1-home #order .m-col-wrapper .m-col3 img {
		max-width: 250px;
	}
}

#ZV1-home #zvnation {
	position: relative;
	background-color: #72bacc;
	padding: 0;
}

#ZV1-home #zvnation .inner {
	position: relative;
	min-height: 500px;
	background: url("/App_Themes/VlogWithSony/images/zv-family/Banner-ZVN-main-sml.jpg") top center;
	background-size: cover;
}

#ZV1-home #zvnation .caption {
	width: 100%;
	padding: 3em 0;
	background: #65b9e7;
	background: -moz-linear-gradient(265deg, #65b9e7 14%, #8c92ca 87%);
	background: -webkit-linear-gradient(265deg, #65b9e7 14%, #8c92ca 87%);
	background: linear-gradient(265deg, #65b9e7 14%, #8c92ca 87%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#65b9e7", endColorstr="#8c92ca", GradientType=1);
}

#ZV1-home #zvnation .caption h2 {
	color: #fff;
	margin-top: 0;
}

#ZV1-home #zvnation .caption p {
	color: #fff;
	font-weight: bold;
}

#ZV1-home #zvnation .caption .button {
	background-color: #fff;
	color: #72bacc;
}

@media (min-width: 998px) {
	#ZV1-home #zvnation {
		height: 70vh;
		min-height: 500px;
		padding: 3em 0;
	}

	#ZV1-home #zvnation .inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("/App_Themes/VlogWithSony/images/zv-family/Banner-ZVN-left-align.jpg") top left;
		background-size: cover;
	}

	#ZV1-home #zvnation .caption {
		background: transparent;
		overflow: hidden;
	}

	#ZV1-home #zvnation .caption .container {
		width: 50%;
		float: right;
	}

	#ZV1-home #zvnation .caption .button {
		color: #95b097;
	}
}

/*# sourceMappingURL=main3.css.map */