/*------------------------------------------------------------------
01. Extras
02. General
03. Grid - Layout
04. Navigation
05. Titles
06. Paragraph
07. Links & Images
08. Sections
09. Thumbnails
10. Interstitial
11. Accordion
12. Parallax (Experiences)
13. CDA
14. Media Queries
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
01. Extras
-------------------------------------------------------------------*/
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    overflow: hidden;
    z-index:9999
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%;
    top:50%;
    background-image:url(/Resources/images/vm/ui/preloader.gif); /* path to loading gif */
    background-size: 50px 68px;
    background-repeat:no-repeat;
    background-position:center;
    overflow: hidden;
    margin:-100px 0 0 -100px
}

#gigya-ui-div_whatsThis {
	display:none!important
}

.overlay-content {
	font-size:160%!important;
	text-align:left!important
}

.ooyala-video-player {
	width:100%;
	display:block;
	position:relative;
	border:1px solid #e31416;
	z-index:1
}

.oo_promo {
	background-color:#FFF!important
}

.select-country{
                background: transparent;
    border: none;
    width: 170px;
    padding-left: 10px;
    color: #FFF;
    font-size: 14px;
   
    outline: none;
}
select.select-country{
background-color: #E31416;       
}

.player-wrapper-small {
	margin: auto;
	width:100%;
	min-height: 120px;
	height: 200px;
	max-height: 200px;
	overflow: hidden;
}

.player-wrapper-medium {
width:100%;
	height:308px
}

.player-wrapper-large {
	width:100%;
	min-height: 120px;
	height: 417px;
	max-height:417px;
}
.videoimgwrapper {
	    background: #000;
		overflow: hidden;
		height: 100%;
	
}
.videoimgwrapper {
	    background: #000;
		overflow: hidden;
		height: 100%;
		border:1px solid #e31416;
	
}
.videoimg{
	overflow: hidden;
	height: 100%;
	max-height: 200px;
	display:block;
	
}

.videoimg img{
	vertical-align: middle;
	height: 100%;
	margin: auto;
	max-width: 500px;
	
}

/*------------------------------------------------------------------
02. General
-------------------------------------------------------------------*/
html,button,input,select,textarea {
	color:#222
}

body {
	font-size:1em;
	overflow: hidden;
	line-height:1.4
}

html,body {
	height:100%
}

body {
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:14px;
	color:#575757;
	text-align:center;
	overflow-x:hidden;
	text-rendering:optimizeLegibility!important;
	-webkit-font-smoothing:antialiased!important;
	-webkit-overflow-scrolling:touch
}

::-moz-selection {
	background:#ececec;
	color:#e31416;
	text-shadow:none
}

::selection {
	background:#ececec;
	color:#e31416;
	text-shadow:none
}

hr {
	display:block;
	height:1px;
	border:0;
	margin:3em auto;
	padding:0;
	background-color:#e31416;
	width:15%;
	text-align:center;
	position:relative;
	border:none
}

img {
	vertical-align:top
}

figure {
	margin-bottom:10px
}

figcaption {
	color:#e31416
}

span {
	color:#e31416
}

.btn {
	background-color:#e31416;
	padding:12px 36px;
	color:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
	font-size:16px;
	line-height:1.42857;
	margin-bottom:0;
	margin-top:50px;
	white-space:nowrap;
	border:none
}

.btn span {
	color:#FFF;
	text-shadow:none
}

.btn span:hover {
	color:#FFF;
	border:none
}

.btn:hover,.btn:focus,.btn:active {
	color:#FFF;
	background-color: #ff2327;
	border:none
}

textarea {
	resize:vertical
}

/*------------------------------------------------------------------
03. Grid - Layout
-------------------------------------------------------------------*/
.col-md-3,.col-md-4,.col-md-6,.col-md-8 {
	padding-bottom:30px
}

.row {
	margin-right:0;
	margin-left:-15px
}

/*------------------------------------------------------------------
04. Navigation
-------------------------------------------------------------------*/
.navbar-default .navbar-nav > li > a {
	color:#707070;
	padding:0 10px
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
	color:#e31416;
	background-color:transparent
}

.navbar-default {
	background-color:#f4f4f4;
	border:0 none;
	padding:20px 0;
	font-size:12px
}

.navbar-default .navbar-nav > li > a.dark {
	color:#FFF
}

.scrolling-1 {
	background-color:rgba(242,242,242,0.9);
	-moz-box-shadow:0 2px 0 rgba(255,255,255,1);
	-webkit-box-shadow:0 2px 0 rgba(255,255,255,1);
	box-shadow:0 2px 0 rgba(255,255,255,1)
}

.scrolling-2 {
	background-color:rgba(0,0,0,0.65);
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none
}

.scrolling-3 {
	background-color:rgba(242,242,242,0.9);
	-moz-box-shadow:0 2px 0 rgba(255,255,255,1);
	-webkit-box-shadow:0 2px 0 rgba(255,255,255,1);
	box-shadow:0 2px 0 rgba(255,255,255,1)
}

.navbar-default .navbar-brand {
	font-size:20px;
	color:#707070;
	padding:8px 15px 15px;
	background:url(/Resources/images/vm/ui/header-logo-trans.png) no-repeat left center transparent;
	background-size:134px 11px;
	width:134px;
	height:11px
}

