/*****
FEATURES PAGE

*/

.newHeader .karma-wrapper {
	margin-top: 0px;
	position: relative;
}

.mobile-bottom-add-to-cart {
	display: none;
	width: calc(100% - 20px);
	height: 30px;
	position: fixed;
	bottom: 0px;
	z-index: 1000;
	background-color: #eee;
	padding: 10px;
}

.mobile-bottom-add-to-cart .product-add-to-cart .btn {
	width: 115px;
	height: 25px;
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 5px 8px 8px 8px;
}

.mobile-bottom-add-to-cart .shipping-delivery,
.mobile-bottom-add-to-cart .price,
.mobile-bottom-add-to-cart .product-add-to-cart {
	width: 30%;
	float: left;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
}
@media (min-width: 569px) and (max-width: 767px){
	.mobile-bottom-add-to-cart .shipping-delivery .available-date-container{
		width: 120%;
	}
}

@media only screen and (max-width: 568px){
	.mobile-bottom-add-to-cart .shipping-delivery .shipping-message, .mobile-bottom-add-to-cart .shipping-delivery .available-date-container{
		width: 132% !important;
	}
}

.mobile-bottom-add-to-cart .shipping-delivery {
	font-size: 12px;
}

.mobile-bottom-add-to-cart .shipping-delivery .shipping-message {
	font-weight: bold;
}

.mobile-bottom-add-to-cart .shipping-delivery .shipping-message,
.mobile-bottom-add-to-cart .shipping-delivery .delivery {

	float: left;
	width: 100%;
}

.mobile-bottom-add-to-cart .shipping-delivery .delivery .delivery-date {
	color: #23b900;
}

.mobile-bottom-add-to-cart .price {
	text-align: center;
	font-size: 16px;
}

.mobile-bottom-add-to-cart .gopro-chevron-right {
	padding-left: 0;
}

.mobile-bottom-add-to-cart .gopro-chevron-right:before {
	color: #fff;
}

.karma-wrapper .compatibility,
.whats-included-wrapper .compatibility,
.tech-specs-wrapper .compatibility {
	background-color: #fff;
    min-height: 730px;
    padding-top: 80px;
}

.karma-wrapper .compatibility .main-image,
.whats-included-wrapper .compatibility .main-image,
.tech-specs-wrapper .compatibility .main-image {
	text-align: center;
}

.karma-wrapper .compatibility .cameras .subtitle,
.whats-included-wrapper .compatibility .cameras .subtitle,
.tech-specs-wrapper .compatibility .cameras .subtitle {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 36px;
    text-align: center;
}
/*ECOMM-1564*/
.karma-wrapper .compatibility .cameras .subtitle{
	font-size: 28px;
}

.karma-wrapper .compatibility .cameras .camera-container,
.whats-included-wrapper .compatibility .cameras .camera-container,
.tech-specs-wrapper .compatibility .cameras .camera-container {
	display: flex;
	margin: 0 auto;
    text-align: center;
    overflow: hidden;
    width: 42%;
    max-width: 800px;
    margin-top: 3%;
}
/*ECOMM-1564*/
.karma-wrapper .compatibility .cameras .camera-container{margin-top: 2%;}

.karma-wrapper .compatibility .cameras,
.whats-included-wrapper .compatibility .cameras,
.tech-specs-wrapper .compatibility .cameras {
	overflow: hidden;
}

.karma-wrapper .compatibility .cameras .camera-image,
.whats-included-wrapper .compatibility .cameras .camera-image,
.tech-specs-wrapper .compatibility .cameras .camera-image {
	float: left;
	margin: 0 3%;
	flex-grow: 1;
    flex-basis: 0;
}
.karma-wrapper .compatibility .cameras .camera-image.hero-5-black {
	margin-left: 0;
}
.stabilization .compatibility .cameras .disclaimer {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: center;
    margin-top: 35px;
}

.karma-wrapper .compatibility .cameras .camera-image.hero-5-session,
.whats-included-wrapper .compatibility .cameras .camera-image.hero-5-session,
.tech-specs-wrapper .compatibility .cameras .camera-image.hero-5-session {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
}

#karma-lp.newHeader {
	padding-top: 0 !important;
}

.arrow {
    position: absolute;
    top: initial;
    bottom: 15%;
    left: 50%;
    margin-left: -20px;
    width: 33px;
    height: 54px;
    background-image: url("../images/karma-2016/bouncing-arrows.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.arrow-bounce {
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-name: arrowBounce;
    moz-animation-name: arrowBounce;
    webkit-animation-name: arrowBounce;
    animation-iteration-count: infinite;
    moz-animation-iteration-count: infinite;
    webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    moz-animation-direction: alternate;
    webkit-animation-direction: alternate;
}

@keyframes arrowBounce {
    0% {
        opacity: 0;
    }
    100% {
        transform: translateY(30px);
        opacity: 1;
    }
}

.karma-wrapper .top-section {
	position: relative;
	background: #000 url(../images/karma-2016/Karma_Top_desktop.jpg) no-repeat !important;
	background-size: cover !important;
	background-position: center top !important;
	height: 485px;
	width: 100%;
}

.videos-grid .overlay {
	display: none;
}

.top-section .overlay {
	position: absolute;
	top: 52%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30%;
    text-align: center;
}


.videos-grid .overlay {
	position: absolute;
	top: 35%;
	left: 38%;
}

.top-section .overlay .price {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 28px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

.top-section .overlay .title {
	font-family: 'PFDinTextPro-Medium';
	font-size: 75px;
	color: #fff;
}

.stabilization .top-section .overlay .title {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 64px;
}

.top-section .overlay .subtitle {
	display: none;
	font-family: 'PFDinTextPro-Light';
	font-size: 44px;
	color: #fff;
}

.top-section .overlay .video-link,
.videos-grid .overlay .video-link {
	display: none;
	width: 172px;
	height: 28px;
    padding-top: 9px;
    margin: 0 auto;
}

.karma-videos-wrapper .top-section .overlay .video-link {
	display: none;
}

.top-section .overlay .video-link a,
.videos-grid .overlay .video-link a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.top-section .overlay .video-link .arrow-right,
.videos-grid .overlay .video-link .arrow-right {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 9px;
	border-color: transparent transparent transparent #ffffff;
	margin-left: 3%;
}

.karma-subnav {
	position: fixed;
	top: 103px;
	left: 0;
	right: 0;
	z-index: 100;
	margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    height: 47px;
    -webkit-font-smoothing: antialiased;
    background-color: #eee;
}

.karma-subnav .logo {
	width: 130px;
	float: left;
	padding: 14px 0 0 11px;
}

.karma-subnav .mobile-nav .logo {
	width: calc(100% - 11px);
	overflow: hidden;
	float: left;
	padding: 11px 0 0 11px;
}

.karma-subnav .mobile-nav .logo img {
	float: left;
}

.karma-subnav .mobile-nav .logo .active-section {
	float: right;
    margin-right: 5%;
}

.karma-subnav .mobile-nav .logo .active-section span {
	display: none;
	font-family: 'PFDinTextPro-Medium';
	font-size: 14px;
	color: #888;
	text-transform: uppercase;
}

.karma-subnav .mobile-nav .logo .active-section span.selected {
	display: block;
}

.karma-wrapper .karma-subnav .mobile-nav .logo .active-section .features {
	display: block;
	color: #000;
}

.whats-included-wrapper .karma-subnav .mobile-nav .logo .active-section .whats-included {
	display: block;
	color: #000;
}

.accessories-wrapper .main-header .title {
	font-family: proxima_nova_rgbold;
}
.accessories-wrapper .karma-subnav .mobile-nav .logo .active-section .accessories {
	display: block;
	color: #000;
}

.tech-specs-wrapper .karma-subnav .mobile-nav .logo .active-section .tech-specs {
	display: block;
	color: #000;
}

.karma-videos-wrapper .karma-subnav .mobile-nav .logo .active-section .videos {
	display: block;
	color: #000;
}

.karma-faq-wrapper .karma-subnav .mobile-nav .logo .active-section .faqs {
	display: block;
	color: #000;
}

.karma-wrapper .karma-subnav .mobile-nav .mobile-nav-box .features a {
	color: #000;
}

.whats-included-wrapper .karma-subnav .mobile-nav .mobile-nav-box .whats-included a {
	color: #000;
}

.tech-specs-wrapper .karma-subnav .mobile-nav .mobile-nav-box .tech-specs a {
	color: #000;
}

.karma-videos-wrapper .karma-subnav .mobile-nav .mobile-nav-box .videos a {
	color: #000;
}

.karma-faq-wrapper .karma-subnav .mobile-nav .mobile-nav-box .faqs a {
	color: #000;
}

.karma-subnav ul {
	list-style: none;
	padding-left: 17%;
}

.stabilization .karma-subnav ul {
	padding-left: 2%;
}

.karma-subnav ul li {
	float: left;
	display: inline-block;
	position: relative;
	margin-right: 3%;
	top: 50%;
	transform: translateY(65%);
}

.karma-subnav ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #888;
}

.karma-subnav ul li a.selected {
	color: #000;
}

.pre-order {
	width: 129px;
	height: 30px;
	position: absolute;
	right: 3%;
	bottom: 24%;
}

.pre-order a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-transform: uppercase;
	padding: 5% 0 0 10%;
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.pre-order .notify-link {
	display: inline-block;
}

html[lang="de-DE"] .karma-subnav ul li, html[lang="fr-FR"] .karma-subnav ul li, html[lang="es-ES"] .karma-subnav ul li{
	margin-right: 0.7%;
}

html[lang="fr-FR"] .karma-subnav ul {
	padding-left:12%;
}

.karma-subnav .notify-link a {
	padding: 10px 17px;
	text-align: center;
	max-width: 125px;
}

.karma-subnav .price {
	text-align: right;
	margin-right: 16%;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 12px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    float: right;
    height: 40px;
}

.karma-subnav .price .value {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 12px;
    display: block;
    padding-top: 3px;
}

.karma-subnav .price .available-date-container {
	position: absolute;
	bottom: 8px;
	right: 16%;
}

.karma-subnav .price .delivery-label {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.karma-subnav .price .delivery-date {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-transform: uppercase;
	color: #23b900;
	padding-left: 4%;
}


.karma-animation {
	-webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    overflow: hidden;
    margin-bottom: 20px;
}

.promise {
	overflow: hidden;
}

.promise-desc {
	width: 60%;
	text-align: center;
	padding: 60px 0;
	font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 26px;
    margin: 0 auto;
}

.karma-bottom {
	float: left;
}

.karma-image {
	float: left;
}

#karma-backpack.karma-image {
	width: 26%;
	margin-top: 60px;
	float: right;
    margin-right: 11%;
}

.promise-bottom {
	margin-top: 8%;
}

#karma-drone .overlay .subtitle {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 40px;
    text-align: center;
}

#karma-drone .overlay .description {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 21px;
    text-align: center;
}

#karma-drone.karma-image {
	width: 42%;
	margin-left: 5%;
	position: absolute;
    top: 4%;
    left: 25%;
    text-align: center;
}

@media all and (-ms-high-contrast:none) {

	#karma-drone.karma-image {
		width: 37%;
		left: 27%;
	} /* IE10 */
	
	*::-ms-backdrop, #karma-drone.karma-image {
		width: 37%;
		left: 27%;
	} /* IE11 */

}

#karma-drone.karma-image .logo {
	text-align: center;
    padding-bottom: 12%;
}

#karma-grip.karma-image {
	width: 18%;
    margin-top: 10%;
    margin-left: 8%;
}

#karma-backpack img {
	float: right;
}

#karma-grip img {
	float: right;
}

#karma-drone .overlay .video-link {
	width: 139px;
    height: 40px;
    margin: 30px auto 0 auto;
    background-color: #00b8fd;
    text-align: center;
}

#karma-drone .overlay .video-link a {
	color: #fff;
	font-family: PFDinTextPro, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
    padding-top: 12px;
}


/**
/* Promise section - forced scroll through 5 screens
*/
.feature-details {
    min-height: 682px;
    position: relative;
    overflow: hidden;
}

.desktop-view.full-on-window .feature-details .bg, .desktop-view.full-on-window .feature-details .bgs {
    position: fixed;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}


img, th, td {
    vertical-align: top;
}

.bgs {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

.bgs>div {
    position: absolute;
    top: 0;
    width: 1000%;
    height: 100%;
}

.swipebox .bgs>div {
	width: 100%;
}

.bgs.w>div {
    top: -200%;
    width: 100%;
    height: 500%;
    left: 0;
    right: auto;
}

.bgs.r-c>div {
    right: 0;
    left: auto;
}

.bgs>div>img {
    display: block;
    width: auto;
    height: 100%;
}

.bgs.w>div>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: auto;
}

.bgs>div>img, .bgs>div>.canvas {
    margin: auto 0 auto auto;
}

.feature-details .cont {
	width: 610px;
    position: absolute;
    bottom: 8%;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    z-index: 4;
    padding: 35px 20px 40px 40px;
}

.swipebox .cont {
	width: 43%;
    height: 138px;
    position: absolute;
    bottom: 15%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    z-index: 4;
    padding: 10px 20px 40px 40px;
    left: 14%;
    text-align: left;
}

.swipebox.handheld-mountable > .cont {
	display: none;
	left: 0;
    height: auto;
    padding-left: 0;
    width: 100%;
}

.swipebox .cont .text-wrap {
	width: 92%;
}

.feature-details .wrapper-content {
    padding: 15px 0;
}

#handheld-mountable-native-copy {
	display: none;
}

#handheld-mountable-handheld-copy, #handheld-mountable-mountable-copy {
	opacity: 0;
}

#handheld-mountable-handheld-copy {
	left: 4%;
}

#handheld-mountable-mountable-copy {
	left: 48%;
}

.feature-details .text-wrap h2, .feature-details .text-wrap h3, .feature-details .text-wrap p {
    position: relative;
    z-index: 4;
}

.feature-details .text-wrap h2 {
    font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 46px;
    line-height: normal;
    font-weight: normal;
    color: #000;
    margin-right: -20%;
}

.feature-details #scroller .text-wrap h2 {
	font-size: 32px;
}

.feature-details .text-wrap p {
    font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: normal;
    color: #666;
    margin: 15px 0 0 0;
}

.feature-details .text-wrap h3 {
    font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    padding: .3em .6em;
    margin: 0;
    position: relative;
}

.nav-group {
	display: none;
    position: fixed;
    right: 5%;
    top: 40%;
    width: 200px;
    height: auto;
    font-size: 1.1em;
    line-height: normal;
    margin-top: -5em;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    z-index: 100;
}
.nav-group.outside,
.nav-group.none {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.nav-group ul,
.nav-group ul li {
    display: block;
    list-style: none;
    margin: 23px 0;
    padding: 0;
}
.nav-group ul {
	text-align: right;
}
.nav-group ul li {
	background-position: 100% .4em;
	padding-right: .6em;
	position: relative;
}
.nav-group ul li a,
.stabilization #features-details .clickable-image ul li a.mobile-hide {
    display: inline-block;
    text-decoration: none;
    color: #ddd;
    outline: none;
    width: 15px;
    height: 15px;
    font-family: "FontAwesome";
}
.stabilization #features-details .clickable-image ul li a.mobile-hide {
	background-color: #fff;
	width: 20px;
    height: 20px;
    border-radius: 50%;
}
.stabilization #features-details .clickable-image ul li a.mobile-hide:before {
	content: "\f111";
    color: #009fdf;
    font-size: 14px;
    top: 3px;
    left: 4px;
    background-color: transparent;
    position: absolute;
}

.stabilization #features-details .clickable-image ul li a.mobile-hide:after {
	background-color: transparent;
}

.nav-group ul li a.active {
	width: 20px;
	height: 20px;
	margin-left: -3px;
}
.nav-group ul li a:before {
    content: "\f111";
    display: block;
}

.nav-group ul li i.nav-border {
	background: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}

.nav-group ul li i.nav-border:hover {
	background: none;
}
.slide-group.owl-theme .owl-controls .owl-buttons div,
.clickable-images.owl-theme .owl-controls .owl-buttons div,
.karma-videos .carousel.owl-theme .owl-controls .owl-buttons div {
	font-size: 30px;
	padding: 0;
	margin: 0;
	background: none;
	opacity: 1;
}

.slide-group.owl-theme .owl-controls .owl-buttons div.owl-prev,
.clickable-images.owl-theme .owl-controls .owl-buttons div.owl-prev {
	position: absolute;
	top: 26%;
	left: 2%;
}

.slide-group.owl-theme .owl-controls .owl-buttons div.owl-next,
.clickable-images.owl-theme .owl-controls .owl-buttons div.owl-next {
	position: absolute;
	top: 26%;
	right: 2%;
}

.karma-videos .carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
	position: absolute;
	top: 40%;
	left: -3%;
}

.karma-videos .carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
	position: absolute;
	top: 40%;
	right: -3%;
}

.owl-theme .fa-chevron-left:before {
	color: #999;
}

.owl-theme .fa-chevron-right:before {
	color: #999;
}

.nav-group.group-links-01 ul li a.group-links-01.main:before,
.nav-group.group-links-02 ul li a.group-links-02.main:before,
.nav-group.group-links-03 ul li a.group-links-03.main:before,
.nav-group.group-links-04 ul li a.group-links-04.main:before,
.nav-group ul li a.active:before {
    content: "\f111";
    color: #009fdf;
    font-size: 25px;
}
.nav-group ul li div.hover-state {
	position: absolute;
	top: 0px;
	right: 0px;
	opacity: 0;
	text-transform: uppercase;
	width: 164px;
	height: 18px;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #009fdf;
	text-align: left;
	padding-left: 10px;
	padding-top: 4px;
	z-index: -1;
}

.nav-group ul li a:hover:before {
	content: "";

}
.nav-group ul li a:hover + div.hover-state {
	opacity: 1;
	background: url(../images/karma-2016/side-nav-selected.png) no-repeat left;
}

.nav-group ul li a span {
    position: absolute;
    left: -5000px;
}
.nav-group ul li a.group-links,
.nav-group ul li a.none {
    display: none;
}
.nav-group ul li a.group-links.main {
    display: block;
}

.desktop-view.full-on-window .feature-details.active .bg, .desktop-view.full-on-window .feature-details.active .bgs {
    opacity: 1;
    z-index: 3;
}

.desktop-view.full-on-window .feature-details .bg, .desktop-view.full-on-window .feature-details .bgs {
    position: fixed;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}

.bgs.w>div>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: auto;
}

.bgs.w>div {
    top: -200%;
    width: 100%;
    height: 500%;
    left: 0;
    right: auto;
}


/*
Slide diamond-shaped toggle to show left or right page
------------------------------------------------------
*/



.pdp-custom .attributes-item .attributes-label, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    color: #29292A;
    text-rendering: optimizeLegibility;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

.swipebox {
    text-align: center
}

.swipebox {
    margin: 30px auto;
    padding-top: 50px
}
.swipebox img {
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none
}
.swipebox .bar {
    color: #fff;
    display: block;
    text-decoration: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: 100% 100%;
    z-index: 200
}
.swipebox #scroller {
    height: 700px;
    position: relative;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}
.swipebox #scroller .pane {
	-webkit-transition: none;
	transition: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .swipebox #scroller {
        height: 500px
    }
}
@media (max-width: 767px) {
    .swipebox {
        overflow: hidden
    }
    .swipebox #scroller {
        height: 400px;
        overflow: hidden
    }
}
.swipebox #scroller .pane {
    position: absolute;
    height: 100%;
    overflow: hidden;
    top: 0;
    width: 100%
}
.swipebox #scroller .pane section {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}
.swipebox #scroller .pane section img {
    width: 100%;
    float: left
}
.swipebox #scroller .pane .is-overlay {
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.swipebox #side-0 {
    left: 0%;
}
.swipebox #side-0 section {
    left: -40%;
}
.swipebox #side-1 {
    right: -50%;
}
.swipebox #side-1 section {
    right: 0%;
}