.navbar-default .navbar-brand.light {
	font-size:20px;
	color:#707070;
	padding:8px 15px 15px;
	background:url(/Resources/images/vm/ui/header-logo-light.png) no-repeat left center transparent;
	background-size:134px 11px;
	width:134px;
	height:11px
}

.navbar-default .navbar-brand.dark {
	font-size:20px;
	color:#707070;
	padding:8px 15px 15px;
	background:url(/Resources/images/vm/ui/header-logo-dark.png) no-repeat left center transparent;
	background-size:134px 11px;
	width:134px;
	height:11px
}

.navbar-toggle {
	border-color:transparent;
	border:0 solid transparent;
	margin-top:0;
	margin-bottom:0
}

.navbar-default .navbar-nav > li {
	padding:0 8px
}

.navbar-default .navbar-nav > li.social {
	padding:0 5px 0 0
}

.navbar-default .navbar-nav > li.first {
	padding-left:0
}

.navbar-default .navbar-nav > li.button {
	padding:0 20px
}

.navbar-default .navbar-nav > li.last {
	padding-right:0;
	padding-left:5px
}

.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
	color:#e31416
}

.navbar-default .navbar-nav > li > a.buy {
	-webkit-transition:color .3s ease-in,background .3s ease-in;
	-moz-transition:color .3s ease-in,background .3s ease-in;
	-ms-transition:color .3s ease-in,background .3s ease-in;
	-o-transition:color .3s ease-in,background .3s ease-in;
	transition:color .3s ease-in,background .3s ease-in;
	background-color:#e31416;
	color:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding-left:16px;
	padding-right:16px
}

.navbar-default .navbar-nav > li > a:hover.buy,.navbar-default .navbar-nav > li > a:focus.buy,.navbar-default .navbar-nav > li > a:active.buy {
	background-color:#ff2327;
	color:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding-left:16px;
	padding-right:16px;
}

.navbar-default .navbar-nav > li > a.product-icon,.navbar-default .navbar-nav > li > a.packs-icon,.navbar-default .navbar-nav > li > a.apps-icon,.navbar-default .navbar-nav > li > a.howto-icon,.navbar-default .navbar-nav > li > a.faq-icon, .navbar-default .navbar-nav > li > a.Viewers-icon {
	padding-right:22px
}