.swipebox.handheld-mountable {
    padding: 0;
}

@media (max-width: 767px) {
    .swipebox.handheld-mountable {
        margin-top: 0
    }
}
.swipebox.handheld-mountable .handheld-mountable-header {
    font-family: fortescue_pro, serif;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 14px;
    letter-spacing: .04em;
    font-weight: 700;
    margin: 25px 0
}
@media (min-width: 768px) {
    .swipebox.handheld-mountable .bar {
        height: 206px;
        width: 213px;
        font-family: fortescue_pro, serif;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
    }
    .swipebox.handheld-mountable .bar span {
        display: block;
    }
    .swipebox.handheld-mountable .bar div.drag-text {
        display: block;
        width: 200px;
        height: 170px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #191a1b;
        font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
		font-size: 16px;
		padding-top: 30px;
    }
    .swipebox.handheld-mountable .bar div.drag-text .arrows {
    	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
		font-size: 13px;
		font-style: italic;
		color: #737373;
		margin-top: 10px;
    }
    .swipebox.handheld-mountable .bar div.drag-text .arrows .title {


    }
    .swipebox.handheld-mountable .bar div.drag-text .arrows:before,
    .swipebox.handheld-mountable .bar div.drag-text .arrows:after {
    	font-family: "FontAwesome";
    	color: #464646;
    	font-size: 20px;
    	font-style: normal;
    	padding: 0 10px;
    }
    .swipebox.handheld-mountable .bar div.drag-text .arrows:before {
    	content: "\f0d9";
    }
    .swipebox.handheld-mountable .bar div.drag-text .arrows:after {
    	content: "\f0da";
    }
    .swipebox.handheld-mountable .bar .click-slide {
        font-family: BrownStd, Sans-serif;
        font-size: 10px;
        font-size: .625rem;
        text-transform: uppercase;
        letter-spacing: .22em;
        line-height: 13px;
        font-weight: 400
    }
}

@media (max-width: 767px) {
    .swipebox.handheld-mountable .bar {
        height: 75px;
        width: 75px;
        background-image: url(../../images/interface/diamond_slider_mobile.png)
    }
    .swipebox.handheld-mountable .bar span {
        display: block;
        font-family: BrownStd, Sans-serif;
        font-size: 9px;
        font-size: .5625rem;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 75px;
        letter-spacing: .24em
    }
}

@media (min-width: 1440px)
.container {
    width: 1400px;
}

.container {
    margin: 0 auto;
    padding: 0 2em;
    width: 100%;
}

@media (min-width: 1025px)
.hide-desktop, .show-mobile, .show-tablet {
    display: none!important;
}



/**
/* Promise section carousel
*/
#karma-lp .karma-features-hero-slider .owl-item {
	position: relative;
}
#karma-lp .karma-features-hero-slider .owl-item div.absolute {
	width: 100%;
	text-align: center;
	top: 40%;
}
#karma-lp .karma-features-hero-slider .owl-item .half {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 15% 9% 0 9%;
}
#karma-lp .karma-features-hero-slider .owl-item h1 {
	font-family: proxima_nova_rgbold;
	font-size: 64px;
	letter-spacing: .05rem;
	color:#fff;
	width: 80%;
	margin: auto;
}
#karma-lp .karma-features-hero-slider .owl-item p {
	font-family: proxima_nova_regular;
	font-size: 22px;
	line-height: 36px;
	color:#fff;
}
#karma-lp .karma-features-hero-slider .owl-theme .owl-controls {
    position: absolute;
    margin: auto;
    height: 100%;
    top: 0;
    width: 100%;
    pointer-events: none;
}
#karma-lp .karma-features-hero-slider .owl-theme .owl-pagination {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: auto;
}
#karma-lp .karma-features-hero-slider  .owl-controls .owl-page span {
	margin: 5px 10px;
	background: #fff;
	pointer-events: auto; 
}
.karma-features-hero-slider .owl-theme .owl-buttons {
	position: absolute;
	top: 40%;
	width: 100%;
}
.karma-features-hero-slider .owl-theme .owl-buttons .owl-prev {
	float: left;
	background-color: transparent;
	font-size: 100px;
	pointer-events: auto;
	opacity: 1;
} 
.karma-features-hero-slider .owl-theme .owl-buttons .owl-next {
	float: right;
	background-color: transparent;
	font-size: 100px;
	pointer-events: auto;
	opacity: 1;
}
#karma-lp .karma-features-hero-slider .owl-theme .angle-left,
#karma-lp .karma-features-hero-slider .owl-theme .angle-right{
	height: 40px;
	width: 40px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-radius: 0px;
	background: transparent;
	padding: 0px;
}
#karma-lp .karma-features-hero-slider .owl-theme .angle-left {
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
	padding: 0;
}
#karma-lp .karma-features-hero-slider .owl-theme .angle-right{
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	padding: 0;	
}

/*
FEATURES GRID
*/

#features-section {
	position: relative;
	min-height: 858px;
	background-color: #f7f7f7;
}

#features-grid {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 2;
	opacity: 1;
	-webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    background-color: #f7f7f7;
}

#features-grid.fadeBehind {
	z-index: 1;
	opacity: 0;
}

#features-grid.fadeFront {
	z-index: 2;
	opacity: 1;
}

#features-grid .features-grid-top,
#features-grid .features-grid-bottom {
	display: flex;
	width: 85%;
    margin: 0 auto;
}
.stabilization #features-grid .features-grid-top,
.stabilization #features-grid .features-grid-bottom {
	max-width: 1200px;
}

#features-grid .features-grid-top .feature,
#features-grid .features-grid-bottom .feature {
	width: 85%;
    margin: 0 auto 2% auto;
    background-color: #fff;
    max-width: 590px;
}

#features-grid .feature {
	height: 386px;
	background-color: #f3f3f3;
}

#features-grid .feature .feature-title {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
	font-size: 26px;
}

#features-grid .feature .feature-sub-title {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
	font-size: 18px;
}

#features-grid .feature .image {
	height: 254px;
}

#features-grid .feature .image,
#features-grid .feature .feature-title,
#features-grid .feature .feature-sub-title,
#features-grid .feature .explore-link {
	width: 100%;
	text-align: center;
	float: left;
}

#features-grid .feature .explore-link a,
#features-grid .feature .explore-notify-links a {
	display: inline-block;
	width: 150px;
	height: 25px;
	color: #009fdf;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-top: 20px;
	padding-left: 25px;
	background: #fff url(../images/karma-2016/explore-icon.png) no-repeat left;
	line-height: 1.7;
	border: none;
	outline: none;
}

#features-grid .feature .explore-notify-links .notify-link a {
	background: #fff url(../images/karma-2016/notify-me-icon.jpg) no-repeat left;
}

#features-grid #features-grid-drone {
	width: 68%;
	margin-right: 2%;
	border-bottom: 4px solid #fff;
}

#features-grid #features-grid-drone .image {
	width: 96%;
	background: #fff url(../images/karma-2016/features-grid-drone-new.png) no-repeat center 15px;
	float: none;
	margin: 0 auto;
}

#features-grid #features-grid-controller {
	width: 68%;
	margin-right: 2%;
}

#features-grid #features-grid-controller .image {
	width: 96%;
	background: #fff url(../images/karma-2016/features-grid-controller-new.png) no-repeat center 15px;
	float: none;
	margin: 0 auto;
}

#features-grid #features-grid-grip {
	width: 68%;
	border-bottom: 4px solid #fff;
}

#features-grid #features-grid-grip .image {
	width: 96%;
	background: #fff url(../images/karma-2016/features-grid-grip-new-gp.png) no-repeat center 30px;
	float: none;
	margin: 0 auto;
}

#features-grid #features-grid-mounting-ring {
	width: 68%;
	border-bottom: 4px solid #fff;
}

#features-grid #features-grid-mounting-ring .image {
	width: 96%;
	background: #fff url(../images/karma-2016/features-grid-mounting-ring.png) no-repeat center 30px;
	float: none;
	margin: 0 auto;
}

#features-grid #features-grid-grip-case {
	width: 68%;
	border-bottom: 4px solid #fff;
}

#features-grid #features-grid-grip-case .image {
	width: 96%;
	background: #fff url(../images/karma-2016/features-grid-grip-case.png) no-repeat center 30px;
	float: none;
	margin: 0 auto;
}

#features-grid #features-grid-extension-cable {
	width: 68%;
	border-bottom: 4px solid #fff;
}

#features-grid #features-grid-extension-cable .image {
	width: 96%;
	background: #fff url(../images/karma-2016/stabilization_hero4black.png) no-repeat center 30px;
	float: none;
	margin: 0 auto;
}

#features-grid #features-grid-pack {
	width: 68%;
}

#features-grid #features-grid-pack .image {
	width: 96%;
	background: #fff url(../images/karma-2016/features-grid-case-new.png) no-repeat center 15px;
	float: none;
	margin: 0 auto;
}

/**
FEATURES DETAILS PAGES
*/

#features-details {
	width: 100%;
	background-color: #f3f3f3;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;

}

#features-details.fadeFront {
	z-index: 2;
	opacity: 1;
}

#features-details.fadeBehind {
	z-index: 1;
	opacity: 0;
}

#features-details .product {
	height: 766px;
	overflow: hidden;
	display: none;
}

#features-details .product .title {
	width: 100%;
	text-align: center;
	font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 30px;
    padding-top: 30px;
}

#features-details .product .sub-title {
	width: 100%;
	text-align: center;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 18px;
}

#features-details .product .details-views {
	position: absolute;
	width: 248px;
	margin: 25px 0 0 115px;
	z-index: 10;
}


#features-details .product .details-views {
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#features-details .product .details-views div {
	width: 250px;
	height: 34px;
	background-color: #eaeaea;
	margin-bottom: 6px;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: center;
}

#features-details .product .details-views a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

#features-details .product .details-views div.selected {
	background-color: #cfcfcf;
}

#features-details .product .details-views div span {
	position: relative;
  	top: 25%;
  	transform: translateY(-50%);
  	color: #666;
}

#features-details .product .details-views div.selected span {
	color: #fff;
}

#features-details .product .clickable-images {
	position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    min-height: 580px;
}

.stabilization #features-details .product .clickable-images .mobile {
	display: none;
}

#features-details .product .clickable-titles div {
	position: absolute;
	z-index: 1;
}

/**
DRONE CALLOUTS - TOP VIEW
**/

#features-details .product .clickable-titles.top .replaceable-arms {
	width: 60%;
	height: 85px;
	top: 31%;
	left: -26%;
	background: url(../images/karma-2016/replaceable-arms-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles.top .folding-design {
	top: 55%;
	left: -18%;
	width: 52%;
	height: 73px;
	background: url(../images/karma-2016/folding-design-pointer.png) no-repeat 0px 41px;
}

#features-details .product .clickable-titles.top .karma-stabilizer {
	top: 6%;
	left: 59%;
	width: 60%;
	height: 83px;
	background: url(../images/karma-2016/karma-stabilizer-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles.top .safe-easy {
	top: 63%;
	left: 67%;
	width: 48%;
	height: 49px;
	background: url(../images/karma-2016/safe-easy-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles.top .replaceable-arms:hover {
	background: url(../images/karma-2016/replaceable-arms-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles.top .replaceable-arms:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.top .folding-design:hover {
	background: url(../images/karma-2016/folding-design-pointer-hover.png) no-repeat 0px 41px;
	cursor: pointer;
}

#features-details .product .clickable-titles.top .folding-design:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.top .karma-stabilizer:hover {
	background: url(../images/karma-2016/karma-stabilizer-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles.top .karma-stabilizer:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.top .safe-easy:hover {
	background: url(../images/karma-2016/safe-easy-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles.top .safe-easy:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles span {
	display: block;
	width: 79%;
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #797979;
    padding-bottom: 3%;
}

#features-details .product .clickable-titles span.right {
	float: right;
	text-align: right;
}

#features-details .product .clickable-titles.back .removable-battery span.right {
	padding-top: 8%;
}

/**
DRONE CALLOUTS - FRONT VIEW
**/

#features-details .product .clickable-titles.front .unobstructed-view {
	width: 32%;
	height: 49px;
	top: 12%;
	left: 8%;
	background: url(../images/karma-2016/straight-horizon-pointer.png) no-repeat 0px 22px;
}

#features-details .product .clickable-titles.front .fisheye-compensation {
	width: 302px;
    height: 37px;
    top: 56%;
    left: 8%;
    background: url(../images/karma-2016/fisheye-compensation-pointer.png) no-repeat 0px -31px;
}

#features-details .product .clickable-titles.front .quiet-flight {
	top: 9%;
	left: 70%;
	width: 32%;
	height: 69px;
	background: url(../images/karma-2016/quiet-flight-pointer.png) no-repeat 0px 22px;
}

#features-details .product .clickable-titles.front .landing-gear {
	top: 69%;
	left: 63%;
	width: 42%;
	height: 35px;
	background: url(../images/karma-2016/landing-gear-pointer.png) no-repeat 0px 0px;
}

#features-details .product .clickable-titles.front .unobstructed-view:hover {
	background: url(../images/karma-2016/straight-horizon-pointer-hover.png) no-repeat 0px 22px;
	cursor: pointer;
}

#features-details .product .clickable-titles.front .unobstructed-view:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.front .fisheye-compensation:hover {
	background: url(../images/karma-2016/fisheye-compensation-pointer-hover.png) no-repeat 0px 22px;
	cursor: pointer;
}

#features-details .product .clickable-titles.front .fisheye-compensation:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.front .quiet-flight:hover {
	background: url(../images/karma-2016/quiet-flight-pointer-hover.png) no-repeat 0px 22px;
	cursor: pointer;
}

#features-details .product .clickable-titles.front .quiet-flight:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.front .landing-gear:hover {
	background: url(../images/karma-2016/landing-gear-pointer-hover.png) no-repeat 0px 0px;
	cursor: pointer;
}

#features-details .product .clickable-titles.front .landing-gear:hover span {
	color: #009fdf;
}

/**
DRONE CALLOUTS - BACK VIEW
**/

#features-details .product .clickable-titles.back .removable-battery {
	width: 37%;
	height: 59px;
	top: 56%;
	left: 52%;
	background: url(../images/karma-2016/removable-battery-pointer.png) no-repeat 0px 0px;
}

#features-details .product .clickable-titles.back .removable-battery:hover {
	background: url(../images/karma-2016/removable-battery-pointer-hover.png) no-repeat 0px 0px;
	cursor: pointer;
}

#features-details .product .clickable-titles.back .removable-battery:hover span {
	color: #009fdf;
}

/**
CONTROLLER CALLOUTS - FRONT VIEW
**/

#features-details .product .clickable-titles.front .game-style-design {
	width: 314px;
	height: 44px;
	top: 47%;
	left: -40%;
	background: url(../images/karma-2016/game-style-design-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles.front .touch-display {
	top: 18%;
	left: 74%;
	width: 338px;
	height: 60px;
	background: url(../images/karma-2016/touch-display-pointer.png) no-repeat 0px 22px;
}

#features-details .product .clickable-titles.front .smart-controls {
	top: 45%;
	left: 66%;
	width: 404px;
	height: 55px;
	background: url(../images/karma-2016/smart-controls-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles.front .game-style-design:hover {
	background: url(../images/karma-2016/game-style-design-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles.front .game-style-design:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.front .touch-display:hover {
	background: url(../images/karma-2016/touch-display-pointer-hover.png) no-repeat 0px 22px;
	cursor: pointer;
}

#features-details .product .clickable-titles.front .touch-display:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.front .smart-controls:hover {
	background: url(../images/karma-2016/smart-controls-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles.front .smart-controls:hover span {
	color: #009fdf;
}

/**
CONTROLLER CALLOUTS - DISPLAY VIEW
**/

#features-details .product .clickable-titles.display .auto-shot-paths {
	width: 362px;
	height: 44px;
	top: 45%;
	left: -40%;
	background: url(../images/karma-2016/auto-shot-paths-pointer.png) no-repeat 0px 22px;
}

#features-details .product .clickable-titles.display .preflight-training {
	top: 33%;
	left: 86%;
	width: 312px;
	height: 29px;
	background: url(../images/karma-2016/preflight-training-pointer.png) no-repeat 0px 0px;
}

#features-details .product .clickable-titles.display .auto-shot-paths:hover {
	background: url(../images/karma-2016/auto-shot-paths-pointer-hover.png) no-repeat 0px 22px;
	cursor: pointer;
}

#features-details .product .clickable-titles.display .auto-shot-paths:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.display .preflight-training:hover {
	background: url(../images/karma-2016/preflight-training-pointer-hover.png) no-repeat 0px 0px;
	cursor: pointer;
}

#features-details .product .clickable-titles.display .preflight-training:hover span {
	color: #009fdf;
}

/**
CONTROLLER CALLOUTS - BACK VIEW
**/

#features-details .product .clickable-titles.back .full-camera-control {
	width: 758px;
	height: 86px;
	top: 54%;
	left: -2%;
	background: url(../images/karma-2016/full-camera-control-pointer.png) no-repeat 0px 22px;
}

#features-details .product .clickable-titles.back .full-camera-control:hover {
	background: url(../images/karma-2016/full-camera-control-pointer-hover.png) no-repeat 0px 22px;
	cursor: pointer;
}

#features-details .product .clickable-titles.back .full-camera-control:hover span {
	color: #009fdf;
}


/**
PACK CALLOUTS - EXTERIOR VIEW
**/

#features-details .product .clickable-titles.exterior .durable-shell {
	width: 304px;
	height: 73px;
	top: 28%;
	left: -61%;
	background: url(../images/karma-2016/durable-shell-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles.exterior .ultra-compact-design {
	top: 72%;
	left: -65%;
	width: 314px;
	height: 43px;
	background: url(../images/karma-2016/ultra-compact-design-pointer.png) no-repeat 0px 22px;
}

#features-details .product .clickable-titles.exterior .shoulder-mount {
	top: 15%;
	left: 83%;
	width: 394px;
	height: 72px;
	background: url(../images/karma-2016/shoulder-mount-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles.exterior .durable-shell:hover {
	background: url(../images/karma-2016/durable-shell-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles.exterior .durable-shell:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.exterior .ultra-compact-design:hover {
	background: url(../images/karma-2016/ultra-compact-design-pointer-hover.png) no-repeat 0px 22px;
	cursor: pointer;
}

#features-details .product .clickable-titles.exterior .ultra-compact-design:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles.exterior .shoulder-mount:hover {
	background: url(../images/karma-2016/shoulder-mount-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles.exterior .shoulder-mount:hover span {
	color: #009fdf;
}

/**
PACK CALLOUTS - INTERIOR VIEW
**/

#features-details .product .clickable-titles.interior .molded-interior {
	/*top: 220px;
	left: 295px;*/
	width: 314px;
	height: 44px;
	top: 62%;
	left: -46%;
	background: url(../images/karma-2016/molded-interior-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles.interior .molded-interior:hover {
	background: url(../images/karma-2016/molded-interior-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles.interior .molded-interior:hover span {
	color: #009fdf;
}


/**
GRIP CALLOUTS
**/

#features-details .product .clickable-titles .grip-karma-stabilizer {
	/*top: 220px;
	left: 295px;*/
	/*width: 264px;*/
	width: 37%;
	height: 54px;
	top: 17%;
	left: -15%;
	background: url(../images/karma-2016/grip-karma-stabilizer-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles .camera-buttons {
	/*top: 319px;
	left: 344px;*/
	top: 5%;
	left: 9%;
	/*width: 272px;*/
	width: 40%;
	height: 65px;
	background: url(../images/karma-2016/camera-buttons-pointer.png) no-repeat 0px 38px;
}

.stabilization #features-details .product .clickable-titles .camera-buttons {
	top: -7%;
    left: -14%;
    width: 65%;
    height: 129px;
	background: url(../images/karma-2016/stabilization-camera-buttons-pointer.png) no-repeat 0px 25px;
}

.stabilization #features-details .product .clickable-titles .camera-buttons:hover {
	background: url(../images/karma-2016/stabilization-camera-buttons-pointer.png) no-repeat 0px 25px;
}

.stabilization #features-details .product .clickable-titles .copy {
	position: absolute;
	top: 36px;
	text-transform: none;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    width: 50%;
    text-align: left;
}

.stabilization #features-details .product .clickable-titles .copy .disclaimer {
	font-size: 12px;
}

.stabilization #features-details .product .clickable-titles .copy.left {
	left: 0;
}

.stabilization #features-details .product .clickable-titles .copy.right {
	right: 0;
}

#features-details .product .clickable-titles .swappable-harnesses {
	top: 19%;
    left: -28%;
	/*width: 272px;*/
	width: 40%;
	height: 65px;
	background: url(../images/karma-2016/camera-buttons-pointer.png) no-repeat 0px 25px;

}

#features-details .product .clickable-titles .handheld-footage {
	top: 43%;
    left: 57%;
    /* width: 272px; */
    width: 55%;
    height: 65px;
    background: url(../images/karma-2016/landing-gear-pointer.png) no-repeat 0px -7px;
}

#features-details .product .clickable-titles .battery-life {
	top: -4%;
    left: 72%;
	/*width: 272px;*/
	width: 40%;
	height: 65px;
	background: url(../images/karma-2016/karma-stabilizer-pointer.png) no-repeat 0px 25px;

}

#features-details .product .clickable-titles .easy-charging {
	top: -17%;
    left: 80%;
    /* width: 272px; */
    width: 51%;
    height: 134px;
    background: url(../images/karma-2016/camera-integration-pointer.png) no-repeat 0px 27px;
}

#features-details .product .clickable-titles .works-with-most {
	top: 4%;
    left: -61%;
    /* width: 272px; */
    width: 70%;
    height: 71px;
    background: url(../images/karma-2016/folding-design-pointer.png) no-repeat 0px 26px;
}

#features-details .product .clickable-titles .body-mountable {
	top: 43%;
    left: 91%;
    /* width: 272px; */
    width: 80%;
    height: 67px;
    background: url(../images/karma-2016/body-gear-mountable-pointer.png) no-repeat 0px -14px;
}
#features-details .product .clickable-titles .molded-interior {
	top: 36%;
    left: -4%;
    /* width: 272px; */
    width: 70%;
    height: 71px;
    background: url(../images/karma-2016/folding-design-pointer.png) no-repeat 0px 30px;
}

#features-details .product .clickable-titles .durable-shell {
	top: 15%;
    left: 92%;
    /* width: 272px; */
    width: 28%;
    height: 64px;
    background: url(../images/karma-2016/safe-easy-pointer.png) no-repeat 0px 24px;
}

#features-details .product .clickable-titles .extend-your-karma {
	top: 31%;
    left: -109%;
    /* width: 272px; */
    width: 154%;
    height: 64px;
    background: url(../images/karma-2016/folding-design-pointer.png) no-repeat 0px 24px;
}

#features-details .product .clickable-titles .remote-command {
	top: 60%;
    left: 53%;
    /* width: 272px; */
    width: 179%;
    height: 99px;
    background: url(../images/karma-2016/karma-stabilizer-pointer.png) no-repeat 0px 26px;
}

#features-details .product .clickable-titles .karma-grip {
	/*top: 91px;
	left: 743px;*/
	top: -2%;
	left: 78%;
	/*width: 208px;*/
	width: 30%;
	height: 73px;
	background: url(../images/karma-2016/karma-grip-pointer.png) no-repeat 0px 25px;
}

#features-details .product .clickable-titles .body-gear-mountable {
	/*top: 391px;
	left: 789px;*/
	top: 45%;
	left: 51%;
	/*width: 425px;*/
	width: 50%;
	height: 40px;
	background: url(../images/karma-2016/body-gear-mountable-pointer.png) no-repeat 0px -12px;
}

#features-details .product .clickable-titles .grip-karma-stabilizer:hover {
	background: url(../images/karma-2016/grip-karma-stabilizer-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles .grip-karma-stabilizer:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles .camera-buttons:hover {
	background: url(../images/karma-2016/camera-buttons-pointer-hover.png) no-repeat 0px 38px;
	cursor: pointer;
}

#features-details .product .clickable-titles .camera-buttons:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles .karma-grip:hover {
	background: url(../images/karma-2016/karma-grip-pointer-hover.png) no-repeat 0px 25px;
	cursor: pointer;
}

#features-details .product .clickable-titles .karma-grip:hover span {
	color: #009fdf;
}

#features-details .product .clickable-titles .body-gear-mountable:hover {
	background: url(../images/karma-2016/body-gear-mountable-pointer-hover.png) no-repeat 0px -12px;
	cursor: pointer;
}

#features-details .product .clickable-titles .body-gear-mountable:hover span {
	color: #009fdf;
}





#features-details .product .clickable-titles span {
	display: block;
	width: 79%;
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #797979;
    padding-bottom: 3%;
}

#features-details .product .clickable-titles span.right {
	float: right;
	text-align: right;
}

#features-details .product .clickable-titles.back .removable-battery span.right {
	padding-top: 8%;
}


#features-details .product .clickable-image {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}

/*#features-details .product .clickable-image img {
	margin: -7% 0 0 67%;
}*/

#features-details #drone.product .clickable-image.top {
	margin: 4% 0 0 32%;
}

#features-details #drone.product .clickable-image.front {
	margin: 12% 0 0 17%;
}

#features-details #drone.product .clickable-image.back {
	margin: 11% 0 0 17%;
}

#features-details #controller.product .clickable-image.front {
	margin: 4% 0 0 35%;
}

#features-details #controller.product .clickable-image.display {
	margin: 5% 0 0 31%;
}

#features-details #controller.product .clickable-image.back {
	margin: 1% 0 0 17%;
}

#features-details #drone.product .clickable-image .product-image-container {
	position: relative;
	width: 100%;
	height: 100%;
}

#features-details #pack.product .clickable-image.exterior {
	margin: 3% 0 0 37%;
}

#features-details #pack.product .clickable-image.interior {
	margin: 3% 0 0 32%;
}

#features-details #grip.product .clickable-image {
	margin: 8% 0 0 26%;
}

#features-details #mounting-ring.product .clickable-image {
	margin: 11% 0 0 37%;
}

#features-details #grip-case.product .clickable-image {
	margin: 3% 0 0 26%;
}

#features-details #extension-cable.product .clickable-image {
	margin: 3% 0 0 44%;
}

#features-details .product .details-footer {
	float: left;
}

#features-details .product .details-footer .back-link {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 20px;
}

#features-details .product .details-footer .back-link {
	float: left;
	background: #f3f3f3 url(../images/karma-2016/back-link-icon.jpg) no-repeat left center;
	margin: 0 250px 0 115px;
	padding-left: 20px;
}

#features-details .product .details-footer .features-boxes {
	float: left;
	overflow: hidden;
}

#features-details .product .details-footer .features-boxes .selected div.image {
	border: 1px solid #00a3dd;
}

#features-details .product .details-footer .features-boxes .drone,
#features-details .product .details-footer .features-boxes .grip,
#features-details .product .details-footer .features-boxes .controller,
#features-details .product .details-footer .features-boxes .pack,
#features-details .product .details-footer .features-boxes .mounting-ring,
#features-details .product .details-footer .features-boxes .grip-case,
#features-details .product .details-footer .features-boxes .extension-cable {
	float: left;
	width: 110px;
	margin-right: 30px;
	opacity: .5;
}

#features-details .product .details-footer .features-boxes div.selected {
	opacity: 1;
}

#features-details .product .details-footer .features-boxes div.image {
	border: 1px solid #666;
}

#features-details .product .details-footer .features-boxes div.image img {
	vertical-align: bottom;
}

#features-details .product .details-footer .features-boxes div .title {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding-top: 10px;
}

#features-details .product .drone-markers li.replaceable-arms {
	top: 45%;
	left: 30%;
}

#features-details .product .drone-markers li.folding-design {
	top: 68%;
	left: 32%;
}

#features-details .product .drone-markers li.karma-stabilizer {
	top: 21%;
	left: 54%;
}

#features-details .product .drone-markers li.safe-easy {
	top: 72%;
	left: 61%;
}

#features-details .product .drone-markers li.unobstructed-view {
	top: 23%;
	left: 38%;
}

#features-details .product .drone-markers li.fisheye-compensation {
	top: 47%;
	left: 38%;
}

#features-details .product .drone-markers li.quiet-flight {
	top: 24%;
	left: 68%;
}

#features-details .product .drone-markers li.landing-gear {
	top: 61%;
	left: 60%;
}

#features-details .product .drone-markers li.removable-battery {
	top: 47%;
	left: 49%;
}

#features-details .product .controller-markers li.game-style-design {
	top: 54%;
	left: 31%;
}

#features-details .product .controller-markers li.touch-display {
	top: 27%;
	left: 73%;
}

#features-details .product .controller-markers li.smart-controls {
	top: 56%;
	left: 58%;
}

#features-details .product .controller-markers li.auto-shot-paths {
	top: 51%;
	left: 25%;
}

#features-details .product .controller-markers li.preflight-training {
	top: 28%;
	left: 81%;
}

#features-details .product .controller-markers li.full-camera-control {
	top: 67%;
	left: 31%;
}

#features-details .product .controller-markers li.full-camera-control-2 {
	top: 67%;
	left: 78%;
}

#features-details .product .pack-markers li.durable-shell {
	top: 42%;
	left: 27%;
}

#features-details .product .pack-markers li.ultra-compact-design {
	top: 79%;
	left: 24%;
}

#features-details .product .pack-markers li.shoulder-mount {
	top: 28%;
	left: 80%;
}

#features-details .product .pack-markers li.molded-interior {
	top: 70%;
	left: 20%;
}

#features-details .product .grip-markers li.karma-stabilizer {
	top: 28%;
	left: 20%;
}

#features-details .product .grip-markers li.camera-buttons {
	top: 18%;
	left: 46%;
}

.stabilization #features-details .product .grip-markers li.camera-buttons {
	top: 21%;
	left: 49%;
}

#features-details .product .grip-markers li.swappable-harnesses {
	top: 33%;
	left: 11%;
}

#features-details .product .grip-markers li.handheld-footage {
	top: 38%;
	left: 54%;
}

#features-details .product .grip-markers li.battery-life {
	top: 9%;
	left: 72%;
}

#features-details .product .grip-markers li.easy-charging {
	top: 11%;
	left: 78%;
}

#features-details .product .mounting-ring-markers li.works-with-most {
	top: 20%;
	left: 8%;
}

#features-details .product .mounting-ring-markers li.body-mountable {
	top: 37%;
	left: 91%;
}

#features-details .product .grip-case-markers li.molded-interior {
	top: 48%;
	left: 33%;
}

#features-details .product .grip-case-markers li.durable-shell {
	top: 25%;
	left: 88%;
}

#features-details .product .extension-cable-markers li.extend-your-karma {
	top: 41%;
	left: 39%;
}

#features-details .product .extension-cable-markers li.remote-command {
	top: 77%;
	left: 40%;
}

#features-details .product .grip-markers li.karma-grip {
	top: 14%;
	left: 76%;
}

#features-details .product .grip-markers li.body-gear-mountable {
	top: 38%;
	left: 50%;
}

/**
TWO PANEL SLIDE - FEATURE DETAIL SECTION
**/

.container > .inner {
    margin-left: 12.5%;
    margin-right: 12.5%;
}

.align-right {
    float: right;
    right: 0;
}

.align-vertical {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    zoom: 1;
}

.inner:after {
    clear: both;
}

.inner:before, .inner:after {
    content: "";
    display: table;
}

.view {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-transition: height 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -moz-transition: height 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -o-transition: height 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -ms-transition: height 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    transition: height 0.7s cubic-bezier(0.825, 0, 0.5, 1);
}
.view-top {
    top: 0
}
.view-bottom {
    bottom: 0
}
.view.active {
    z-index: 3;
}
.view.active > .full-view {
    height: 100%
}
.view.open {
    /*height: 100%;*/
    /*height: 575px;*/
    height: 685px;
}
.view.open > .full-view {
    opacity: 1;
    -ms-filter: none;
    filter: none
}
.view.open > .half-view {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}
.view > .full-view {
    height: 200%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -moz-transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -o-transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -ms-transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1)
}
.view > .half-view {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -moz-transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -o-transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -ms-transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    transition: opacity 0.7s cubic-bezier(0.825, 0, 0.5, 1)
}
@media only screen and (max-width: 767px) {
    .full-view .btn {
        font-size: 0;
        padding-right: 20px;
    }
    .full-view .btn > span {
        margin-right: 0
    }
}
@media only screen and (max-width: 991px) {
    .full-view .hero {
        display: none
    }
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
    .half-view .hero {
        display: none
    }
}
.detail {
    position: absolute;
    /*top: 0;*/
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.detail.tablet {
	display: none;
}
.detail .plus {
    position: absolute;
    top: 44%;
    left: 0;
    margin-top: 18px;
    margin-left: -22px
}
.detail.active {
	height: 629px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    z-index: 2;
}
.detail-description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.scrollable {
    height: 100%;
    overflow-x: hidden;
    padding-right: 22px;
}
.detail-description > .scrollable {
    padding-left: 20%;
    padding-right: 20%;
    height: auto;
}
.detail-description h4 {
	font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 24px;
    text-align: left;
}

.detail-description h1 {
	font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
}

.detail-description .p1 {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
    margin-top: 30px;
    text-align: left;
}
.detail-description .p1.disclaimer {
	font-size: 10px;
}
.pane {
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -moz-transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -o-transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    -ms-transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
    transition: all 0.7s cubic-bezier(0.825, 0, 0.5, 1);
}

.pane img {
	max-width: none;
	width: 100%;
}

@media only screen and (max-width: 991px) {
    .pane {
        height: 50%;
        top: auto
    }
}
.pane-left {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.pane-left img.mobile {
	display: none;
}
.open > .pane-left {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
@media only screen and (max-width: 991px) {
    .pane-left {
        bottom: 0
    }
}
.pane-right {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.open > .pane-right {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    background-color: #fff;
}

.marker {
    position: absolute;
    z-index: 2;
}
.stabilization .marker {
	border: 1px solid #8f8f8f;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.plus {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*border: 3px solid transparent;*/
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 38px;
    height: 38px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.plus:before,
.plus:after {
    content: "";
    position: absolute;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2
}
.plus:before {
    width: 21px;
    height: 1px;
    top: 17px;
    left: 8px
}
.plus:after {
    width: 1px;
    height: 20px;
    top: 8px;
    left: 18px
}
.plus > i {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    font-size: 0;
    width: 34px;
    height: 34px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1
}
.plus:hover:before,
.plus.active:before,
.plus:hover:after,
.plus.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.plus.active:before,
.plus.active:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}
.plus.active > i {
    width: 35px;
    height: 35px;
    top: 1px;
    left: 1px
}
.plus.active:hover:before,
.plus.active:hover:after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}
.plus.plus-white {
    /*border-color: #f7f7f7;*/
    border: 1px solid #8b8b8b;
}
.plus.plus-white:before,
.plus.plus-white:after {
    background-color: #888
}
.plus.plus-white > i {
    background-color: #fff;
}
.plus.plus-white:hover,
.plus.plus-white.active {
    /*border-color: rgba(247, 247, 247, 0.4);*/
}
.plus.plus-white:hover:before,
.plus.plus-white.active:before,
.plus.plus-white:hover:after,
.plus.plus-white.active:after {
    background-color: #1a1a1a;
}
.plus.plus-white:hover > i,
.plus.plus-white.active > i {
    background-color: #f7f7f7;
}
.plus.plus-white.active {
    border-color: #9b9b9b;
}
.plus.plus-black {
    border-color: #1a1a1a;
}
.plus.plus-black:before,
.plus.plus-black:after {
    background-color: #1a1a1a;
}
.plus.plus-black > i {
    background-color: rgba(26, 26, 26, 0.1)
}
.plus.plus-black:hover,
.plus.plus-black.active {
    border-color: rgba(26, 26, 26, 0.4);
}
.plus.plus-black:hover:before,
.plus.plus-black.active:before,
.plus.plus-black:hover:after,
.plus.plus-black.active:after {
    background-color: #f7f7f7
}
.plus.plus-black:hover > i,
.plus.plus-black.active > i {
    background-color: #1a1a1a
}
.plus.plus-black.active {
    border-color: #1a1a1a
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fp-section.active {
    z-index: 11;
}

.light {
    /*background-color: #f7f7f7;*/
    background-color: #fff;
    color: #282828;
}

.half-width {
    width: 50%;
}

.half-height {
    height: 50%;
	position: relative;
}

.dark {
    /*background-color: #1a1a1a;*/
}

.dark, .very-dark {
    color: #f7f7f7;
}

.dark a, .very-dark a {
    /*color: #f7f7f7;*/
}

.background {
    position: absolute;
    top: 0;
    left: 0;
}

.imagefull {
    width: 100%;
    height: auto;
}


.hero {
    margin: 0 0 1em;
    zoom: 1;
}

.hero:after {
    clear: both;
}

.hero:before, .hero:after {
    content: "";
    display: table;
}

.btn {
    background: none;
    border: 1px solid rgba(40,40,40,0.2);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #282828;
    cursor: pointer;
    font-size: .9em;
    line-height: 50px;
    outline: none;
    text-transform: lowercase;
    display: inline-block;
    padding: 0 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
}

.btn.icon-prev > span {
    margin-right: 20px;
}

.btn > span {
    vertical-align: bottom;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 0;
    line-height: 1;
}

@-webkit-keyframes turn {
    from {
    	-webkit-transform: rotate(0deg);


    }
    to {
    	-webkit-transform: rotate(45deg);


    }
}

@keyframes turn {
    from {
    	transform: rotate(0deg);


    }
    to {
    	transform: rotate(45deg);


    }
}

@-webkit-keyframes slideout {
    0% {
    	-webkit-transform: rotate(0deg);

    }
    50% {
    	-webkit-transform: rotate(15deg);
    	left: 50%;

    }

    100% {
    	-webkit-transform: rotate(30deg);
    	left: 100%;

    }
}

@keyframes slideout {
    0% {
    	transform: rotate(0deg);

    }
    50% {
    	transform: rotate(45deg) translate(50%, 0);
    	top: 20%;

    }

    100% {
    	transform: rotate(90deg) translate(100%, 0);
    	top: 10%;

    }
}

#drone .clickable-image.top.fly-out {
    animation: slideout 3s ease-in;
    -moz-animation: slideout 3s ease-in;
    -webkit-animation: slideout 3s ease-in;
}

#features-details #drone .clickable-image.front, #features-details #drone .clickable-image.back,
#features-details #controller .clickable-image.display, #features-details #controller .clickable-image.back {
	opacity: 0;
}

/*
VIDEO TUTORIALS SECTION
*/

#video-tutorials {
	min-height: 752px;
	position: relative;
	overflow: hidden;
	background-color: #f7f7f7;
}

#video-tutorials .title-header,
.karma-videos-wrapper .header {
	width: 100%;
	text-align: center;
	padding: 45px 0px 25px 0px;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 40px;
}

#video-tutorials .subtitle-link {
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
}