.navbar-default .navbar-nav > li > a.product-icon , .navbar-default .navbar-nav > li > a.Viewers-icon {
	background:url(/Resources/images/vm/ui/header-product.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a.product-icon.dark {
	background:url(/Resources/images/vm/ui/header-product-white.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a.packs-icon {
	background:url(/Resources/images/vm/ui/header-packs.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a.apps-icon {
	background:url(/Resources/images/vm/ui/header-apps.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a.apps-icon.dark {
	background:url(/Resources/images/vm/ui/header-apps-white.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}
.navbar-default .navbar-nav > li > a.faq-icon {
	background:url(/Resources/images/vm/ui/header-faq.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a.faq-icon.dark {
	background:url(/Resources/images/vm/ui/header-faq-white.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}


.navbar-default .navbar-nav > li > a.howto-icon {
	background:url(/Resources/images/vm/ui/header-howto.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a.howto-icon.dark {
	background:url(/Resources/images/vm/ui/header-howto-white.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a:hover.product-icon,.navbar-default .navbar-nav > li > a:active.product-icon,.navbar-default .navbar-nav > li > a:focus.product-icon, .navbar-default .navbar-nav > li > a:hover.Viewers-icon,.navbar-default .navbar-nav > li > a:active.Viewers-icon,.navbar-default .navbar-nav > li > a:focus.Viewers-icon{
	background:url(/Resources/images/vm/ui/header-product-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a:hover.packs-icon,.navbar-default .navbar-nav > li > a:active.packs-icon,.navbar-default .navbar-nav > li > a:focus.packs-icon {
	background:url(/Resources/images/vm/ui/header-packs-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a:hover.apps-icon,.navbar-default .navbar-nav > li > a:active.apps-icon,.navbar-default .navbar-nav > li > a:focus.apps-icon {
	background:url(/Resources/images/vm/ui/header-apps-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a:hover.howto-icon,.navbar-default .navbar-nav > li > a:active.howto-icon,.navbar-default .navbar-nav > li > a:focus.howto-icon {
	background:url(/Resources/images/vm/ui/header-howto-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a:hover.faq-icon,.navbar-default .navbar-nav > li > a:active.faq-icon,.navbar-default .navbar-nav > li > a:focus.faq-icon {
	background:url(/Resources/images/vm/ui/header-faq-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > .active > a.product-icon , .navbar-default .navbar-nav > li .active > a.Viewers-icon {
	background:url(/Resources/images/vm/ui/header-product-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > .active > a.packs-icon {
	background:url(/Resources/images/vm/ui/header-packs-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > .active > a.apps-icon {
	background:url(/Resources/images/vm/ui/header-apps-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > .active > a.howto-icon {
	background:url(/Resources/images/vm/ui/header-howto-red.png) transparent;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:right center
}

.navbar-default .navbar-nav > li > a.facebook-icon,.navbar-default .navbar-nav > li > a.twitter-icon,.navbar-default .navbar-nav > li > a.youtube-icon {
	margin-top:2px;
	height:16px
}
.navbar-default .navbar-nav > li > a.facebook-icon,.navbar-default .navbar-nav > li > a.twitter-icon,.navbar-default .navbar-nav > li > a.youtube-icon,.navbar-default .navbar-nav  > li > a.instagram-icon{
	margin-top:2px;
	height:16px
}

.navbar-default .navbar-nav > li > a.facebook-icon {
	background:url(/Resources/images/vm/ui/header-facebook.png) no-repeat left center transparent;
	background-size:16px 16px
}

.navbar-default .navbar-nav > li > a.facebook-icon.dark {
	background:url(/Resources/images/vm/ui/header-facebook-white.png) no-repeat left center transparent;
	background-size:16px 16px
}

.navbar-default .navbar-nav > li > a.twitter-icon {
	background:url(/Resources/images/vm/ui/header-twitter.png) no-repeat left center transparent;
	background-size:19px 16px
}

.navbar-default .navbar-nav > li > a.twitter-icon.dark {
	background:url(/Resources/images/vm/ui/header-twitter-white.png) no-repeat left center transparent;
	background-size:19px 16px
}

.navbar-default .navbar-nav > li > a.youtube-icon {
	background:url(/Resources/images/vm/ui/header-youtube.png) no-repeat left center transparent;
	background-size:20px 16px
}

.navbar-default .navbar-nav > li > a.youtube-icon.dark {
	background:url(/Resources/images/vm/ui/header-youtube-white.png) no-repeat left center transparent;
	background-size:20px 16px
}

.navbar-default .navbar-nav > li > a.instagram-icon {
	background:url(/Resources/images/vm/ui/header-instagram.png) no-repeat left center transparent;
	background-size:20px 16px
}
.navbar-default .navbar-nav > li > a.instagram-icon.dark {
	background:url(/Resources/images/vm/ui/header-instagram-white.png) no-repeat left center transparent;
	background-size:20px 16px
}

.navbar-default .navbar-nav > li > a:hover.facebook-icon,.navbar-default .navbar-nav > li > a:active.facebook-icon {
	background:url(/Resources/images/vm/ui/header-facebook-red.png) no-repeat left center transparent;
	background-size:16px 16px
}

.navbar-default .navbar-nav > li > a:hover.twitter-icon,.navbar-default .navbar-nav > li > a:active.twitter-icon {
	background:url(/Resources/images/vm/ui/header-twitter-red.png) no-repeat left center transparent;
	background-size:19px 16px
}

.navbar-default .navbar-nav > li > a:hover.youtube-icon,.navbar-default .navbar-nav > li > a:active.youtube-icon {
	background:url(/Resources/images/vm/ui/header-youtube-red.png) no-repeat left center transparent;
	background-size:20px 16px
}
.navbar-default .navbar-nav > li > a:hover.instagram-icon,.navbar-default .navbar-nav > li > a:active.instagram-icon {
	background:url(/Resources/images/vm/ui/header-instagram-red.png) no-repeat left center transparent;
	background-size:20px 16px
}

.navbar.navbar-fixed-top{
	top:inherit;
}







/*------------------------------------------------------------------
05. Titles
-------------------------------------------------------------------*/
h1,h2 {
	color:#575757;
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:500
}

h3,h4 {
	color:#e31416;
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:400
}

h1 {
	font-size:36px
}

h1 > span {
	color:#e31416
}

h2 {
	font-size:34px
}

h4 {
	font-size:16px;
	margin-top:18px
}

h4 > span {
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:500
}

/*------------------------------------------------------------------
06. Paragraph
-------------------------------------------------------------------*/
p {
	line-height:26px;
	margin-bottom:20px;
}

p.callout {
	font-size:18px;
	text-align:center;
	margin:20px auto 50px;
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:500;
	width:70%
}

.centered {
	text-align:center
}

.spacer-large,.spacer-medium,.spacer-small {
	width:100%;
	min-width:100%
}

.spacer-large {
	height:46px
}

.spacer-medium {
	height:20px
}

.spacer-small {
	height:12px
}

/*------------------------------------------------------------------
7. Links & Images
-------------------------------------------------------------------*/
a {
	color:#e31416;
	word-wrap:break-word;
	-webkit-transition:color .3s ease-in,background .3s ease-in;
	-moz-transition:color .3s ease-in,background .3s ease-in;
	-ms-transition:color .3s ease-in,background .3s ease-in;
	-o-transition:color .3s ease-in,background .3s ease-in;
	transition:color .3s ease-in,background .3s ease-in;
	outline:0!important
}

a:hover,a:focus {
	color:#ff2327;
	text-decoration:none;
	outline:0
}

a:before,a:after {
	-webkit-transition:color .1s ease-in,background .1s ease-in;
	-moz-transition:color .1s ease-in,background .1s ease-in;
	-ms-transition:color .1s ease-in,background .1s ease-in;
	-o-transition:color .1s ease-in,background .1s ease-in;
	transition:color .1s ease-in,background .1s ease-in
}

a.go {
	background:url(/Resources/images/vm/ui/go-button.png) no-repeat right center transparent;
	background-size:24px 24px;
	padding:4px 34px 4px 0;
	font-size:16px;
	z-index:10
}

a:hover.go {
	color: #e31416;
}

.overflow-image {
	margin-top:-65px
}

#apps img.store {
	opacity:1
}

#apps img.store:hover {
	opacity:.4;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s
}

img.badges {
	width:70%!important;
	height:70%!important
}

img.logos {
	opacity:1
}

img.logos:hover {
	opacity:.4;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s
}

img.thumb {
	opacity:1
}

img.thumb:hover {
	opacity:.4;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s
}

/*------------------------------------------------------------------
8. Sections
-------------------------------------------------------------------*/
#landing,#product,#howto,#packs,#apps,#news,#retailers,#partners,#footerwrap,#troubleshooting,#presskit {
	background:#FFF;
	padding-top:100px;
	padding-right:0;
	padding-left:0;
	padding-bottom:60px
}
#retailers {
	padding-top: 60px;
}
#presskit {
	padding-bottom:300px
}

#troubleshooting {
	padding-bottom:120px
}

/*#packs {
	background:url(/Resources/images/vm/parallax/parallax-header.jpg) no-repeat center bottom transparent
}*/

#landing {
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
	padding:0
}

#landing .landing-wrapper {
	position:relative;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	width:100%
}

#landing img {
	width:76%;
	height:76%
}

#packs p.bio,#apps p.bio {
	font-size:12px;
	line-height:1.8em
}

#footerwrap {
	background:url(/Resources/images/vm/ui/footer-vm-icon.png) no-repeat center 30px #e31416;
	background-size:48px 48px;
	text-align:center;
	padding-bottom:64px
}

#footerwrap span {
	font-size:14px;
	color:#FFF;
	margin-top:2px;
	font-style:normal;
	font-weight:400
}

#footerwrap .subscribe {
	font-size:18px;
	color:#FFF;
	margin-top:2px;
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:500
}

#footerwrap .sso-nav-link {
	margin-top:0;
	border:2px solid #FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:14px;
	padding:8px 16px;
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:500;
	color:#FFF;
	background-color:transparent!important
}

#footerwrap .sso-nav-link:hover {
	text-shadow:0 0 2px #FFF,0 0 6px #ff2327
}
#footerwrap .choosecountry {
                width: 200px;
                margin:0 auto;
                border:2px solid #FFF;
                -webkit-border-radius:3px;
                -moz-border-radius:3px;
                border-radius:3px;
                font-size:14px;
                padding:8px 16px;
                font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
                font-style:normal;
                font-weight:500;
                color:#FFF;
                background-color:transparent!important
}
 
#footerwrap .choosecountry:hover {
                text-shadow:0 0 2px #FFF,0 0 6px #ff2327
}

#footerwrap p {
	color:#FFF;
	line-height:18px
}

#footerwrap p a {
	color:#FFF
}

#footerwrap p a:hover {
	text-shadow:0 0 2px #FFF,0 0 6px #ff2327
}

#footerlegal {
	background-color:#b4170e;
	padding-bottom:16px
}

#footerlegal span.copyright {
	color:#ffd2d2;
	font-weight:400;
	font-size:12px
}

#footerlegal span.copyright-fineprint {
	font-size:11px;
	color:#ff9191;
	display:block;
	line-height:1.2
}

#footerlegal span.copyright a {
	color:#FFF
}

#footerlegal span.copyright a:hover {
	text-shadow:0 0 2px #FFF,0 0 6px #ff2327;
	color:#FFF
}

#presskit h4 {
	color:#575757
}

#presskit .btn {
	margin-top:20px
}

.description {
	width:100%;
	text-align:center;
	margin:0 auto
}

ul.social-buttons {
	margin:-16px 0 16px
}

ul.social-buttons li a {
	padding:10px 24px;
	font-size:24px
}

ul.social-buttons > li > a.footer-social-facebook {
	background:url(/Resources/images/vm/ui/footer-facebook-red.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a.footer-social-twitter {
	background:url(/Resources/images/vm/ui/footer-twitter-red.png) no-repeat center center transparent;
	background-size:46px 46px
}
ul.social-buttons > li > a.footer-social-instagram {
	background:url(/Resources/images/vm/ui/footer-instagram-red.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a.footer-social-youtube {
	background:url(/Resources/images/vm/ui/footer-youtube-red.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a.footer-social-appstore {
	background:url(/Resources/images/vm/ui/footer-appstore-red.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a.footer-social-googleplay {
	background:url(/Resources/images/vm/ui/footer-googleplay-red.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a:hover.footer-social-facebook {
	background:url(/Resources/images/vm/ui/footer-facebook-white.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a:hover.footer-social-twitter {
	background:url(/Resources/images/vm/ui/footer-twitter-white.png) no-repeat center center transparent;
	background-size:46px 46px
}
ul.social-buttons > li > a:hover.footer-social-instagram {
	background:url(/Resources/images/vm/ui/footer-instagram-white.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a:hover.footer-social-youtube {
	background:url(/Resources/images/vm/ui/footer-youtube-white.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a:hover.footer-social-appstore {
	background:url(/Resources/images/vm/ui/footer-appstore-white.png) no-repeat center center transparent;
	background-size:46px 46px
}

ul.social-buttons > li > a:hover.footer-social-googleplay {
	background:url(/Resources/images/vm/ui/footer-googleplay-white.png) no-repeat center center transparent;
	background-size:46px 46px
}
.slide-img {
    width: 100%;
    height: 686px;
    background-position: 50% 50%;
}

/*------------------------------------------------------------------
09. Thumbnails
-------------------------------------------------------------------*/
.grid figure {
	margin:0
}

.grid figure img {
	width:100%;
	display:block;
	position:relative
}

.grid figure iframe {
	width:100%;
	display:block;
	position:relative;
	border:1px solid #e31416
}

.grid figcaption {
	color:#e31416;
	margin-top:10px
}

.grid figcaption a {
	color:#e31416
}

.box {
	cursor:pointer;
	height:auto;
	position:relative;
	overflow:hidden;
	min-width:180px
}

.box img {
	left:0;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	-ms-transition:all 500ms ease-out;
	transition:all 500ms ease-out
}

.box img.icon {
	width:42px !important;
	height:42px !important;
	position:relative;
	display:inline-block !important;
	opacity:0;
	transition-delay:.2s;
	transition-duration:.3s
}

.box:hover img.icon,.box:focus img.icon {
	opacity:1
}

.box .overbox {
	background-color:rgba(255,255,255,0.8);
	position:absolute;
	top:0;
	left:0;
	padding-top:25%;
	color:#FFF;
	z-index:100;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	-ms-transition:all 500ms ease-out;
	transition:all 300ms ease-out;
	opacity:0;
	width:100%;
	height:100%
}

.box:hover .overbox {
	opacity:1
}

.box .tagline {
	font-size:1em;
	padding-bottom:10px;
	opacity:0;
	transition-delay:.2s;
	transition-duration:.3s;
	color:#e31416;
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:500
}

.box:hover .tagline,.box:focus .tagline {
	opacity:1
}

/*------------------------------------------------------------------
10. Interstitial
-------------------------------------------------------------------*/
.modal-content {
	background-color:#FFF;
	border:4px solid #e31416;
	background:#FFF url(/Resources/images/vm/interstitial/vm-icon-red.png) no-repeat scroll center 20px / 64px 64px;
	padding:75px 30px 25px
}

.modal-header,.modal-footer {
	border:none;
	text-align:center
}

.modal-header {
	padding:30px 0 0
}

.modal-header .close {
	display:none
}

.modal-title {
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:500
}

.modal-body {
	font-size:15px
}

.modal-footer {
	padding:15px 15px 0
}

.btn-primary {
	margin-top:10px!important;
	outline:0!important
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
	background-color:#e31416;
	outline:0!important
}

.btn-default {
	background-color:#ccc!important;
	margin-top:10px!important;
	outline:0!important
}

.btn-default:hover,.btn-default:active,.btn-default:focus {
	text-shadow:none;
	outline:0!important
}

/*------------------------------------------------------------------
11. Accordion
-------------------------------------------------------------------*/
#accordion {
	text-align:left
}

#accordion hr {
	width:100%;
	background-color:#575757;
	margin-top:60px;
	margin-bottom:10px
}

#accordion h2 {
	font-family:"Gotham Rounded SSm A","Gotham Rounded SSm B",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:400;
	text-align:center;
	color:#575757
}

.accordion-toggle {
	cursor:pointer;
	background:url(/Resources/images/vm/ui/go-button.png) no-repeat 10px center #f6f6f6;
	background-size:20px 20px;
	padding:10px;
	padding-left:42px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#575757
}

.accordion-content {
	display:none;
	text-align:left
}

.accordion-content.default {
	display:block
}

/*------------------------------------------------------------------
12. Parallax (Experiences)
-------------------------------------------------------------------*/
#parallax img {
	display:block
}

#parallax {
	margin:0 auto;
	position:relative;
	overflow:hidden
}

#parallax #wrapper {
	position:relative;
	max-width: 1120px;
	margin: 0 auto;
}

#extra {
	width:0;
	height:0;
	max-height:0;
	max-height:0;
	display:none
}

nav.next-prev {
	margin:20px 0 0
}

a.next {
	display:block;
	width:45px;
	height:45px;
	text-indent:-9999px
}

a.next {
	margin:5px auto 0;
	background:transparent url(/Resources/images/vm/ui/go-button.png) center center no-repeat;
	background-size:36px 36px
}

a.next:hover {
	background:transparent url(/Resources/images/vm/ui/go-button-white.png) center center no-repeat;
	background-size:36px 36px
}

/* Parallax Styles */
.parallax-row {
	position: relative;
	height: 800px;
}
.parallax-row .content {
	position: relative;
	top : 60px;
    /*padding: 40px 0 60px;*/
    padding: 30px 80px 0px 40px;
    z-index: 10;
}
.parallax-row .content h1{
	color : #fff;
}
.parallax-row .calloutImg, .parallax-row .animImg{
	position: absolute;
}
.parallax-row .transition{
	z-index: 5;
	left: -50% !important;
}
.parallax-row .animImg.transition{
	left : -58% !important;
}
.en-gb .parallax-row .animImg.transition{
	left : -64% !important;
}
/* End of Parallax Styles */

/*------------------------------------------------------------------
13. CDA
-------------------------------------------------------------------*/
#cda {
	margin-top: 60px;
}
#cda .container-fluid  .row{
	margin-right: -15px;
}
#topCdaCarousel .item img{
    display: block;
    width: 100%;
    height: auto;
}
/* Styling Pagination*/
#topCdaCarousel .owl-wrapper-outer {
	padding: 0 20px;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-next, .owl-prev {
    display: none;
    position: absolute;
    top: 45%;
    z-index: 3;
    height: 23px;
    width: 15px;
}
.owl-prev {
    left: 0;
	background-image: url(/Resources/images/vm/ui/left-arrow.png);
}
.owl-next {
    right: 0;
	background-image: url(/Resources/images/vm/ui/right-arrow.png);
}
#topCdaCarousel .owl-prev { left: 30px; }
#topCdaCarousel .owl-next { right: 30px; }
.owl-carousel .owl-nav [class*='owl-'] {
    display: inline-block;
    cursor: pointer;
}
/* End of CDA Styles */
/*------------------------------------------------------------------
13. ProductCarousel
-------------------------------------------------------------------*/
.productCarouselWrapper {
	position: relative;
}
.productCarouselWrapper .pack-item {
	margin: 0 15px;
}

/*.productCarouselWrapper .productCarousel {
	padding: 0 20px;
	width: 95% !important;
}
.productCarouselWrapper .prevBtn, .productCarouselWrapper .nextBtn{
	cursor: pointer;
    width: 15px;
    height: 23px;
    display: block;
    position: absolute;
    top: 26%;
}

.productCarouselWrapper .prevBtn{
	background: url(/Resources/images/vm/ui/left-arrow.png) no-repeat transparent;
    left: 0;
}
.productCarouselWrapper .nextBtn{
	background: url(/Resources/images/vm/ui/right-arrow.png) no-repeat transparent;
    right: 0;
}*/

.productCarouselWrapper .owl-carousel.off {
    display: block;
}
.productCarouselWrapper.off .owl-prev, .productCarouselWrapper.off .owl-next {
    display: none;
}
.productCarouselWrapper.off .owl-carousel.off .owl-wrapper {
	width: auto !important;
}
.productCarouselWrapper.off .owl-carousel.off .owl-item {
	width: 100% !important;
}
.productCarouselWrapper .owl-prev { left: 0; }
.productCarouselWrapper .owl-next { right: 0; }
@media only screen and (min-width: 1024px) {
	.productCarouselWrapper .owl-prev { left: -10px; }
	.productCarouselWrapper .owl-next { right: -10px; }
}
/* End of ProductCarousel Styles */

/*------------------------------------------------------------------
14. Media Queries
-------------------------------------------------------------------*/
.hidden-desktop {display:none}
.product-static {display:none}

/* ----------- iPhone 6 ----------- */
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 120px;
		overflow: hidden;
	}
	#apps img.store {
		max-width:64%!important;
		max-height:64%!important
	}

	nav.next-prev {
		margin:4px 0 0!important
	}

	#content h1 {
		margin-bottom:2px!important
	}

	#packs {
		background-size:960px 117px!important
	}

	#retailers {
		background-size:960px 188px!important
	}

	#exp-destinations,#exp-wildlife,#exp-space {
		padding:60px 0 20px!important
	}

	#exp-space {
		top:0!important
	}

	#exp-destinations {
		top:430px!important
	}

	#exp-wildlife {
		top:900px!important
	}

	.parallax-row .animImg{
		display: none !important;
	}
	.parallax-row:last-child .animImg.transition{
		z-index: 0;
		max-width: 960px !important;
		max-height: 235px !important;
		display: block !important;
		bottom : -125px !important;
	}
	
	.parallax-row {
		height: 450px !important;
	}
	.calloutImg {
	    display: block !important;
	    left: 10px !important;
	    top: 10px !important;
	    position: relative !important;
	    margin-top: 10px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 120px;
		overflow: hidden;
	}
	#apps img.store {
		max-width:50%!important;
		max-height:50%!important
	}

	nav.next-prev {
		margin:4px 0 0!important
	}

	#content h1 {
		margin-bottom:2px!important
	}

	#packs {
		background-size:960px 117px!important
	}

	#retailers {
		background-size:960px 188px!important
	}

	#exp-destinations,#exp-wildlife,#exp-space {
		padding:60px 0 20px!important
	}

	#exp-space {
		top:0!important
	}

	#exp-destinations {
		top:430px!important
	}

	#exp-wildlife {
		top:900px!important
	}

	.parallax-row .animImg{
		display: none !important;
	}
	.parallax-row:last-child .animImg.transition{
		z-index: 0;
		max-width: 960px !important;
		max-height: 235px !important;
		display: block !important;
		bottom : -125px !important;
	}
	
	.parallax-row {
		height: 450px !important;
	}
	.calloutImg {
	    display: block !important;
	    left: 10px !important;
	    top: 10px !important;
	    position: relative !important;
	    margin-top: 10px;
	}
}