#video-tutorials .subtitle-link a {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #00a2e3;
    text-transform: uppercase;
}

#video-tutorials .videos-grid {
	display: flex;
	width: 85%;
	max-width: 1200px;
	height: 545px;
    margin: 0 auto;
}

#video-tutorials .videos-grid img {
	max-width: 100%;
}

#video-tutorials .videos-grid .copy {
	width: 100%;
	height: 122px;
}

#video-tutorials .videos-grid .watch-arrow {
	position: absolute;
	top: 0px;
    left: 22%;
    display: none;
}

#video-tutorials .videos-grid .copy .title,
#video-tutorials .videos-grid .copy .description {
	text-align: center;
}

#video-tutorials .videos-grid .copy .title {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 25px 0 10px 0;
}

#video-tutorials .videos-grid .copy .description {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
    width: 72%;
    margin: 0 auto;
}

#video-tutorials .videos-grid .left-video {
	flex-basis: 0;
	flex-grow: 1;
	position: relative;
	width: 68%;
	max-width: 590px;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #fff;
}

#video-tutorials .videos-grid .right-video {
	flex-basis: 0;
	flex-grow: 1;
	position: relative;
	width: 68%;
	max-width: 590px;
	margin: 0 auto 2% auto;
	background-color: #fff;
}

#video-tutorials .videos-grid .left-video img:hover,
#video-tutorials .videos-grid .right-video img:hover {
	filter: brightness(0.7);
    -moz-filter: brightness(70%);
    -webkit-filter: brightness(70%);
    -ms-filter: brightness(70%);
    -o-filter: brightness(70%);
}

.stabilization #video-tutorials .videos-grid .left-video img:hover {
	filter: brightness(1);
    -moz-filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -ms-filter: brightness(100%);
    -o-filter: brightness(100%);
}

/*
PASSENGER APP SECTION
*/

#passenger-app {
	width: 100%;
	height: 773px;
	box-shadow: 0px 6px 5px -3px #ccc;
}

#passenger-app .container {
	/*background: url(../images/karma-2016/passenger-app-hero.jpg) no-repeat left;*/
	background: url(../images/karma-2016/passenger-app-hero-2x-new.jpg) no-repeat left;
	background-size: contain;
	width: 100%;
	height: 661px;
	position: relative;
	padding: 0;
}

#passenger-app .container .overlay {
	position: absolute;
	top: 50px;
	right: 190px;
	width: 566px;
	height: 211px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 25px 30px 25px 40px;
}

#passenger-app .container .overlay p {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
    margin-bottom: 25px;
}

#passenger-app .container .overlay .download-buttons div {
	float: left;
}

#passenger-app .container .overlay .download-buttons .app-store {
	margin-right: 2%;
}

#passenger-app .title-header {
	width: 100%;
	text-align: center;
	padding: 45px 0px 25px 0px;
	font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 36px;
}

#additional-links .title-header {
	width: 100%;
	text-align: center;
	padding: 45px 0px 15px 0px;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 40px;
}

#additional-links .title-subheader {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center;
}

#additional-links .link-grid {
	display: flex;
}

#additional-links .link-grid .replacement-parts,
#additional-links .link-grid .gopro-care,
#additional-links .link-grid .faq,
#additional-links .link-grid .videos,
#additional-links .link-grid .support,
#additional-links .link-grid .karma-battery,
#additional-links .link-grid .mounting-ring,
#additional-links .link-grid .session-harness,
#additional-links .link-grid .karma-propellers {
	position: relative;
	flex-grow: 1;
	flex-basis: 0;
	height: 310px;
	background-color: #f3f3f3;
}

.karma-wrapper #additional-links .link-grid .replacement-parts,
.karma-wrapper #additional-links .link-grid .gopro-care,
.karma-wrapper #additional-links .link-grid .faq,
.karma-wrapper #additional-links .link-grid .videos,
.karma-wrapper #additional-links .link-grid .support,
.karma-wrapper #additional-links .link-grid .karma-battery,
.karma-wrapper #additional-links .link-grid .mounting-ring,
.karma-wrapper #additional-links .link-grid .session-harness {
	height: auto;
}

#additional-links .link-grid .karma-battery,
#additional-links .link-grid .mounting-ring,
#additional-links .link-grid .session-harness,
#additional-links .link-grid .karma-propellers {
	height: 310px;
}

#additional-links .link-grid .image {
	min-height: 130px;
}

/* .karma-wrapper #additional-links .link-grid .info {
	min-height: 165px;
} */

#additional-links .link-grid .info {
	min-height: 90px;
}

#additional-links .link-grid .replacement-parts,
#additional-links .link-grid .gopro-care,
#additional-links .link-grid .karma-battery,
#additional-links .link-grid .mounting-ring,
#additional-links .link-grid .session-harness,
#additional-links .link-grid .karma-propellers {
	margin-right: .6%;
}

#additional-links .link-grid .faq {
	background-color: #f3f3f3;
}

#additional-links .link-grid img {
	display: block;
	margin: 25px auto 10px auto;
}

.accessories-wrapper #additional-links .link-grid img {
	margin: 25px auto 0px auto;
}

.accessories-wrapper #additional-links .link-grid .mounting-ring img,
.accessories-wrapper #additional-links .link-grid .session-harness img {
	margin: 45px auto 0px auto;
}

#additional-links .link-grid .title {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 28px;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.accessories-wrapper #additional-links .link-grid .title {
	margin-bottom: 0;
}

#additional-links .link-grid .sub-title {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 50px;
}

#additional-links .link-grid .description {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    width: 80%;
    margin: 0 auto 10px auto;
    text-align: center;
    padding-bottom: 50px;
}

#additional-links .link-grid .learn-more-link {
	position: absolute;
	bottom: 2%;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	z-index: inherit;
}

#additional-links .link-grid .learn-more-link a {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 100%;
    color: #009fdf;
    display: block;
    margin: auto;
    line-height: 18px;
}

.karma-subnav .mobile-nav {
	display: none;
}

.karma-subnav .mobile-nav-box {
	background-color: transparent;
    font-family: PFDinTextPro, Helvetica, Arial, sans-serif;
    max-height: 100vh;
    min-height: 260px;
    /*overflow: scroll;*/
    padding: 47px 0 0;
    position: absolute;
    width: 100%;
    z-index: 1000;
    opacity: 0;
    left: -9999px;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
    visibility: visible;
}

.grip-reviews-header {
	font-size: 64px;
    line-height: 55px;
    color: #333;
    margin: 0;
    font-family: proxima_nova_rgbold;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
}
.karma-subnav .subnav-stars {
	margin-top: 12px;
	transform: none;
	float: right;
	margin-right: 10px;
}
.karma-subnav .yotpo-number-of-reviews {
	margin: 0;
}
.grip-review-stars-container {
	display: inline-block;
}
.yotpoTop .grip-review-stars-container .yotpo .yotpo-icon-default-half-star:before, .yotpoTop .yotpo .yotpo-icon-half-star:before {
	display: inline-block;
	transform: scale(0.7);
	margin-top: -4px;
}
.grip-review-stars-container  .yotpo-bottomline .text-m {
	display: inline-block !important; /*overrides an important from style.css*/ 
}

/*****
END FEATURES PAGE
*/



/*****
WHAT'S INCLUDED PAGE

*/

.whats-included-wrapper {
	width: 100%;
}

.main-header {
	width: 100%;
	box-shadow: 0px 6px 5px -3px #ccc;
	z-index: 10;
	position: relative;
}

.karma-bundle-wrapper .main-header {
	box-shadow: none;
}

.main-header .content {
	margin: 177px auto 0 auto;
    text-align: center;
    width: 35%;
    height: 195px;

}

.karma-bundle-wrapper .main-header .content {
	height: auto;
}

.karma-bundle-wrapper .bundle-container {


}

.karma-bundle-wrapper .karma-subnav .notify-link button#add-to-cart,
.stabilization .karma-subnav  button#add-to-cart{
	background: #3ebaea;
	height: 35px;
	font-family: proxima_nova_rgbold;
	font-size: 12px;
	min-width: 139px;
	text-align: center;
}

.karma-bundle-wrapper .coming-soon {
	width: 100%;
	height: 225px;
	text-align: center;
	padding-top: 40px;
}

.karma-bundle-wrapper .coming-soon .boxes {
	min-height: 45px;
}

.karma-bundle-wrapper .coming-soon .title {
	width: 100%;
	margin-bottom: 20px;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 24px;
    color: #666;
}

.karma-bundle-wrapper .coming-soon .hero5-compatibility,
.karma-bundle-wrapper .coming-soon .hero5-session-compatibility,
.karma-bundle-wrapper .coming-soon .hero5-session {
	border: 1px solid #ccc;
	display: inline;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #666;
    padding: 10px;
}

.karma-bundle-wrapper .coming-soon .hero5-compatibility,
.karma-bundle-wrapper .coming-soon .hero5-session-compatibility {
	margin-right: 2%;
}

.karma-bundle-wrapper .coming-soon .get-notified {
	width: 100%;
	margin-top: 20px;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #666;
}

.karma-bundle-wrapper .coming-soon .get-notified a {
	color: #009fdf;
}

.karma-bundle-wrapper .bundle-container .bundles {
	background-size: auto 100%;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, #fafafa 5px, #fafafa 7px);
	width: 80%;
	padding-bottom: 15px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.karma-bundle-wrapper .bundle-container .bundles .choice-container {
	overflow: hidden;
	max-width: 1050px;
	margin: 0 auto;
	text-align: center; /*ecomm-1853: temporarily reduce # of bundles to 2*/
}

.karma-bundle-wrapper .bundle-container .karma-hero5,
.karma-bundle-wrapper .bundle-container .karma-hero4-harness,
.karma-bundle-wrapper .bundle-container .karma-hero5-harness {
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin: 25px 0 0 4%;
}

.karma-bundle-wrapper .bundle-container .gopro-care {
	width: 60%;
    margin: 60px auto 0 auto;
    /* text-align: center; */
    overflow: hidden;
}

.karma-bundle-wrapper .bundle-container .gopro-care .price {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
    float: left;
    padding-top: 36px;
    padding-left: 10%;
}

.karma-bundle-wrapper .bundle-container .gopro-care-add-to-cart .price {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 32px;
    color: #666;
    width: 100%;
    padding: 0;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .title {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 24px;
    text-align: center;
    color: #666;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-care-radio,
.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-sdcard-radio,
.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-battery-radio,
.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-propeller-radio  {
	overflow: hidden;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-care-radio,
.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-sdcard-radio,
.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-battery-radio,
.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-propeller-radio {
	margin-bottom: 30px;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-care-radio,
.karma-bundle-wrapper .bundle-container .gopro-care .goprocare-title,
.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-sdcard-radio {
	display: none;
}

.karma-bundle-wrapper .bundle-container .gopro-care-add-to-cart {
	text-align: center;
	padding-top: 20px;
	margin-bottom: 100px;
}

.karma-bundle-wrapper .bundle-container .gopro-care-add-to-cart button {
	width: 245px;
	height: 44px;
	text-align: center;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .logo {
	float: left;
	max-width: 75px;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .choose {
	float: right;
    padding-top: 20px;
    padding-left: 3%;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .terms-conditions {
	width: 90%;
	float: left;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding-left: 2%;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .terms-conditions a {
	color: #009fdf;
	font-family: proxima_novasemibold;
	font-size: 12px;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .description {
	width: 45%;
	float: left;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 24px;
    color: #666;
    padding: 24px 0 0 3%;
}
.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .sdcard-popup-link{
	width: 90%;
	padding: 4px 0 0 0;
}

.karma-bundle-wrapper .bundle-container .karma-hero4-harness .show-choice .image img {
	/*padding-left: 15%;*/
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice {
	background-color: #fff;
    width: 100%;
    height: 160px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice div {
	/*float: left;*/
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice .price-choose {
	overflow: hidden;
	margin: 0 auto;
    width: 90%;
    text-align: center;
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice .image {
	width: 80%;
	text-align: center;
	margin: auto;
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice .price {
	display: inline-block;
	vertical-align: top;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding-top: 10px;
    color: #666;
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice .choose {
	display: inline-block;
	padding: 0px 0 0 8%;
}

.karma-bundle-wrapper .bundle-container .bundle .bundle-slot-message {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-align: center;
    color: #666666;
    padding-top: 15px;
}

.karma-bundle-wrapper .bundle-top-slot-message {
	text-align: center;
    font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 22px;
    color: #666;
}

.karma-bundle-wrapper .upsell-right-section {
    display: inline-block;
    text-align: center;
    float: right;
    cursor: pointer;
}

.karma-bundle-wrapper #gpc-circle-checkbox, .karma-bundle-wrapper #sdcard-circle-checkbox {
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #666;
    height: 35px;
    width: 35px;
    margin: auto;
}

.karma-bundle-wrapper #gpc-circle-checkbox:hover, .karma-bundle-wrapper #sdcard-circle-checkbox:hover, .karma-bundle-wrapper #gpc-circle-checkbox.checked, .karma-bundle-wrapper #sdcard-circle-checkbox.checked {
    border-color: #009fdf;
}

.upsell-checkmark {
    width: 21px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    position: relative;
    top: 10px;
    left: 6px;
}

.upsell-checkmark.checked {
	border-color: #009fdf;
}

.pdp-upsell-popups .bottomhalf .gopro-chevron-right {
	color: #fff;
}
.pdp-upsell-popups .bottomhalf .gpcare-terms {
	font-family: Arial;
}
.pdp-upsell-popups .bottomhalf .gpcare-terms a {
	color: #009fdf;
}
.pdp-upsell-popups .bottomhalf .upsell-checkmark {
	width: 10px;
	height: 5px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	top: 6px;
	left: 5px;
}

.karma-bundle-wrapper .bundle-container .bundle .title-container {
	height: 72px;
}

.karma-bundle-wrapper .bundle-container .bundle .title {
	text-align: center;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 22px;
    color: #666;
    /*margin-bottom: 25px;*/
}

.karma-bundle-wrapper .bundle-container .bundle .subtitle {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-align: center;
    color: #666666;
}

.karma-bundle-wrapper .bundle-container .bundle .subtitle a {
	color: #009fdf;
}

.main-header .content {
	width: 40%;
}

.karma-bundle-wrapper .main-header .content {
	margin: 180px auto 20px auto;
}

.main-header .title {
	font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 60px;
}

.karma-bundle-wrapper .main-header .title {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 40px;
    color: #666;
}

.karma-bundle-wrapper .main-header .subtitle {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 24px;
    color: #666;
}

.main-header .sub-title {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #666;
}

.main-header .product-features-link {
	margin-top: 25px;
}

.main-header .product-features-link a {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #009fdf;
}

.product-grid {
	width: 100%;
	min-height: 1332px;
	background-color: #f3f3f3;
	position: relative;
	box-shadow: 0px 6px 5px -3px #ccc;
}

.stabilization .product-grid {
	min-height: 1040px;
}

.whats-included-wrapper.stabilization .product-grid {
	min-height: 1300px;
}

.whats-included-wrapper .product-grid .karma-controller {
	position: absolute;
    top: 8%;
    left: 12%;
}

.whats-included-wrapper .product-grid .karma-drone {
	position: absolute;
    top: 3%;
    left: 41%;
}

.whats-included-wrapper .product-grid .karma-stabilizer {
	position: absolute;
    top: 14%;
    left: 69%;
}

.whats-included-wrapper .product-grid .karma-charger {
	position: absolute;
    top: 41%;
    left: 14%;
    width: 12%;
}

.whats-included-wrapper .product-grid .karma-battery {
	position: absolute;
    top: 47%;
    left: 27%;
    width: 12%;
}

.whats-included-wrapper .product-grid .karma-propellers {
	position: absolute;
	top: 47%;
    left: 41%;
}

.whats-included-wrapper .product-grid .karma-grip {
	position: absolute;
	top: 41%;
    left: 72%;
    width: 12%;
}

.whats-included-wrapper .product-grid .karma-link {
	position: absolute;
	top: 71%;
    left: 72%;
    width: 12%;
}

.whats-included-wrapper .product-grid .karma-case {
	position: absolute;
	top: 67%;
    left: 25%;
}

.whats-included-wrapper .product-grid .karma-stabilizer {
	position: absolute;
}

.whats-included-wrapper .product-grid .karma-usb {
	position: absolute;
}

.whats-included-wrapper .product-grid .karma-lanyard {
	position: absolute;
}

.whats-included-wrapper .product-grid .karma-tie-down-strap {
	position: absolute;
}

.whats-included-wrapper .product-grid .karma-mounting-ring {
	position: absolute;
}

.whats-included-wrapper .product-grid .karma-hero4-harness {
	position: absolute;
}

.stabilization.whats-included-wrapper .product-grid .karma-grip {
	left: 12%;
    top: 7%;
}

.stabilization.whats-included-wrapper .product-grid .karma-stabilizer {
	left: 40%;
    top: 13%;
}

.stabilization.whats-included-wrapper .product-grid .karma-charger {
	top: 50%;
}

.stabilization.whats-included-wrapper .product-grid .karma-usb {
	top: 45%;
	left: 12%;
}

.stabilization.whats-included-wrapper .product-grid .karma-lanyard {
	top: 45%;
	left: 32%;
}

.stabilization.whats-included-wrapper .product-grid .karma-tie-down-strap {
	top: 48%;
    left: 54%;
}

.stabilization.whats-included-wrapper .product-grid .karma-mounting-ring {
	top: 46%;
    left: 74%;
}

.stabilization.whats-included-wrapper .product-grid .karma-hero4-harness {
	left: 72%;
    top: 12%;
}

.stabilization.whats-included-wrapper .product-grid .karma-link {
	top: 60%;
    left: 74%;
}

.stabilization.whats-included-wrapper .product-grid .karma-case {
	top: 64%;
    left: 28%;
}

.whats-included-wrapper .product-grid .tooltip-link {
	height: 23px;
}

.whats-included-wrapper .product-grid .tooltip-link a {
	display: block;
	width: 81%;
	height: 100%;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #009fdf;
    background: url(../images/karma-2016/explore-icon.png) no-repeat left;
    padding: 0% 0 0 19%;
    outline: none;
}

.whats-included-wrapper .product-grid .karma-controller .tooltip-link {
	width: 70%;
    margin: 15% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-drone .tooltip-link {
	width: 58%;
    margin: 3% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-stabilizer .tooltip-link {
	margin: 13% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-charger .tooltip-link {
	width: 100%;
    margin: 3% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-battery .tooltip-link {

}

.whats-included-wrapper .product-grid .karma-propellers .tooltip-link {
	width: 78%;
	margin: 10% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-grip .tooltip-link {
	margin: 18% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-link .tooltip-link {
	margin: 15% auto 0 auto;
    width: 92%;
}

.whats-included-wrapper .product-grid .karma-case .tooltip-link {
	width: 27%;
    margin: 3% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-drone .tooltip-link a {
	padding: 0% 0 0 25%;
	border: none;
}

.whats-included-wrapper .product-grid .karma-case .tooltip-link a {
	padding: 0% 0 0 27%;
}

.whats-included-wrapper .product-grid .karma-hero4-harness .tooltip-link a {
	padding: 0% 0 0 22%;
}

.stabilization.whats-included-wrapper .product-grid .karma-stabilizer .tooltip-link a {
	padding: 0% 0 0 25%;
}

.stabilization.whats-included-wrapper .product-grid .karma-case .tooltip-link a {
	padding: 0% 0 0 42%;
}

.stabilization.whats-included-wrapper .product-grid .karma-hero4-harness .tooltip-link {
	margin: 39% auto 0 auto;
}

.stabilization.whats-included-wrapper .product-grid .karma-case .tooltip-link {
	margin: 5% auto 0 auto;
	width: 20%;
}

.popover-title {
	display: block;
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
}

.popover-content {
	display: block;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 14px;

}

.whats-included-wrapper .camera-upsell {
	min-height: 410px;
	overflow: hidden;
	box-shadow: 0px 6px 5px -3px #ccc;
}

.whats-included-wrapper .camera-upsell .header {
	float: left;
	width: 100%;
	font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 36px;
    text-align: center;
    padding: 40px 0;
}

.whats-included-wrapper .camera-upsell .content {
	width: 100%;
	padding-bottom: 50px;
	overflow: hidden;
}

.whats-included-wrapper .camera-upsell .cameras {
	float: left;
	width: 50%;
	padding-left: 5%;
	/*margin: 0 auto;*/
}

.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container {
	width: 22%;
    margin: 0 5% 0 5%;
    vertical-align: bottom;
    display: inline-block;
}

.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container .camera .image {
	width: auto;
    height: auto;
}

.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container .camera button.add-to-cart {
	background: none;
	color: #00a2e3;
	padding: 0;
}

.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container .camera .gopro-chevron-right {
	padding-left: 7%;
	color: #00a2e3;
}

.whats-included-wrapper .camera-upsell .description {
	float: right;
	width: 39%;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding: 60px 0 0 4%;
}

.whats-included-wrapper .camera-upsell .description .copy {
	width: 75%;
}

#additional-links .link-grid .videos {
	margin-right: .6%;
}

#additional-links .link-grid .faq {
	margin-right: .6%;
}

.whats-included-wrapper #additional-links .link-grid .support {
	margin-right: 0;
}

/*****
END WHAT'S INCLUDED PAGE

*/



/***

ACCESSORIES PAGE

*/

.accessories-wrapper .main-header {
	box-shadow: none;
}

.accessories-wrapper .main-header .content {
	width: 60%;
	height: 105px;
}

.accessories-grid {
	width: 100%;
	box-shadow: 0px 6px 5px -3px #ccc;
	z-index: 10;
	overflow: hidden;
}

.accessories-grid .row {
	margin-bottom: 50px;
	overflow: hidden;
}

.accessories-grid .row .details {
	position: relative;
}

.accessories-grid .row .details .product-add-to-cart {
	float: right;
	height: 30px;
}

.accessories-grid .row .details .product-add-to-cart .btn,
#additional-links .link-grid .product-add-to-cart .btn,
#additional-links .link-grid .learn-more-link a {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 11px 12px 9px 12px;
    width: 150px;
    color: #fff;
    background-color: #009fdf;
    box-sizing: border-box;
    text-align: center;
}
#additional-links .link-grid .learn-more-link a {
	width: 150px;
}

.accessories-seeker .gopro-chevron-right:before {
	color: #fff;
}
@-moz-document url-prefix() {
	#karma-lp .accessories-seeker .gopro-chevron-right:before{
		position: relative;
	    top: -16px;	
	}
}

.accessories-wrapper #additional-links .gopro-chevron-right:before {
	color: #009FDF;
}

.accessories-grid .row .details .title-row {
	overflow: hidden;
	padding: 2% 13% 1% 4%;
}

.accessories-grid .row .details .title-row .copy {
	width: 100%;
}

.accessories-grid .row .details .title-row .copy .title {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
	font-size: 28px;
}

.accessories-grid .row .details .title-row .coming-fall {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
	font-style: italic;
    font-size: 14px;
    color: #999;
}

.accessories-grid .row .details .title-row .price,
#additional-links .link-grid .price {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
	font-size: 16px;
}

.accessories-grid .row .details .product-gpplus-price,
.accessories-grid .row .details .product-gpplus-price span, 
.accessories-grid .row .details .product-gpplus-price img,
.accessories-grid .row .details .product-gpplus-price div {
	position: static;
	display: inline;
    color: #009fdf;
    vertical-align: baseline;
    margin-right: 5px;
}
.accessories-grid .row .details .product-price .price-standard {
	text-decoration: line-through;
}
.accessories-grid .row .details .product-gpplus-price {
	display: inline-block;
}
.accessories-grid .row .details .product-gpplus-price .gppLogo {
	float: right;
	margin: 3px 0 0 -4px;
}

.accessories-grid .row .details .title-row .notify-link {
	display: inline-block;
    float: right;
}

.accessories-grid .row .details .title-row .notify-link a {
	display: inline-block;
	color: #fff;
	background-color: #009fdf;
    font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 12px;
	padding: 11px 12px 9px 12px;
	width: 126px;
	text-align: center;
    /*background: #fff url(../images/karma-2016/notify-me-icon.jpg) no-repeat;*/
    /*padding-left: 25px;*/
}

.accessories-grid .row .details .description-row {
	overflow: hidden;
	padding: 2% 13% 6% 4%;
}

.accessories-grid .row .details .description-row .title {
	width: 100%;
	float: left;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}

.accessories-grid .row .details .description-row .description {
	width: 100%;
	float: left;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #666;
}

.accessories-grid .row .details .video-row {
	/*position: absolute;
    bottom: 0;*/
    height: 189px;
    margin-left: 5px;
}

.accessories-grid .row .details .video-row a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.accessories-grid .row .details .video-row .left {
	float: left;
	width: 49%;
	height: 100%;
	/*margin-right: 5px;*/
}

.accessories-grid .row .details .video-row .right {
	float: right;
	width: 50%;
	height: 100%;
}

.accessories-grid .hero-image {
	width: 50%;
	min-height: 384px;
	float: left;
}

.accessories-grid .accessories-grip-extension-cable .hero-image {
	background: #fff url(../images/karma-2016/accessories-hero-grip-extension.jpg) no-repeat !important;
	background-size: cover !important;
	background-position: center top !important;
}

.accessories-grid .accessories-seeker .hero-image {
	background: #fff url(../images/karma-2016/accessories-hero-seeker.jpg) no-repeat !important;
	background-size: cover !important;
	background-position: center top !important;
}

.accessories-grid .accessories-grip-handle .hero-image {
	background: #fff url(../images/karma-2016/accessories-hero-grip-handle.jpg) no-repeat !important;
	background-size: cover !important;
	background-position: center top !important;
}

.accessories-grid .details {
	width: 50%;
	min-height: 384px;
	float: right;
}

.accessories-grid .details img {
	position: absolute;
	bottom: 0;
}

#additional-links .link-grid .karma-propellers,
#additional-links .link-grid .karma-battery,
#additional-links .link-grid .replacement-parts {
	height: auto;
}

#additional-links .link-grid .price {
	text-align: center;
	margin: 8px 0 12px 0; 
}
.accessories-wrapper #additional-links .product-add-to-cart {
	position: absolute;
	bottom: 2%;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

.accessories-wrapper #additional-links .product-add-to-cart button {
	background: none;
    color: #00a2e3;
    padding: 0;
}

.accessories-wrapper #additional-links .all-accessories-link {
	text-align: center;
	padding-bottom: 20px;
}

.accessories-wrapper #additional-links .all-accessories-link a {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #00a2e3;
    text-transform: uppercase;
}

/*****
END ACCESSORIES PAGE

*/


/***

TECH SPECS PAGE

*/

.tech-specs-container {
	width: 100%;
    min-height: 1332px;
    background-color: #f3f3f3;
    position: relative;
    box-shadow: 0px 6px 5px -3px #ccc;
    padding: 50px 0;
}

.stabilization .tech-specs-container {
	min-height: 680px;
}

.tech-specs-grid {
    width: 80%;
    margin: 0 auto;
}

.tech-specs-grid .specs-container {
	overflow: hidden;
	padding: 35px 0 40px 0;
}

.tech-specs-grid .specs-container .show-mobile {
	display: none;
}

.tech-specs-grid .specs-container .image {
	float: left;
    width: 32%;
}

.tech-specs-grid .specs-container .image img {
	display: block;
	margin: 0 auto;
}

.tech-specs-grid .specs-container .specs {
	float: left;
	width: 60%;
	padding-left: 7%;
}

.tech-specs-grid .specs-container .specs .spec {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #000;
    width: 60%;
}

.tech-specs-grid .specs-container .specs td {
	padding-bottom: 2%;
}

.tech-specs-grid .specs-container .specs .value {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
}

.tech-specs-grid .title {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 24px;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px;
    margin-bottom: 50px;
}

.camera-compatibility {
	box-shadow: 0px 6px 5px -3px #ccc;
}

.camera-compatibility .header {
	float: left;
    width: 100%;
    font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 46px;
    text-align: center;
    padding: 40px 0 0 0;
}

.camera-compatibility .subheader {
	float: left;
    width: 100%;
    text-align: center;
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
    margin-bottom: 70px;
}

.whats-included-wrapper .camera-compatibility {
	height: 652px;
	box-shadow: 0px 6px 5px -3px #ccc;
	padding-bottom: 60px;
}

.compatibility-chart {
	overflow: hidden;
	padding-left: 10%;
}

.compatibility-chart .features {
	width: 20%;
    float: left;
}

.compatibility-chart .chart {
	width: 80%;
    float: left;
}

.compatibility-chart .chart.mobile {
	display: none;
}

.compatibility-chart .chart table {
	width: 100%;
}

.compatibility-chart .chart table th,
.compatibility-chart .chart table td {
	text-align: center;
}

.compatibility-chart .chart table th {
	padding-bottom: 60px;
}

.compatibility-chart .buynow {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #00a2e3;
    text-transform: uppercase;
    padding-top: 25px;
}

.compatibility-chart .chart table td.chart-item {
	padding: 2% 0;
	border-bottom: 1px solid #d6d6d6;
}

.compatibility-chart .chart .chart-item.title {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 20px;
    text-align: left;
    text-transform: none;
}

/*****
END TECH SPECS PAGE

*/


/******

VIDEOS PAGE

*/

.karma-videos-wrapper .top-section {
	background: #000 url(../images/karma-2016/hero-karma-videos-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
	height: 555px;
	position: relative;
}

.karma-videos-wrapper .overlay .price {
	display: none;
}

.karma-videos-wrapper .top-section .overlay {
	top: 70%;
}

.karma-videos-wrapper .carousel {
	width: 90%;
    margin: 0 auto;
    padding-bottom: 60px;
}

.karma-videos-wrapper .carousel .item {
	/*width: 478px;*/
	margin-right: 2%;
}

.karma-videos-wrapper .carousel .item img {
	width: 478px;
	height: 269px;
}

.karma-videos-wrapper .header {
	padding: 35px 0 20px 0;
}

.karma-videos-wrapper .subheader {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #666;
    width: 100%;
    text-align: center;
    padding-bottom: 25px;
}

/* Styles for Bootstrap progress bar */

.progress {
  width: 90%;
  position: relative;
  margin: 0 auto;
  height: 7px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 7px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #353535;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
  border-radius: 5px;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

/*****
END VIDEOS PAGE

*/



/******

FAQ PAGE

*/

.karma-faq-wrapper .top-section {
	background: #000 url(../images/karma-2016/hero-karma-faq-lg.jpg) no-repeat !important;
	background-size: 100% 100% !important;
    height: 555px;
    position: relative;
}

.karma-faq-wrapper .top-section .title,
.karma-videos-wrapper .top-section .title {
	position: absolute;
    top: 48%;
    font-family: "PFDinTextPro-Light", Helvetica, Arial, sans-serif;
    font-size: 60px;
    margin: 0 auto;
    width: 30%;
    left: 0;
    right: 0;
    text-align: center;
}

.karma-videos-wrapper .top-section .title {
	color: #fff;
	top: 42%;
}

.karma-faq-wrapper .top-section .subtitle,
.karma-videos-wrapper .top-section .subtitle {
	position: absolute;
    top: 61%;
    font-family: "PFDinTextPro-Light", Helvetica, Arial, sans-serif;
    font-size: 24px;
    width: 34%;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.karma-videos-wrapper .top-section .subtitle {
	color: #fff;
	top: 55%;
	width: 40%;
}

.product-support {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

.product-support .product-row {
	width: 100%;
	overflow: hidden;
	padding-left: 2%;
}

.karma-faq-wrapper .title-header {
	width: 100%;
    text-align: center;
    padding: 45px 0px 15px 0px;
    font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 36px;
}

.karma-faq-wrapper .title-subheader {
	width: 100%;
    text-align: center;
    padding-bottom: 40px;
    font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 20px;
}

.product-support .product-row .block {
	float: left;
	position: relative;
	/*width: 295px;*/
	width: 23%;
	height: 197px;
	background-color: #f3f3f3;
	margin: 0 5px 5px 0;
	-webkit-transition: max-height .5s ease-out;
	-moz-transition: max-height .5s ease-out;
	transition: max-height .5s ease-out;
	border: 1px solid #f3f3f3;
	cursor: pointer;
}

.product-support .product-row .block.selected {
	background-color: #fff;
	border: 1px solid #009fdf;
}

.product-support .product-row .block .title {
	font-family: "Proxima Nova Light",Arial,Helvetica,sans-serif;
    font-size: 20px;
    position: absolute;
    bottom: 10%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.product-support .product-row div img {
	display: block;
    position: absolute;
    top: 15%;
    margin: auto;
    left: 0;
    right: 0;
}

.info-section {
	width: 95%;
	overflow: hidden;
	max-height: 0;
	position: relative;
	height: 500px;
	padding-left: 1%;
}

.info-section.mobile {
	display: none;
	max-height: 0;
	height: 420px;
}

.info-section .faq-panel {
	width: 100%;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.info-section .faq-panel.selected {
	opacity: 1;
	z-index: 2;
}

.info-section .faq-questions {
	position: relative;
	float: left;
	overflow: hidden;
	width: 25%;
	margin: 40px 0;
    border-right: 3px solid #f3f3f3;
    padding: 15px;
}

.info-section .faq-questions .question {
	padding-bottom: 32px;
}

.info-section .faq-questions .download-quick-start {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
    border: 1px solid #666;
    padding: 4%;
    text-align: center;
}

.info-section .faq-questions .download-quick-start a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.info-section .faq-questions .question a {
	padding: 15px 3% 15px 1%;
    font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #999;
}

.info-section .faq-questions .question a:hover {
	color: #000;
}

.info-section .faq-questions .question.selected a {
	color: #000;
}

.info-section .faq-answer {
	position: relative;
	float: left;
	/*overflow: hidden;*/
	width: 60%;
	padding: 56px 0 0 5%;
}

.info-section .faq-answer .title {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 28px;
    margin-bottom: 30px;
}

.info-section .faq-answer .answer {
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    z-index: 0;
}

.info-section .faq-answer .answer.selected {
	opacity: 1;
	z-index: 1;
}

.info-section .faq-answer .answer .copy {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
}

.info-section .faq-answer .answer .links {
	overflow: hidden;
	margin-top: 30px;
}

.info-section .faq-answer .answer .links .support,
.info-section .faq-answer .answer .links .video {
	float: left;
}

.info-section .faq-answer .answer .links .support {
	margin-right: 5%;
}

.info-section .faq-answer .answer .links a {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #00a2e3;
    text-transform: uppercase;
}

.other-support {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 2%;
}

.other-support div {
	/*width: 295px;*/
	width: 24%;
	float: left;
	margin-right: 5px;
}

.got-you-covered {
	width: 100%;
	margin: 0 auto;
	box-shadow: 0px 6px 5px -3px #ccc;
}

.got-you-covered .container {
	width: 90%;
	padding-bottom: 45px;
}

.got-you-covered .gopro-care {
	overflow: hidden;
    border: 12px solid #e7e7e7;
}

.got-you-covered .gopro-care .image {
	width: 48%;
    float: left;
    padding: 2% 0 0 3%;
}

.got-you-covered .gopro-care .content {
	width: 40%;
    float: left;
}

.got-you-covered .gopro-care .content .title {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 28px;
    padding: 50px 0 15px 0;
}

.got-you-covered .gopro-care .content .details {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    color: #666;
}

.got-you-covered .gopro-care .content .pricing {
	margin-top: 20px;
}

.got-you-covered .gopro-care .content .pricing .price {
	font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 28px;
    margin-right: 20px;
}

.got-you-covered .gopro-care .content .pricing .learn-more-link a {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #00a2e3;
    text-transform: uppercase;
}


/*****
END FAQ PAGE

*/



@media (min-width: 1024px) and (max-width: 1358px) {

.karma-bundle-wrapper .bundle-container .bundle .title {
	font-size: 22px;
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice .price-choose {
	width: 60%;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .description {
	font-size: 22px;
}

}

@media (min-width: 1024px) and (max-width: 1280px) {

.karma-bundle-wrapper .bundle-container .karma-hero5,
.karma-bundle-wrapper .bundle-container .karma-hero4-harness,
.karma-bundle-wrapper .bundle-container .karma-hero5-harness {
	margin: 25px 0 0 2%;
}

}

@media (min-width: 1024px) and (max-width: 1246px) {

.karma-bundle-wrapper .bundle-container .bundle .title {
	font-size: 20px;
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice .price-choose {
	width: 57%;
}

.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .description {
	font-size: 20px;
}

}

@media (min-width: 1024px) and (max-width: 1198px) {

.karma-bundle-wrapper .bundle-container .karma-hero5,
.karma-bundle-wrapper .bundle-container .karma-hero4-harness,
.karma-bundle-wrapper .bundle-container .karma-hero5-harness {
	width: 270px;
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice .price-choose {
	width: 65%;
}

}

@media (min-width: 1024px) and (max-width: 1177px) {

.karma-bundle-wrapper .bundle-container .bundle .title {
	font-size: 18px;
}

.karma-bundle-wrapper .bundle-container .bundle .show-choice .price-choose {
	width: 65%;
}



}



/*
MEDIA QUERIES FOR TABLET / MOBILE VIEWS
*/

@media (min-width: 731px) and (max-width: 1024px) {

#features-details .product .details-views {
	margin: 25px 0 0 20px;
}

#features-details #drone.product .clickable-image.top {
	margin: 4% 0 0 20%;
}

#features-details #drone.product .clickable-image.front {
	margin: 20% 0 0 0%;
}

#features-details #drone.product .clickable-image.back {
	margin: 18% 0 0 4%;
}

#features-details .product .details-footer .features-boxes {
	width: 100%;
	float: none;
	margin-left: 20%;
}

#features-details .product .clickable-titles.front .unobstructed-view {
	left: 3%;
}

#features-details #grip.product .clickable-image {
	margin: 8% 0 0 15%;
}

#features-details #grip.product .clickable-image .product-image-container img {
	max-width: 85%;
}

#features-details .product .clickable-titles .karma-grip {
	width: 169px;
}

#features-details .product .clickable-titles.front .quiet-flight {
	width: 26%;
}

#features-details .product .clickable-titles.front .landing-gear {
	width: 34%;
}

#features-details .product .clickable-titles.front .unobstructed-view {
	width: 38%;
}

#features-details .product .clickable-titles.front .fisheye-compensation {
	width: 38%;
}

#features-details .product .clickable-titles span {
	width: 85%;
}

#features-details .product .grip-markers li.karma-grip {
	left: 67%;
}

#features-details .product .clickable-titles .karma-grip {
	left: 68%;
}

#features-details .product .clickable-titles .body-gear-mountable {
	width: 45%;
}

#features-details .product .details-views div {
	width: 190px;
}