/* ----------- iPhone 5, iPhone 3G, iPhone 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 120px;
		overflow: hidden;
	}
	body {
		overflow:hidden!important;
		overflow-y:auto!important;
		position:relative
	}

	.navbar-default .navbar-nav > li > a {
		background-image:none!important;
		text-transform:uppercase!important;
		padding:0!important
	}

	.navbar-default .navbar-nav > li.first {
		padding:0 8px
	}

	.navbar-default .navbar-nav > li > a.buy {
		margin:0 auto;
		text-align:center;
		width:80px
	}

	.nav > li {
		margin-bottom:10px
	}

	.navbar-default .navbar-nav > li.button {
		margin-bottom:0
	}

	.navbar-default .navbar-collapse,.navbar-default .navbar-form {
		border-color:transparent
	}

	.scrolling-1,.scrolling-3 {
		background-color:rgba(242,242,242,1)
	}

	.scrolling-2 {
		background-color:rgba(0,0,0,1)
	}

	h1 {
		font-size:25px
	}

	hr {
		margin:1.5em auto;
		width:15%
	}

	.btn {
		margin-top:20px
	}

	p.callout {
		font-size:20px;
		width:80%
	}
	.player-wrapper-small {
		margin: auto;
		width:100%;
		min-height: 120px;
		height: 120px;
		max-height: 200px;
		overflow: hidden;
	}
	.player-wrapper-medium {
		height:180px!important
	}

	.player-wrapper-large {
		height:200px!important
	}

	#landing,#product,#howto,#packs,#apps,#news,#retailers,#partners {
		padding:70px 0 40px
	}

	img.logos {
		max-width:100%!important;
		max-height:100%!important
	}
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 120px;
		overflow: hidden;
	}
	nav.next-prev {
		margin:4px 0 0!important
	}

	#content h1 {
		margin-bottom:2px!important
	}

	#packs {
		background-size:960px 117px!important
	}

	#retailers {
		background-size:960px 188px!important
	}

	#exp-destinations,#exp-wildlife,#exp-space {
		padding:60px 0 20px!important
	}

	#exp-space {
		top:0!important
	}

	#exp-destinations {
		top:430px!important
	}

	#exp-wildlife {
		top:900px!important
	}

	.parallax-row .animImg{
		display: none !important;
	}
	.parallax-row:last-child .animImg.transition{
		z-index: 0;
		max-width: 960px !important;
		max-height: 235px !important;
		display: block !important;
		bottom : -125px !important;
		left: -92% !important;
	}
	
	.parallax-row {
		height: 450px !important;
	}
	.calloutImg {
	    display: block !important;
	    left: 10px !important;
	    top: 10px !important;
	    position: relative !important;
	    margin-top: 10px;
	}


}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 120px;
		overflow: hidden;
	}
	#landing img {
		height:50%!important;
		width:50%!important
	}

	.spacer-large {
		height:20px!important
	}

	nav.next-prev {
		margin:4px 0 0!important
	}

	#content h1 {
		margin-bottom:2px!important
	}

	#packs {
		background-size:960px 117px!important
	}

	#retailers {
		background-size:960px 188px!important
	}

	#exp-destinations,#exp-wildlife,#exp-space {
		padding:60px 0 20px!important
	}

	#exp-space {
		top:0!important
	}

	#exp-destinations {
		top:430px!important
	}

	#exp-wildlife {
		top:900px!important
	}

	.parallax-row .animImg{
		display: none !important;
	}
	.parallax-row:last-child .animImg.transition{
		z-index: 0;
		max-width: 960px !important;
		max-height: 235px !important;
		display: block !important;
		bottom : -125px !important;
	}

	.parallax-row {
		height: 450px !important;
	}

}

/* ----------- iPad mini, iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 120px;
		overflow: hidden;
	}
	.navbar-default .navbar-nav > li.social {
		display:none
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1025px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 120px;
		overflow: hidden;
	}
	.player-wrapper-medium {
		height:190px
	}

	#packs {
		background-size:1920px 312px!important
	}
	.parallax-row .animImg.transition {
	    left: -108% !important;
	}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	#exp-destinations {
		top:1540px!important
	}

	#exp-wildlife {
		top:2860px!important
	}

	nav.next-prev {
		margin:6px 0 0!important
	}

	#content h1 {
		margin-bottom:2px!important
	}

	#packs {
		background-size:1920px 312px!important
	}
	.parallax-row .animImg.transition {
	    left: -68% !important;
	}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.navbar-default .navbar-nav > li.social {
		display:none
	}

	.navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand {
		margin-left:0
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 120px;
		overflow: hidden;
	}
	.player-wrapper-medium {
		height:190px
	}

	#packs {
		background-size:1920px 312px!important
	}
	.parallax-row .animImg.transition {
	    left: -108% !important;
	}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 200px;
		max-height: 120px;
		overflow: hidden;
	}
	#exp-destinations {
		top:1540px!important
	}

	#exp-wildlife {
		top:2860px!important
	}

	nav.next-prev {
		margin:6px 0 0!important
	}

	#content h1 {
		margin-bottom:2px!important
	}

	#packs {
		background-size:1920px 312px!important
	}
	.parallax-row .animImg.transition {
	    left: -68% !important;
	}
}

@media screen and (min-width:993px) and (max-width:1200px) {
	.player-wrapper-small {
		margin: auto;
		width:100%;
		min-height: 120px;
		height: 200px;
		max-height: 200px;
		overflow: hidden;
	}
	.player-wrapper-medium {
		height:250px
	}

	.player-wrapper-large {
		height:340px
	}


	#landing img {
		width:60%;
		height:60%
	}

	.spacer-large {
		height:30px
	}
}

@media screen and (min-width:769px) and (max-width:992px) {
	.player-wrapper-small {
		margin: auto;
		width:100%;
		min-height: 120px;
		height: 120px;
		max-height: 200px;
		overflow: hidden;
	}
	.player-wrapper-medium {
		
		height:190px
	}
}

@media screen and (max-width:800px) {
	.navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand {
		margin-left:0
	}

	.navbar-default .navbar-nav > li.social {
		display:none!important
	}
}

@media screen and (max-width:768px) {
	a.go,a.go:hover {
		font-size:14px;
		background-size:16px 16px;
		padding-right:20px
	}

	body::-webkit-scrollbar { 
	    display: none !important 
	}

	.hidden-tablet-port {
		display:none
	}

	.row {
		margin-left:-2px
	}

	.navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand {
		margin-left:15px
	}
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 200px;
		max-height: 200px;
		overflow: hidden;
	}

	.player-wrapper-large {
		max-height:310px;
		min-height:150px
	}

	.hidden-desktop {
		display:block
	}

	.hidden-phone-land {
		display:none
	}

	.navbar-default {
		padding:15px 0
	}

	.hfix {
		font-size:22px
	}

	.accordion-toggle {
		font-size:90%;
		line-height:1.4
	}

	.accordion-content p {
		font-size:95%;
		line-height:1.4!important
	}
	
	
}

@media screen and (min-width:600px) and (max-width:768px) {
	
	.player-wrapper-small {
		margin: auto;
		width:75%;
		min-height: 120px;
		height: 120px;
		max-height: 200px;
		overflow: hidden;
	}
	.player-wrapper-medium {
		
		height:190px
	}
	
}
@media screen and (min-width:600px) and (max-width:767px) { 
	.parallax-row:last-child .animImg.transition {
	    left: -18% !important;
	}
}

@media screen and (max-width:800px) {
	.navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand {
		margin-left:0
	}

	.navbar-default .navbar-nav > li.social {
		display:none!important
	}
}

@media screen and (max-width:480px) {
	.product-360 {display:none !important}
	.product-static {display:block !important}
	.player-wrapper-small {
		margin: auto;
		width:50%;
		min-height: 120px;
		height: 120px;
		max-height: 200px;
		overflow: hidden;
	}
	.player-wrapper-medium {
		height:300px
	}

	.hidden-tablet-port {
		display:inline!important
	}

	.hidden-phone-port {
		display:none
	}

	#footerwrap .sso-nav-link {
		margin-top:14px
	}
	#footerwrap .choosecountry {
        margin-top:14px
	}
	.parallax-row:last-child .animImg.transition {
	    left: -72% !important;
	}
}
.displayfloat {
	float: none;
	display: inline-block;
    margin-left: 10px;
}
.container{
	margin: 0 auto;
}
.videocenter{
	text-align: center!important;
}
.videofagcontainer{
	text-align: center!important;
	width:98%;
	height: 300px!important;
}
.videofaqheight{
	width:98%;
	height: 240px!important;
}
.player-wrapper-faq {
	margin: auto;
	width:98%;
	height: 240px;
	overflow: hidden;
}
.smallpartner{
	height: 94px;
}

@media (min-width: 639px){
.col-md-4 {
    width: 33%;
}

#packs .container .col-md-4{width: 33%;}
#product .container .col-md-4{width: 33%;}
}


@media (min-width: 992px){
.col-md-3 {
    width: 24%;
}

.col-md-4 {
    width: 33%;
}
}
@media screen and (min-width:768px){
#apps .container{ width: 765px;}
.displayfloat {display:inline-block;}
}


@media screen and (max-width:768px){
.grid figure {    margin: auto;    width: 70%;}
.player-wrapper-small {  min-width:200px !important;}
 #packs  .container { padding:0;} 
/*  #apps .container  { width:764px; }  */

}

@media screen and (max-width:560px){
.videofaqheight { height: 190px !important}
.player-wrapper-faq { height: 190px !important}
.videofagcontainer { height: 250px !important}
}


@media screen and (min-width: 1200px){
#packs  .container {width:1230px;}
#apps .container  { width:1230px; } 
}

@media all and (device-width:768px){
    
	.player-wrapper-small {width:200px !important;}
	.grid figure {    margin: auto;    width: 100%;}
	#apps .container .col-md-4{width: 31%}
	#retailers  img.logos{width:190px; !important}

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.parallax-row .content {
		padding: 40px 0 0px !important; 
		top : 15px ;
	}
	.productCarouselWrapper .pack-item  img{
		margin: 0 auto;
	}
}

.owl-carousel .owl-nav {
    margin-top: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-stage {
	margin: 0 auto;
}