#features-details #controller.product .clickable-image.front {
	margin: 4% 0 0 28%;
}

#features-details .product .clickable-titles.front .touch-display {
	width: 236px;
}

#features-details .product .clickable-titles.front .smart-controls {
	width: 267px;
}

#features-details .product .clickable-titles.display .preflight-training {
	top: -7%;
    left: 32%;
    width: 312px;
    height: 140px;
	background: url(../images/karma-2016/preflight-training-pointer-tablet.png) no-repeat 0px 0px;
}

#features-details #controller.product .clickable-image.display {
	margin: 15% 0 0 24%;
}

.main-header .content {
	width: 59%;
}

.karma-bundle-wrapper .main-header .content {
	margin: 175px auto 0 auto;
}

.tech-specs-wrapper .main-header .content {
	width: 65%;
}

.whats-included-wrapper .product-grid .tooltip-link a {
	font-size: 15px;
}

.whats-included-wrapper .product-grid img {
	width: 78%;
}

.whats-included-wrapper .product-grid .karma-case img{
	 width: 75%;
     margin-left: 1%;
}

.whats-included-wrapper .product-grid .karma-controller {
	left: 7%
}

.whats-included-wrapper .product-grid .karma-drone {
	left: 40%;
}

.whats-included-wrapper .product-grid .karma-stabilizer {
	left: 72%;
}

.whats-included-wrapper .product-grid .karma-drone .tooltip-link {
	width: 83%;
    margin: 12% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-drone .tooltip-link a {
	padding: 0% 0 0 20%;
}

.whats-included-wrapper .product-grid .karma-stabilizer .tooltip-link {
	margin: 13% auto 0 auto;
}

.stabilization.whats-included-wrapper .product-grid .karma-stabilizer .tooltip-link {
	margin: 24% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-battery {
	left: 28%;
}

.whats-included-wrapper .product-grid .karma-propellers {
	left: 43%;
}

.whats-included-wrapper .product-grid .karma-grip {
	left: 77%;
	top: 41%;
}

.whats-included-wrapper .product-grid .karma-link {
	left: 82%;
	top: 73%;
}

.whats-included-wrapper .product-grid .karma-battery .tooltip-link {
	width: 100%;
    margin: 3% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-battery .tooltip-link a {
	padding: 5% 0 0 33%;
}

.whats-included-wrapper .product-grid .karma-charger .tooltip-link a {
	padding: 5% 0 0 33%;
}

.whats-included-wrapper .product-grid .karma-propellers .tooltip-link a {
	padding: 4% 0 0 15%;
}

.whats-included-wrapper .product-grid .karma-propellers .tooltip-link {
	width: 80%;
    margin: 29% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-grip .tooltip-link {
	margin: 80% auto 0 auto;
}

.whats-included-wrapper .product-grid .karma-grip .tooltip-link a {
	padding: 2% 0 0 37%;
}

.whats-included-wrapper .product-grid .karma-link .tooltip-link {
	width: 98%;
}

.whats-included-wrapper .product-grid .karma-link .tooltip-link a {
	padding: 4% 0 0 36%;
}

.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container {
	width: 24%;
	margin: 0 3% 0 5%;
}

.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container .camera button.add-to-cart {
	font-size: 14px;
}

.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container .camera .gopro-chevron-right {
	padding-left: 5%;
}

.accessories-grid .row .details .title-row .copy {
	height: 40px;
}
.accessories-wrapper .main-header .content {
	height: 160px;
}	

.tech-specs-grid {
	width: 90%;
}

.compatibility-chart {
	padding-left: 5%;
}

.compatibility-chart .chart {
	width: 90%;
}

#passenger-app {
	height: 492px;
    margin-bottom: 30px;
}

#passenger-app .container {
	/*background: url(../images/karma-2016/passenger-app-hero-tablet.jpg) no-repeat left;*/
	background: url(../images/karma-2016/passenger-app-hero-2x.jpg) no-repeat left;
	background-size: cover;
	/*height: 432px;*/
	height: 100%;
}

#passenger-app .container .overlay {
	width: 311px;
    height: 273px;
    right: 40px;
}

#video-tutorials {
	min-height: 479px;
}

#additional-links .link-grid .replacement-parts,
#additional-links .link-grid .karma-propellers,
#additional-links .link-grid .karma-battery {
	height: auto;	
}

#additional-links .link-grid .gopro-care,
#additional-links .link-grid .faq,
#additional-links .link-grid .videos,
#additional-links .link-grid .support,
#additional-links .link-grid .mounting-ring,
#additional-links .link-grid .session-harness {
	height: 275px;
}

.karma-wrapper #additional-links .link-grid .info {
	width: 85%;
    margin: 0 auto;
}
#additional-links .link-grid .learn-more-link {
	width: 85%;
	z-index: inherit;
}

#additional-links .link-grid img {
	max-width: 40%;
	max-height: 97px;
}

#additional-links .link-grid .image {
	min-height: 100px;
}

#additional-links .link-grid .title {
	font-size: 18px;
}

#additional-links .link-grid .sub-title {
	font-size: 14px;
}

.karma-faq-wrapper .top-section {
	height: 350px;
}

.got-you-covered .gopro-care .content .title {
	font-size: 18px;
}

.got-you-covered .gopro-care .content .details {
	font-size: 13px;
}

.got-you-covered .gopro-care .content .pricing .price {
	font-size: 18px;
}

.got-you-covered .gopro-care .content .pricing .learn-more-link a {
	font-size: 13px;
}

.got-you-covered .gopro-care .content {
	padding-left: 5%;
    padding-bottom: 3%;
}

.karma-faq-wrapper .top-section .title {
	font-size: 46px;
	width: 32%;
}

.karma-faq-wrapper .top-section .subtitle {
	font-size: 18px;
	width: 35%;
}

.top-section .overlay {
	width: 32%;
}

.top-section .overlay .subtitle {
	font-size: 38px;
}



}

@media (max-width: 1024px) {


#karma-drone, #karma-backpack, #karma-grip, .promise-desc, .promise-bottom {
	opacity: 1 !important;
}

.promise-desc {
	width: 75%;
	font-size: 18px;
}

.nav-group {
	display: none;
}

.karma-subnav {
	/*background: #eee url("../images/karma-2016/mobile-arrow-down.png") no-repeat center;*/
	background: #eee;
	top: 55px;
}

.karma-subnav .main-nav {
	display: none;
}

.karma-subnav .mobile-nav {
    /*background: #eee;*/
    display: block;
    left: 0px;
    position: fixed;
    top: 55px;
    width: 100%;
    height: 42px;
    z-index: 1000;
}

.karma-subnav .mobile-nav .mobile-nav-arrow a {
	display: inline-block;
	width: 36px;
	height: 42px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.karma-subnav .mobile-nav .mobile-nav-arrow a img {
	/*position: absolute;
	left: 30%;
	top: 35%;*/
}

.karma-subnav .mobile-nav .mobile-arrow-up a {
	bottom: 0%;
}

.karma-subnav .mobile-nav-box.show {
	opacity: 1;
    left: auto;
    transition-delay: 0s;
    visibility: visible;
}

.karma-subnav .mobile-nav-box.show .mobile-arrow-down {
	display: none;
}

.karma-subnav .mobile-nav-box ul {
	background-color: #eee;
    list-style-type: none;
    list-style: none;
    margin: 0px;
    padding: 0 0 0 10px;
    min-height: 308px;
}

.karma-subnav .mobile-nav-box ul li {
	color: #666;
    cursor: pointer;
    display: block;
    float: none;
    font-family: PFDinTextPro, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 100;
    margin: 0px;
    padding: 10px 0px;
    text-align: left;
    text-transform: uppercase;
    width: 97%;
    border-bottom: 1px solid #d6d6d6;
}

.karma-subnav .mobile-nav-box ul li:last-child {
	border-bottom: none;
}

.karma-subnav .mobile-nav-box .icon-arrow-right:before {
    /*content: "\f054";*/
    color: #999;
    size: 12px;
}

.karma-subnav .mobile-nav-box ul li i {
	float: right;
    /*margin-right: 20px;*/
}

.karma-subnav .mobile-nav-box ul li a:hover {
	color: #000;
}

.karma-subnav .mobile-nav-box a:hover .icon-arrow-right:before {
	color: #000;
}

.full-on-window .feature-details .bg, .full-on-window .feature-details .bgs {
	opacity: 1;
}

/*.feature-details .cont {
	width: 100%;
	bottom: 0;
	background-color: rgba(255, 255, 255, 1);
	padding: 20px 20px 0px 40px;
}*/

.feature-details .text-wrap {
	width: 98%;
	padding-left: 0;
}

.feature-details .text-wrap h2 {
	font-size: 30px;
}

.bgs>div {
	/*position: initial;*/
	width: 150%;
}

.bgs>div>img {
	position: initial;
	/*height: 100%;*/
}

.karma-videos-wrapper .arrow {
	display: none;
}

.arrow-bounce {
	display: none;
}

.videos-grid .overlay {
	display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 172px;
}

.videos-grid img {
	filter: brightness(1);
    -moz-filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -ms-filter: brightness(100%);
    -o-filter: brightness(100%);
}

.feature-details {
	min-height: 658px;
	/*min-height: 545px;*/
}



.top-section .overlay .subtitle {
	display: block;
    font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
    font-size: 38px;
}

.top-section .overlay {
	top: 45%;
}

.top-section .overlay .video-link {
	display: block;
	width: 139px;
    height: 40px;
    margin: 30px auto 0 auto;
    background-color: #00b8fd;
    text-align: center;
    border: none;
    padding: 0;
}

.top-section .overlay .video-link a {
	color: #fff;
    font-family: PFDinTextPro, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding-top: 12px;
}

.top-section .overlay .video-link a .arrow-right {
	display: none;
}

#karma-drone .overlay .subtitle {
	display: none;
}

.hp-video-overlay {
	display: none;
}

#karma-drone .overlay .video-link {
	display: none;
}

#karma-drone.karma-image .logo {
	display: none;
}

#video-tutorials .videos-grid .left-video img:hover,
#video-tutorials .videos-grid .right-video img:hover {
	filter: brightness(0.7);
    -moz-filter: brightness(70%);
    -webkit-filter: brightness(70%);
    -ms-filter: brightness(70%);
    -o-filter: brightness(70%);
}

#video-tutorials {
	z-index: 10;
}

.videos-grid .overlay {
	top: 23%;
}

.swipebox.handheld-mountable > .cont {
	display: block;
	width: 450px;
	right: 0;
	bottom: 8%;
	left: initial;
}

.mobile-bottom-add-to-cart {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.feature-details .wrapper-content {
	padding: 0;
}


}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	.owl-theme .owl-controls {
		margin-top: 0;
	}
	
	.promise {
		min-height: 540px;
	}
	
	.feature-details .cont {
		width: 450px;
	}
	
	#passenger-app .title-header {
		padding: 32px 0px 0px 0px;
	}
	
	.slide-group.owl-theme .owl-controls .owl-buttons div.owl-prev,
	.clickable-images.owl-theme .owl-controls .owl-buttons div.owl-prev {
		top: 38%;
	}
	
	.slide-group.owl-theme .owl-controls .owl-buttons div.owl-next,
	.clickable-images.owl-theme .owl-controls .owl-buttons div.owl-next {
		top: 38%;
	}
	
	.slide-group.owl-theme .owl-controls .owl-buttons div,
	.clickable-images.owl-theme .owl-controls .owl-buttons div {
		font-size: 50px;
	}
	
	#karma-backpack.karma-image {
	    width: 15%;
	    margin-left: 8%;
	    margin-right: 10%;
	    position: absolute;
	    top: 162px;
	    right: 3%;
	}
	#karma-drone.karma-image {
		width: 46%;
	    /*margin-left: 7%;*/
	    left: 20%;
	}
	
	#karma-grip.karma-image {
	    width: 21%;
	    margin-left: 5%;
	    position: absolute;
	    top: 190px;
	    left: 6%;
	
	}
	
	#karma-drone.karma-image .overlay {
		margin-top: 170px;
	}
	
	.feature-details .bgs {
		/*width: 1024px;
	    left: 50%;
	    margin-left: -620px;*/
	}
	
	.top-section .overlay .subtitle {
		margin-top: 30px;
	}
	
	.karma-wrapper .karma-animation {
		margin-bottom: 175px;
	    height: 350px;
	}
	
	.karma-wrapper.stabilization .karma-animation {
		height: auto;
	}
	
	.karma-wrapper .compatibility .cameras .camera-container,
	.whats-included-wrapper .compatibility .cameras .camera-container {
		width: 54%;
	}
	
	.karma-wrapper .top-section {
	    background-size: cover !important;
	    background-position: center top !important;
	}
	
	.karma-bundle-wrapper .bundle-container .bundles {
		width: 90%;
	}
	
	.karma-bundle-wrapper .bundle-container .karma-hero5,
	.karma-bundle-wrapper .bundle-container .karma-hero4-harness,
	.karma-bundle-wrapper .bundle-container .karma-hero5-harness {
		width: 30%;
		margin: 25px 0 0 2%;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .show-choice .price-choose {
		width: 90%;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .title-container {
		height: 110px;
	}

}/*end 768-1024 query*/


@media only screen and (max-width: 991px) {
.pane-left {
    /*top: 0;
    width: 100%;
    height: 50%;*/
    bottom: 0;
}

.pane {
    height: 50%;
    top: auto;
}

.pane-left {
    bottom: 0;
}

.pane-right {
    top: 0;
    width: 100%;
    height: 100%
}
.pane-right > .imagefill {
    width: 50%;
    float: right
}
.pane-right .plus {
    left: 50%
}


}

@media only screen and (min-width: 480px) and (max-width: 768px) {
.karma-faq-wrapper .top-section {
	height: 350px;
}

.karma-faq-wrapper .top-section .title {
	font-size: 30px;

}

.karma-faq-wrapper .top-section .subtitle {
	font-size: 16px;
}

#video-tutorials {
    min-height: 479px;
}

#passenger-app {
    height: 492px;
    margin-bottom: 30px;
}

#passenger-app .container {
	background: url(../images/karma-2016/passenger-app-hero-2x.jpg) no-repeat left;
    background-size: contain;
    height: 100%;
}

#passenger-app .container .overlay {
    width: 311px;
    height: 273px;
    right: 40px;
}

#passenger-app .title-header {
    padding: 32px 0px 0px 0px;
}

#features-details .product .details-views {
    margin: 25px 0 0 20px;
}

#features-details .product .details-views div {
    width: 190px;
}

#features-grid #features-grid-grip .image {
	background-size: 85% !important;
}

#features-grid #features-grid-grip-case .image {
	background-size: 82% !important;
}

#features-grid #features-grid-extension-cable .image {
	background: #fff url(../images/karma-2016/stabilization_hero4black.png) no-repeat center 12px;
}

#features-grid .feature .feature-title {
	font-size: 23px;
}

#features-grid .feature .feature-sub-title {
	font-size: 16px;
}

.stabilization.whats-included-wrapper .product-grid .karma-lanyard {
    top: 45%;
    left: 40%;
}

.stabilization.whats-included-wrapper .product-grid .karma-tie-down-strap {
    top: 46%;
    left: 72%;
}

.stabilization.whats-included-wrapper .product-grid .karma-mounting-ring {
    top: 68%;
    left: 13%;
}

.stabilization.whats-included-wrapper .product-grid .karma-case {
    top: 60%;
    left: 50%;
}

.karma-wrapper .compatibility, .whats-included-wrapper .compatibility, .tech-specs-wrapper .compatibility {
	height: 930px;
}

.karma-wrapper .karma-animation {
    margin-bottom: 175px;
    height: 350px;
}

#karma-drone.karma-image {
    left: 20%;
}

#karma-drone.karma-image .overlay {
    margin-top: 170px;
}

#features-details .product .details-footer .features-boxes {
	width: 700px;
}
.whats-included-wrapper .product-grid .karma-controller {
	left: 0;
	width: 30%;
}
.whats-included-wrapper .product-grid .karma-drone {
	left: 31%; 
}
.whats-included-wrapper .product-grid .karma-stabilizer {
	top: 9%;
	left: 70%;
	width: 27%
}
.whats-included-wrapper .product-grid .karma-charger {
	left: 5%;	
	width: 17%
}
.whats-included-wrapper .product-grid .karma-battery {
	left: 22%;
	width: 16%;
}
.whats-included-wrapper .product-grid .karma-propellers {
	left: 34%;
}
.whats-included-wrapper .product-grid .karma-grip {
	left: 80%;
	width: 17%;
}
.whats-included-wrapper .product-grid .karma-link {
	left: 80%;
	width: 18%;
}
.whats-included-wrapper .product-grid .karma-case {
	top: 72%;
	left: 26%;
	width: 47%;
}

}

@media only screen and (max-width: 991px) {

/*.detail {
	display: none;
}

.detail.tablet {
	display: block;
}*/

.detail.active {
	height: 761px;
}

.pane-left {
	width: 100%;
    top: 0 !important;
    bottom: initial;
}

.pane-right {
    width: 100%;
    height: 50%;
    bottom: 0;
    top: initial;
}

.pane-right > .imagefill {
	float: left;
}

.detail-description {
	width: 50%;
    float: right;
}


}



@media only screen and (min-width: 480px) and (max-width: 768px) {

#karma-backpack.karma-image {
	width: 16%;
    margin-left: 8%;
    position: absolute;
    top: 162px;
    right: 3%;
}

#karma-drone.karma-image {
	width: 60%;
    margin-left: -1%;
}

#karma-grip.karma-image {
    width: 21%;
    margin-left: 3%;
    position: absolute;
    top: 197px;
    left: 10%;

}

.promise {
	min-height: 528px;
}

.owl-theme .owl-controls {
	margin-top: 0;
}

.feature-details .cont {
	width: 450px;
}


}

#drone-detail-replaceable-arms .pane-left {
	background: #000 url(../images/karma-2016/features-details-replaceable-arms.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-replaceable-arms .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-replaceable-arms-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-fisheye-compensation .pane-left {
	background: #000 url(../images/karma-2016/features-details-fisheye-compensation.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-fisheye-compensation .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-fisheye-compensation-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-stabilizer .pane-left {
	background: #000 url(../images/karma-2016/features-details-stabilizer.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-stabilizer .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-stabilizer-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-folding-design .pane-left {
	background: #000 url(../images/karma-2016/features-details-folding-design.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-folding-design .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-folding-design-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-unobstructed-view .pane-left {
	background: #000 url(../images/karma-2016/features-details-unobstructed-view.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-unobstructed-view .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-unobstructed-view-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-safe-easy .pane-left {
	background: #000 url(../images/karma-2016/features-details-easy-safe.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-safe-easy .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-easy-safe-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-quiet-flight .pane-left {
	background: #000 url(../images/karma-2016/features-details-quiet-flight.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-quiet-flight .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-quiet-flight-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-landing-gear .pane-left {
	background: #000 url(../images/karma-2016/features-details-landing-gear.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-landing-gear .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-landing-gear-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-removable-battery .pane-left {
	background: #000 url(../images/karma-2016/features-details-removable-battery.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#drone-detail-removable-battery .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-removable-battery-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-molded-interior .pane-left {
	background: #000 url(../images/karma-2016/features-details-molded-interior.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-molded-interior .pane-right {
	background: #000 url(../images/karma-2016/features-details-molded-interior-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#grip-detail-karma-stabilizer .pane-left {
	background: #000 url(../images/karma-2016/features-details-karma-stabilizer.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#grip-detail-karma-stabilizer .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-karma-stabilizer-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#grip-detail-camera-buttons .pane-left {
	background: #000 url(../images/karma-2016/features-details-camera-buttons-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#grip-detail-camera-buttons .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-camera-buttons-small-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#grip-detail-karma-grip .pane-left {
	background: #000 url(../images/karma-2016/features-details-karma-grip.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#grip-detail-karma-grip .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-karma-grip-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#grip-detail-body-gear-mountable .pane-left {
	background: #000 url(../images/karma-2016/features-details-gear-mountable.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#grip-detail-body-gear-mountable .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-gear-mountable-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-game-style-design .pane-left {
	background: #000 url(../images/karma-2016/features-details-game-style-design.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-game-style-design .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-game-style-design-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-touch-display .pane-left {
	background: #000 url(../images/karma-2016/features-details-touch-display.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-touch-display .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-touch-display-small-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-smart-controls .pane-left {
	background: #000 url(../images/karma-2016/features-details-smart-controls.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-smart-controls .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-smart-controls-small-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-preflight-training .pane-left {
	background: #000 url(../images/karma-2016/features-details-preflight-training.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-preflight-training .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-preflight-training-small-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-auto-shot-paths .pane-left {
	background: #000 url(../images/karma-2016/features-details-auto-shot-paths.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-auto-shot-paths .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-auto-shot-paths-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-full-camera-control .pane-left {
	background: #000 url(../images/karma-2016/features-details-full-camera-control.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#controller-detail-full-camera-control .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-full-camera-control-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-ultra-compact-design .pane-left {
	background: #000 url(../images/karma-2016/features-details-compact-design-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-ultra-compact-design .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-compact-design-small-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-shoulder-mount .pane-left {
	background: #000 url(../images/karma-2016/features-details-shoulder-mount.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-shoulder-mount .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-shoulder-mount-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-durable-shell .pane-left {
	background: #000 url(../images/karma-2016/features-details-durable-shell.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-durable-shell .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-durable-shell-small-gp.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-molded-interior .pane-left {
	background: #000 url(../images/karma-2016/features-details-molded-interior.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}

#pack-detail-molded-interior .pane-right .imagefill {
	background: #000 url(../images/karma-2016/features-details-molded-interior-small.jpg) no-repeat !important;
	background-size: cover !important;
    background-position: center top !important;
}






@media (min-width: 1768px) {

	#features-grid #features-grid-drone {
		margin-right: -10%;
	}

	#features-grid #features-grid-controller {
		margin-right: -10%;
	}

	#video-tutorials .videos-grid .left-video {
		margin-right: -10%;
		margin: 0 auto 2% auto;
	}


}

@media all and (-ms-high-contrast:none) and (min-width: 1080px)
 {
 	 *::-ms-backdrop, #video-tutorials .videos-grid .left-video { margin: 0 -83% 2% 12% }; /* IE11 */
 }

@media (max-width: 1305px) {

	.karma-wrapper .compatibility .cameras .camera-container,
	.whats-included-wrapper .compatibility .cameras .camera-container,
	.tech-specs-wrapper .compatibility .cameras .camera-container {
		width: 54%;
	}

}


@media (max-width: 768px) {
	html{-webkit-text-size-adjust: 100%;} /*prevents iPhone from auto-resizing text on orientation change*/
	
	.top-section .overlay .video-link {
		display: block;
		width: 139px;
	    height: 40px;
	    margin: 30px auto 0 auto;
	    background-color: #00b8fd;
	    text-align: center;
	    border: none;
	    padding: 0;
	}

	.top-section .overlay .video-link a {
		color: #fff;
	    font-family: PFDinTextPro, Helvetica, Arial, sans-serif;
	    font-size: 14px;
	    text-transform: uppercase;
	    display: inline-block;
	    padding-top: 12px;
	}

	.top-section .overlay .video-link a .arrow-right {
		display: none;
	}

	#karma-drone .overlay .subtitle {
		display: none;
	}

	.hp-video-overlay {
		display: none;
	}

	#karma-drone .overlay .video-link {
		display: none;
	}

	#video-tutorials .videos-grid .left-video,
	#video-tutorials .videos-grid .right-video {
		width: 100%;
		margin-bottom: 2%;
	}

	.feature-details {
		min-height: 600px;
	}

	.karma-wrapper .compatibility .cameras .camera-container,
	.whats-included-wrapper .compatibility .cameras .camera-container {
		width: 73%;
	}

	.karma-wrapper .compatibility .cameras .camera-image,
	.whats-included-wrapper .compatibility .cameras .camera-image {
		float:  none;
		margin-left: 0;
	}

	#drone-detail-replaceable-arms .pane-left {
		background: #000 url(../images/karma-2016/features-details-replaceable-arms-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-replaceable-arms .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-replaceable-arms-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-stabilizer .pane-left {
		background: #000 url(../images/karma-2016/features-details-stabilizer-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-stabilizer .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-stabilizer-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-folding-design .pane-left {
		background: #000 url(../images/karma-2016/features-details-folding-design-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-folding-design .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-folding-design-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-safe-easy .pane-left {
		background: #000 url(../images/karma-2016/features-details-easy-safe-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-safe-easy .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-easy-safe-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-fisheye-compensation .pane-left {
		background: #000 url(../images/karma-2016/features-details-fisheye-compensation-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-fisheye-compensation .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-fisheye-compensation-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-unobstructed-view .pane-left {
		background: #000 url(../images/karma-2016/features-details-unobstructed-view-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-unobstructed-view .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-unobstructed-view-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-quiet-flight .pane-left {
		background: #000 url(../images/karma-2016/features-details-quiet-flight-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-quiet-flight .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-quiet-flight-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-landing-gear .pane-left {
		background: #000 url(../images/karma-2016/features-details-landing-gear-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-landing-gear .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-landing-gear-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-removable-battery .pane-left {
		background: #000 url(../images/karma-2016/features-details-removable-battery-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#drone-detail-removable-battery .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-removable-battery-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#grip-detail-karma-stabilizer .pane-left {
		background: #000 url(../images/karma-2016/features-details-karma-stabilizer-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#grip-detail-karma-stabilizer .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-karma-stabilizer-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#grip-detail-camera-buttons .pane-left {
		background: #000 url(../images/karma-2016/features-details-camera-buttons-mobile-gp.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#grip-detail-camera-buttons .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-camera-buttons-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#grip-detail-karma-grip .pane-left {
		background: #000 url(../images/karma-2016/features-details-karma-grip-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#grip-detail-karma-grip .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-karma-grip-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#grip-detail-body-gear-mountable .pane-left {
		background: #000 url(../images/karma-2016/features-details-gear-mountable-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#grip-detail-body-gear-mountable .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-gear-mountable-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-game-style-design .pane-left {
		background: #000 url(../images/karma-2016/features-details-game-style-design-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-game-style-design .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-game-style-design-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-touch-display .pane-left {
		background: #000 url(../images/karma-2016/features-details-touch-display-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-touch-display .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-touch-display-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-smart-controls .pane-left {
		background: #000 url(../images/karma-2016/features-details-smart-controls-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-smart-controls .pane-right {
		background: #000 url(../images/karma-2016/features-details-smart-controls-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-preflight-training .pane-left {
		background: #000 url(../images/karma-2016/features-details-preflight-training-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-preflight-training .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-preflight-training-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-auto-shot-paths .pane-left {
		background: #000 url(../images/karma-2016/features-details-auto-shot-paths-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-auto-shot-paths .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-auto-shot-paths-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-full-camera-control .pane-left {
		background: #000 url(../images/karma-2016/features-details-full-camera-control-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#controller-detail-full-camera-control .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-full-camera-control-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#pack-detail-ultra-compact-design .pane-left {
		background: #000 url(../images/karma-2016/features-details-compact-design-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#pack-detail-ultra-compact-design .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-compact-design-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#pack-detail-shoulder-mount .pane-left {
		background: #000 url(../images/karma-2016/features-details-shoulder-mount-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#pack-detail-shoulder-mount .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-shoulder-mount-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#pack-detail-durable-shell .pane-left {
		background: #000 url(../images/karma-2016/features-details-durable-shell-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#pack-detail-durable-shell .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-durable-shell-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#pack-detail-molded-interior .pane-left {
		background: #000 url(../images/karma-2016/features-details-molded-interior-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#pack-detail-molded-interior .pane-right .imagefill {
		background: #000 url(../images/karma-2016/features-details-molded-interior-small-mobile.jpg) no-repeat !important;
		background-size: cover !important;
	    background-position: center top !important;
	}

	#features-details .product {
		height: 835px;
	}

	.pane-right > .imagefill {
		height: 100%;
	}

	.detail .plus {
		top: -10%;
	}

	#video-tutorials .videos-grid {
		height: 455px;
	}

	#features-grid #features-grid-drone .image {
		background: #fff url(../images/karma-2016/features-grid-drone-new.png) no-repeat center 62px;
		background-size: 97%;
	}

	#features-grid #features-grid-pack .image {
		background: #fff url(../images/karma-2016/features-grid-case-new.png) no-repeat center 40px;
		background-size: 90%;
	}

	.karma-wrapper .compatibility .cameras .subtitle,
	.whats-included-wrapper .compatibility .cameras .subtitle,
	.tech-specs-wrapper .compatibility .cameras .subtitle {
		font-size: 30px;
	}
	
	.karma-wrapper .compatibility .cameras .camera-container,
	.whats-included-wrapper .compatibility .cameras .camera-container,
	.tech-specs-wrapper .compatibility .cameras .camera-container {
		width: 60%;
	}
	
	.karma-wrapper .compatibility .cameras .camera-image,
	.whats-included-wrapper .compatibility .cameras .camera-image,
	.tech-specs-wrapper .compatibility .cameras .camera-image {
		float: left;
		width: 32%;
		margin-left: 0;
	}
	
	.karma-wrapper .compatibility .cameras .camera-image img,
	.whats-included-wrapper .compatibility .cameras .camera-image img,
	.tech-specs-wrapper .compatibility .cameras .camera-image img {
		width: 82%;
	}
	
	.karma-wrapper .compatibility .cameras .camera-image.hero-5-session,
	.whats-included-wrapper .compatibility .cameras .camera-image.hero-5-session,
	.tech-specs-wrapper .compatibility .cameras .camera-image.hero-5-session {
		font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
		font-size: 12px;
		font-style: italic;
		color: #666;
	}
	
	.karma-wrapper .compatibility,
	.whats-included-wrapper .compatibility,
	.tech-specs-wrapper .compatibility {
		min-height: 645px;
	}
	
	.karma-bundle-wrapper .bundle-container .karma-hero5,
	.karma-bundle-wrapper .bundle-container .karma-hero4-harness,
	.karma-bundle-wrapper .bundle-container .karma-hero5-harness {
		width: 80%;
		float: none;
	    margin: 0 auto;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .title {
		font-size: 20px;
	}
	
	.karma-bundle-wrapper .bundle-container .karma-hero4-harness,
	.karma-bundle-wrapper .bundle-container .karma-hero5-harness {
		padding-top: 30px;
	}
	
	.karma-bundle-wrapper .bundle-container .title-container {
		margin-bottom: 10px;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .show-choice .price-choose {
		width: 80%;
	}
	
	.karma-bundle-wrapper .main-header .subtitle {
		font-size: 20px;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .show-choice {
		width: 95%;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .show-choice .image {
		width: 100%;
		padding-top: 0;
	}
	
	.karma-bundle-wrapper .main-header .content {
		margin-top: 125px;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .show-choice {
		height: 175px;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .show-choice .price {
		padding-top: 18px;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .show-choice .choose {
		padding: 0 0 0 7%;
	}
	
	.karma-bundle-wrapper .bundle-container .bundles {
		height: initial;
		min-height: initial;
		width: 100%;
		/*background: url(../images/karma-2016/karma-bundle-background.jpg) no-repeat center;*/
		background: none;
	}
	
	.karma-bundle-wrapper .coming-soon {
		height: 340px;
	}
	
	.karma-bundle-wrapper .bundle-container .gopro-care {
		width: 88%;
	}
	
	.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .description {
		width: 30%;
		font-size: 16px;
	}
	
	.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .logo {
		margin-left: 4%;
	}
	
	.karma-bundle-wrapper .bundle-container .gopro-care-add-to-cart {
		margin-top: 40px;
	}
	
	.karma-bundle-wrapper .coming-soon .hero5-compatibility,
	.karma-bundle-wrapper .coming-soon .hero5-session-compatibility,
	.karma-bundle-wrapper .coming-soon .hero5-session {
		width: 85%;
	    margin: 10px auto;
	    display: block;
	}
	
	.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .gopro-care-radio .terms-conditions {
		padding: 0;
		text-align: left;
		font-size: 12px;
	}
	
	.karma-bundle-wrapper .bundle-container .bundle .title-container {
		height: 72%;
	}
	
	}

@media only screen and (max-width: 480px) {
	
	.promise {
		min-height: 492px;
	}
	
	.feature-details {
		min-height: 475px;
	}
	.feature-details .text-wrap h2 {
		margin-right: -10%; 
	}	
	.karma-animation {
		overflow: hidden;
		position: relative;
		/*height: 360px;*/
		height: 430px;
	}
	
	.promise-desc {
		width: 85%;
		font-size: 16px;
		padding: 0px 0 20px 0;
	}
	
	#karma-drone, #karma-backpack, #karma-grip, .promise-desc, .promise-bottom {
		opacity: 1 !important;
	}
	
	#karma-backpack.karma-image {
		width: 24%;
		position: absolute;
	    top: 37%;
	    left: 16%;
	}
	
	#karma-drone.karma-image {
		/*width: 62%;*/
		width: 92%;
		height: 400px;
	    /*margin-left: 18%;*/
	    margin-left: 4%;
	    left: 0;
	}
	
	#karma-drone.karma-image img {
		margin-bottom: 172px;
	}
	
	#karma-grip.karma-image {
		position: absolute;
		width: 38%;
	    top: 55%;
	    right: 6%;
	    margin-top: 0;
	}
	
	#video-tutorials .videos-grid {
		display: initial;
	}
	
	#additional-links .link-grid {
		display: initial;
	}
	#additional-links .link-grid .sub-title {
		padding-bottom: inherit;
	}
		
	#additional-links .link-grid .description {
		display: none;
	}	
	
	.accessories-wrapper #additional-links .link-grid .description {
		display: block;
	}
	#additional-links .link-grid .replacement-parts, #additional-links .link-grid .gopro-care, #additional-links .link-grid .faq {
		height: auto;
		/* overflow: hidden; */
		border-bottom: 5px solid #fff;
	}
	#additional-links .link-grid .karma-propellers,
	#additional-links .link-grid .karma-battery,
	#additional-links .link-grid .replacement-parts {
		height: 330px;
	}
	
	#additional-links .link-grid .image {
		float: left;
		width: 45%;
	}
	
	.accessories-wrapper #additional-links .link-grid .image {
		width: 100%;
	}
	
	#additional-links .link-grid .info {
		float: left;
		width: 50%;
		padding: 6% 0;
		min-height: initial;
	}
	
	.accessories-wrapper #additional-links .link-grid .info {
		padding: 0;
	}
	
	.accessories-wrapper #additional-links .link-grid .info {
		width: 100%;
	}
	
	
	.main-header .content {
		width: 75%;
		height: 160px;
		margin: 139px auto 0 auto;
	}
	
	.main-header .title {
		font-size: 30px;
	}
	
	.main-header .sub-title {
		font-size: 16px;
	}
	
	.whats-included-wrapper .product-grid .karma-drone img {
		width: 85%;
	}
	
	.whats-included-wrapper .product-grid .karma-controller img {
		width: 70%;
	}
	
	.whats-included-wrapper .product-grid .karma-drone {
		top: 2%;
	    left: 25%;
	}
	
	.whats-included-wrapper .product-grid .karma-controller {
		top: 28%;
	    left: 6%;
	}
	
	.whats-included-wrapper .product-grid .karma-stabilizer {
		top: 31%;
	    left: 56%;
	    width: 36%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-stabilizer {
		left: 52%;
	    top: 5%;
	}
	
	.whats-included-wrapper .product-grid .karma-charger {
		top: 49%;
	    left: 14%;
	    width: 12%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-charger {
		top: 50%;
	}
	
	.whats-included-wrapper .product-grid .karma-battery {
		top: 53%;
	    left: 41%;
	    width: 12%;
	}
	
	.whats-included-wrapper .product-grid .karma-propellers {
		top: 67%;
	    left: 38%;
	    width: 55%;
	}
	
	.whats-included-wrapper .product-grid .karma-grip {
		top: 49%;
	    left: 70%;
	    width: 20%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-grip {
		left: 12%;
	    top: 4%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-hero4-harness {
		left: 8%;
	    top: 29%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-usb {
		top: 29%;
	    left: 60%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-lanyard {
	    top: 45%;
	    left: 27%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-tie-down-strap {
	    top: 62%;
	    left: 8%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-mounting-ring {
	    top: 62%;
	    left: 60%;
	}
	
	.whats-included-wrapper .product-grid .karma-link {
		top: 71%;
	    left: 15%;
	    width: 12%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-link {
		top: 55%;
	    left: 65%;
	}
	
	.whats-included-wrapper .product-grid .karma-case {
		top: 82%;
	    left: 13%;
	    width: 75%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-case {
		top: 78%;
	    left: 13%;
	}
	
	.product-grid {
		min-height: 1543px;
	}
	
	.stabilization .product-grid {
		min-height: 1200px;
	}
	
	.whats-included-wrapper .product-grid .karma-controller .tooltip-link {
		width: 90%;
	}
	
	.whats-included-wrapper .product-grid .karma-controller .tooltip-link a {
		padding: 0% 0 0 13%;
	}
	
	.whats-included-wrapper .product-grid .karma-stabilizer .tooltip-link {
		margin: 17% auto 0 auto;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-stabilizer .tooltip-link {
		margin: 0% auto 0 auto;
	}
	
	.whats-included-wrapper .product-grid .karma-stabilizer .tooltip-link a {
		padding: 0% 0 0 19%;
	}
	
	.stabilization.whats-included-wrapper .product-grid .karma-hero4-harness .tooltip-link {
		margin: 0% auto 0 auto;
	}
	
	.whats-included-wrapper .product-grid .karma-charger .tooltip-link {
		width: 127%;
	    margin: 3% auto 0 -40%;
	}
	
	.whats-included-wrapper .product-grid .karma-charger .tooltip-link a {
		padding: 0% 0 0 50%;
	}
	
	.whats-included-wrapper .product-grid .karma-battery .tooltip-link {
		width: 125%;
	    margin: 3% auto 0 -40%;
	}
	
	.whats-included-wrapper .product-grid .karma-battery .tooltip-link a {
		padding: 0% 0 0 54%;
	}
	
	.whats-included-wrapper .product-grid .karma-grip .tooltip-link {
		width: 112%;
	    margin: 3% auto 0 -26%;
	}
	
	.whats-included-wrapper .product-grid .karma-grip .tooltip-link a {
		padding: 0% 0 0 34%;
	}
	
	.whats-included-wrapper .product-grid .karma-link .tooltip-link {
		margin: 39% auto 0 -45%;
	    width: 189%;
	}
	
	.whats-included-wrapper .product-grid .karma-link .tooltip-link a {
		padding: 0% 0 0 25%;
	}
	
	.whats-included-wrapper .product-grid .karma-propellers .tooltip-link {
		width: 96%;
	    margin: 10% auto 0 auto;
	}
	
	.whats-included-wrapper .product-grid .karma-propellers .tooltip-link a {
		padding: 0% 0 0 15%;
	}
	
	.whats-included-wrapper .product-grid .karma-case .tooltip-link {
		width: 43%;
	}
	
	.whats-included-wrapper .camera-upsell .header {
		padding: 40px 0 30px 0;
	}
	
	.whats-included-wrapper .camera-upsell .content {
		width: 100%;
		padding-bottom: 0;
	}
	
	.whats-included-wrapper .camera-upsell .description {
		width: 85%;
		padding: 0px 0 30px 4%;
	}
	
	.whats-included-wrapper .camera-upsell .description .copy {
		width: 90%;
	}
	
	.whats-included-wrapper .camera-upsell .cameras {
		width: 85%;
	}
	
	.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container {
		width: 100%;
		margin: 0 3% 8% 5%;
	}
	
	.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container .camera .image {
		width: 50%;
		float: left;
		margin-right: 3%;
	}
	
	.whats-included-wrapper .camera-upsell .cameras .upsell-camera-container .camera .logo {
		width: 40%;
	    float: left;
	}
	
	.camera .title.only-mobile {
		display: none !important;
	}
	.accessories-wrapper #additional-links .karma-battery,
	.accessories-wrapper #additional-links .karma-propellers,
	.accessories-wrapper #additional-links .replacement-parts {
		margin: 5px 0;
	}
	#additional-links .title-header {
		width: 95%;
		margin: 0 auto;
	}
	
	#additional-links .title-subheader {
		width: 85%;
		margin: 0 auto 30px auto;
	}
	
	#additional-links .link-grid .replacement-parts,
	#additional-links .link-grid .gopro-care,
	#additional-links .link-grid .faq,
	#additional-links .link-grid .videos,
	#additional-links .link-grid .support {
	height: 180px !important;
		border-bottom: 5px solid #fff;
		padding-bottom: 0;
	}
	.accessories-wrapper #additional-links .link-grid .replacement-parts {
		height: auto !important;
		overflow: visible;
		min-height: 400px;
	}
	
	#additional-links .link-grid img {
		margin: 15px auto 10px auto;
	    /*width: 47%;*/
	    width: auto;
	}
	
	#additional-links .link-grid .title {
		margin-bottom: 0;
	}
	
	#additional-links .link-grid .learn-more-link {
		/*bottom: 12%;
		/*width: 40%;
		left: 50%;*/
		position: static;
		margin-bottom: 2%;
	}
	
	.tech-specs-grid .title.full {
		display: none;
	}
	
	.tech-specs-grid .image.full {
		display: none;
	}
	
	.tech-specs-container {
		padding: 0;
	}
	
	.tech-specs-grid .specs-container .show-mobile {
		display: block;
		border-bottom: 1px solid #cfcfcf;
	    overflow: hidden;
	    margin-bottom: 20px;
	}
	
	.tech-specs-grid .show-mobile .title {
		border-bottom: none;
		float: left;
		width: 50%;
		padding-top: 40px;
	}
	
	.tech-specs-grid .specs-container .show-mobile .image {
		float: left;
	    width: 45%;
	}
	
	.tech-specs-grid .specs-container .specs {
		width: 95%;
		padding-left: 0;
	}
	
	.tech-specs-grid .specs-container .specs .spec {
		font-size: 13px;
		padding-right: 5%;
	}
	
	.camera-compatibility .header {
		font-size: 30px;
	}
	
	.camera-compatibility .subheader {
		float: none;
		width: 85%;
	    margin: 0 auto;
	    margin-bottom: 40px;
	}
	
	.compatibility-chart .chart.full {
		display: none;
	}
	
	.compatibility-chart .chart.mobile {
		display: block;
	}
	
	.compatibility-chart .chart.mobile .hero4black {
		font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
	    font-size: 13px;
	    text-align: left;
	    text-transform: none;
	    vertical-align: middle;
	}
	
	.compatibility-chart .chart {
		width: 92%;
	}
	
	.compatibility-chart .chart table td.chart-item {
		width: 27%;
	}
	
	.compatibility-chart .chart table td.chart-item img {
		/*display: none;*/
	}
	
	.compatibility-chart .chart table th {
		padding-bottom: 0;
	}
	
	.karma-wrapper .top-section {
		/*height: 468px;*/
		height: 365px;
	}
	
	
	.top-section .overlay {
		/*left: 27%;*/
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	
	#features-grid {
		display: none;
		z-index: 1;
	}
	
	#features-details {
		min-height: 462px;
		opacity: 1;
		z-index: 2;
	}
	
	#features-details .product .clickable-image {
		position: relative;
	}
	
	.view.open {
		height: 0;
	}
	
	#features-details #drone {
		display: block;
	}
	
	#features-details .product {
		height: 525px;
	}
	
	
	
	#features-details #drone .clickable-image.front,
	#features-details #drone .clickable-image.back,
	#features-details #controller .clickable-image.display,
	#features-details #controller .clickable-image.back {
		opacity: 1;
	}
	
	#features-details .product .clickable-images {
		min-height: 320px;
		/*z-index: 5;*/
	}
	
	#features-details .product .details-footer .back-link {
		display: none;
	}
	
	#features-details #drone.product .clickable-image.top {
		margin: 0;
	}
	
	#features-details .clickable-image .product-image-container {
		width: 75%;
		margin: 0 auto;
	}
	
	#features-details #controller.product .clickable-image.front {
		margin: 0;
	}
	
	#features-details #controller.product .clickable-image.back {
		margin: 1% 0 0 -3%;
	}
	
	#features-details #pack.product .clickable-image.exterior {
		margin: 3% 0 0 0%;
	}
	
	#features-details #pack.product .clickable-image.interior {
		margin: 3% 0 0 5%;
	}
	
	#features-details #drone.product .clickable-image .product-image-container {
		width: 75%;
	}
	
	#features-details #drone.product .clickable-image.front .product-image-container {
		width: 85%;
	}
	
	#features-details #controller.product .clickable-image .product-image-container {
		width: 56%;
	}
	
	#features-details #controller.product .clickable-image.back .product-image-container {
		width: 85%;
	}
	
	#features-details #pack.product .clickable-image.exterior .product-image-container {
		width: 43%;
	}
	
	#features-details #pack.product .clickable-image.interior .product-image-container {
		width: 60%;
	}
	
	#features-details #controller.product .clickable-image.display {
		margin: 5% 0 0 0%;
	}
	
	#features-details .product .controller-markers li.touch-display {
		left: 55%;
	}
	
	#features-details .product .controller-markers li.preflight-training {
		top: 21%;
	    left: 62%;
	}
	
	#features-details #drone.product .clickable-image.front {
		margin: 12% 0 0 2%;
	}
	
	#features-details #drone.product .clickable-image.back {
		margin: 11% 0 0 2%;
	}
	
	#features-details #grip.product .clickable-image {
		 margin: 8% 0 0 5%;
	}
	
	.detail.active {
		height: 414px;
	}
	
	#features-details .product .details-footer .features-boxes {
		width: 425px;
		padding-left: 5%;
		/*z-index: 5;*/
	}
	
	#features-details .product .details-footer {
		/*width: 450px;*/
	}
	
	#features-details .product .details-footer .features-boxes .drone,
	#features-details .product .details-footer .features-boxes .grip,
	#features-details .product .details-footer .features-boxes .controller,
	#features-details .product .details-footer .features-boxes .pack {
		/*float: none;*/
		width: 130px;
		margin-right: 0;
	}
	
	#features-section {
		min-height: 525px;
	}
	
	#passenger-app {
		height: auto;
	}
	
	#passenger-app .container {
		background: url(../images/karma-2016/passenger-app-hero-tablet.jpg) no-repeat left top;
	    height: 515px;
	    background-size: contain;
	}
	
	#passenger-app .container .overlay {
		width: 85%;
	    height: 225px;
	    bottom: 0;
	    top: initial;
	    right: 0;
	}
	
	#additional-links .link-grid .sub-title {
		font-size: 14px;
	}
	
	#additional-links .link-grid .learn-more-link a {
		display: inline-block;
	}
	
	#additional-links .link-grid .title {
		font-size: 20px;
	}
	
	#additional-links .link-grid .description {
		font-size: 16px;
	}
	
	.product-support .product-row .block {
		width: 46%;
	}
	
	/*.info-section-mobile {
		display: block;
	}*/
	
	.info-section.mobile .faq-questions {
		display: none;
	}
	
	.info-section.mobile .faq-answer {
		min-height: 425px;
		width: 100%;
		padding: 15px 0 0 5%;
	}
	
	.info-section.mobile .faq-answer .answer {
		position: relative;
		height: 360px;
	}
	
	.info-section .faq-answer .title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.info-section .faq-answer .answer .links {
		margin-top: 20px;
	}
	
	.info-section .faq-answer .answer .links .support,
	.info-section .faq-answer .answer .links .video {
		float: none;
	}
	
	.info-section .faq-answer .answer .links .video {
		margin-top: 5px;
	}
	
	.karma-faq-wrapper .title-header {
		font-size: 30px;
	}
	
	.karma-faq-wrapper .title-subheader {
		font-size: 16px;
	}
	
	.other-support div {
		width: 48%;
	}
	
	.got-you-covered .gopro-care .image {
		width: 95%;
		padding: 2% 0 0 2%;
	}
	
	.got-you-covered .gopro-care .content {
		float: none;
		width: 85%;
		margin: 0 auto;
	}
	
	.got-you-covered .gopro-care .content .pricing .learn-more-link {
		float: left;
		padding: 10px 0;
	}
	
	.karma-faq-wrapper .top-section {
		background: #000 url(../images/karma-2016/hero-karma-faq-sm.jpg) no-repeat !important;
		height: 230px;
		margin-top: 100px;
	    background-size: 100% 100% !important;
	}
	
	.karma-faq-wrapper .top-section .title {
		top: 27%;
		font-size: 30px;
		width: 40%;
	}
	
	.karma-faq-wrapper .top-section .subtitle {
		top: 41%;
		font-size: 16px;
		width: 38%;
	}
	
	.pane-right > .imagefill {
		display: none;
	}
	
	.detail-description {
		width: 100%;
	}
	
	.bgs>div>img {
		height: 258px;
	}
	
	.swipebox.handheld-mountable > .cont {
		display: block;
	}
	
	.swipebox #scroller .cont {
		display: none;
	}
	
	.pane-left img.desktop {
		display: none;
	}
	
	.pane-left img.mobile {
		display: block;
	}
	
	.karma-subnav ul li a {
		text-align: center;
	}
	
	.karma-subnav .mobile-nav-box ul li i {
		display: none;
	}
	
	.pane-right .half-height {
		height: 75%;
	}
	
	.top-section .overlay .title {
		font-size: 42px;
	}
	
	.stabilization .top-section .overlay .title {
		font-size: 42px;
	}
	
	.top-section .overlay .subtitle {
		display: block;
		font-size: 26px;
		font-family: "Proxima Nova Semibold",Arial,Helvetica,sans-serif;
	    font-size: 28px;
	}
	
	.karma-videos-wrapper .top-section .title {
		font-size: 30px;
		width: 50%;
	}
	
	.karma-videos-wrapper .top-section .subtitle {
		font-size: 16px;
		width: 75%;
		top: 52%;
	}
	
	.karma-videos-wrapper .top-section .overlay {
		top: 70%;
	}
	
	.karma-videos-wrapper .top-section {
		height: 360px;
	}
	
	.top-section .overlay {
		width: 75%;
		top: 44%
	}
	
	.accessories-grid .hero-image {
		width: 100%;
	}
	
	.accessories-grid .details {
		width: 100%;
	}
	
	.accessories-grid .row .details .title-row .copy .title {
		font-size: 30px;
	}
	
	.accessories-grid .details img {
		position: relative;
	}
		
	.accessories-grid .row .details .video-row {
		height: 169px;
	}
	
	.accessories-grid .row .details .title-row .notify-link {
		float: none;
		position: absolute;
		bottom: 0;
		left: calc(50% - 75px);
	}
	
	.accessories-grid .row .details .video-row {
		margin-left: 0;
	}
	
	.accessories-grid .row .details .product-add-to-cart {
		position: absolute;
	    bottom: 0;
		left: calc(50% - 75px);
	}
	
	.accessories-grid .row .details .product-add-to-cart .btn {
		padding: 12px 10px 10px 15px;
	}

	.accessories-grid .row .details .product-add-to-cart {
    	float: right;
    	height: 50px;
	}
	
	.karma-videos-wrapper .carousel .item {
		width: 100%;
	}
	
	.karma-videos-wrapper .owl-theme .owl-controls {
		/*display: none !important;*/
	}
	
	.feature-details .bgs {
		height: 55%;
	}
	.feature-details .cont {
		width: 98%;
		top: 56%;
		background-color: rgba(255, 255, 255, 1);
		padding: 0;
	}
	
	.detail-description .p1 {
		font-size: 14px;
		margin-top: 10px;
	}
	
	.align-vertical {
		-webkit-justify-content: initial;
	    justify-content: initial;
	}
	
	.detail-description {
		padding-top: 10px;
	}
	
	.detail-description > .scrollable {
		padding-left: 3%;
	    padding-right: 3%;
	    height: 195px;
	}
	
	.pane img {
		/*top: -40px;*/
	}
	
	.detail {
		top: 45px;
	}
	
	.detail .plus {
		top: -17%;
	}
	
	#video-tutorials .videos-grid .copy .description {
		display: none;
	}
	
	
	
	.popover.bottom .arrow {
		display: none;
	}
	
	#features-details .product .pack-markers li.shoulder-mount {
		left: 58%;
	}
	
	#features-details .product .pack-markers li.ultra-compact-design {
		left: 36%;
	}
	
	#features-details .product .pack-markers li.durable-shell {
		left: 32%;
	}
	
	
	#features-details .product .drone-markers li.unobstructed-view {
		top: 12%;
	    left: 33%;
	}
	
	.karma-wrapper .compatibility,
	.whats-included-wrapper .compatibility,
	.tech-specs-wrapper .compatibility {
		min-height: 400px;
	}
	
	.karma-wrapper .compatibility .cameras .camera-container,
	.whats-included-wrapper .compatibility .cameras .camera-container,
	.tech-specs-wrapper .compatibility .cameras .camera-container {
		width: 87%;
	}
	
	#karma-drone.karma-image .logo {
		display: none;
	}
	
	#features-details #mounting-ring .clickable-image .product-image-container {
		width: 47%;
	}
	
	#features-details #mounting-ring.product .clickable-image {
		margin: 11% 0 0 0%;
	}
	
	#features-details .product .mounting-ring-markers li.works-with-most {
		left: 28%;
	}
	
	#features-details .product .mounting-ring-markers li.body-mountable {
		left: 65%;
	}
	
	#features-details .clickable-image .product-image-container {
		width: 60%;
	}
	
	#features-details #grip-case.product .clickable-image {
		margin: 10% 0 0 0%;
	}
	
	#features-details .product .grip-case-markers li.durable-shell {
		left: 72%;
	}
	
	#features-details #extension-cable.product .clickable-image {
		margin: 3% 0 0 10%;
	}
	
	#features-details #extension-cable.product .clickable-image .product-image-container {
		width: 29%;
	}
	
	#features-details .product .extension-cable-markers li.extend-your-karma {
		left: 45%;
	}
	
	#features-details .product .extension-cable-markers li.remote-command {
		left: 45%;
	}
	
	/*karma features carousel*/
	#karma-lp .karma-features-hero-slider .owl-item .top {
		display: block;
		vertical-align: top;
		margin: -25% 9% 0 9%;
	}
	#karma-lp .karma-features-hero-slider .owl-item .bottom {
		display: block;
		vertical-align: top;
		margin: 55% 9% 0 9%;
	}	
	#karma-lp .karma-features-hero-slider .owl-item h1 {
		font-size: 32px;
		line-height: 36px;
		width: 75%;
		margin: auto;
	}
	#karma-lp .karma-features-hero-slider .owl-theme .owl-controls {
	    position: absolute;
	    margin: auto;
	    height: 100%;
	    top: 0;
	    width: 100%;
	    pointer-events: none;
	}
	#karma-lp .karma-features-hero-slider .owl-theme .owl-pagination {
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	.stabilization #features-details .product .grip-markers li.camera-buttons {
		left: 40%;
	}
	
	.stabilization #features-details .product .grip-markers li.handheld-footage {
		top: 30%;
	}
	
	.stabilization #features-details .product .grip-markers li.easy-charging {
		left: 68%;
	}
	
	.pre-order {
		right: 6%;
	}
	
	.karma-bundle-wrapper .bundle-container .gopro-care .gopro-care-container .description {
		width: 62%;
	}
	.karma-bundle-wrapper .bundle-container .gopro-care .price {
		clear: left;
	}

}


@media (min-width: 1025px) {

	.top-section .overlay .logo {
		display: none;
	}

}



@media (max-width: 736px) {
	
	.karma-wrapper .top-section {
		background: #000 url(../images/karma-2016/Karma_Top_mobile.jpg) no-repeat !important;
		background-size: cover !important;
	   	background-position: center top !important;
	}
	
	.stabilization #features-details .product .clickable-images .mobile {
		display: block;
	}
	
	.stabilization #features-details .product .clickable-images .mobile-hide {
		display: none;
	}
	
	.stabilization .marker {
		border: none;
	}
	
	#features-details .product .clickable-image {
		position: relative;
	}
	
	#features-details .details-views {
		display: none;
	}
	
	#features-details .details-views {
		display: none;
	}
	
	#karma-backpack.karma-image {
	    margin-right: 10%;
	}
	.karma-features-hero-slider .owl-theme .owl-buttons .owl-prev,
	.karma-features-hero-slider .owl-theme .owl-buttons .owl-next {
		display: none;
	} 	
	
	
}
	
	
	@media (max-width: 320px) {
	.pre-order {
		right: 11%;
		width: 98px;
	}
	
	.mobile-bottom-add-to-cart .notify-link a {
		width: 75%;
	    padding: 10px 18px;
	}

}


/*Muliple Pages*/

/*compatibility section "camera required" notice*/
.cam-required{
	margin: 20px 0 30px 0;
	font-family: proxima_nova_rgbold;
	font-size: 14px;	
}

/*Flight Kit Upsell banner*/
.upgrade-kit-banner {
	max-width: 1200px;
	margin: auto;
	margin-top: 40px;
	background-color: #f7f7f7;
	overflow: auto;
	text-align: center;
}
.stabilization .upgrade-kit-banner {
	background-color: #fff;
	margin-top: 0;
	padding-top: 30px;
}
.stabilization .upgrade-kit-upsell .html-slot-container {
	background-color: #f7f7f7;
	padding-top: 30px; 
}
.upgrade-kit-banner .left-side,
.upgrade-kit-banner .right-side  {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4%;
    text-align: left;
}
.upgrade-kit-banner .left-side {
	width: 33%;
}
.upgrade-kit-banner .right-side {
	width: 47%;
	padding-top: 20px;
}
.upgrade-kit-banner h2 {
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
    font-size: 26px;
}
.upgrade-kit-banner p {
	font-family: "Proxima Nova Regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
	margin: 5px 0;
    color: #848484;
}
.upgrade-kit-banner button.btn-arrow.btn-primary.btn {
	background-color: transparent;
	color: #009fdf;
	font-family: "Proxima Nova Bold",Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding-left: 0;
	padding-right: 0;
}
@media (max-width: 767px) {
	.upgrade-kit-banner .left-side,
	.upgrade-kit-banner .right-side {
	    display: block;
	    width: 77%;
	    margin: auto;
	    text-align: center;
	} 
	.upgrade-kit-banner {
		padding-top: 20px;
	}
}