/* === === === === === FONTS === === === === === */
@font-face {
	font-family: 'HelveticaNeue';
	src: url('../fonts/HelveticaNeue/helveticaneue-webfont.eot');
	src: url('../fonts/HelveticaNeue/helveticaneue-webfont.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/HelveticaNeue/helveticaneue-webfont.ttf') format('truetype'), 
	url('../fonts/HelveticaNeue/helveticaneue-webfont.woff') format('woff'), 
	url('../fonts/HelveticaNeue/helveticaneue-webfont.svg') format('svg');
}

@font-face {
	font-family: 'GothamLight';
	src: url('../fonts/gothamLight/gothamrnd-light-webfont.eot');
	src: url('../fonts/gothamLight/gothamrnd-light-webfont.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/gothamLight/gothamrnd-light-webfont.ttf') format('truetype'), 
	url('../fonts/gothamLight/gothamrnd-light-webfont.woff') format('woff'), 
	url('../fonts/gothamLight/gothamrnd-light-webfont.svg') format('svg');
}

.headStyler{
	font-family:GothamLight,Helvetica;
}

@font-face {
	font-family: 'HelveticaNeueThin';
	src: url('../fonts/HelveticaNeueThin/helveticaneuethin-webfont.eot');
	src: url('../fonts/HelveticaNeueThin/helveticaneuethin-webfont.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/HelveticaNeueThin/helveticaneuethin-webfont.ttf') format('truetype'), 
	url('../fonts/HelveticaNeueThin/helveticaneuethin-webfont.woff') format('woff'), 
	url('../fonts/HelveticaNeueThin/helveticaneuethin-webfont.svg') format('svg');
}

@font-face {
	font-family: 'ManEaterBB';
	src: url('../fonts/ManEaterBB/ManEaterBB-Bold.eot');
	src: url('../fonts/ManEaterBB/ManEaterBB-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ManEaterBB/ManEaterBB-Bold.woff') format('woff'),
		url('../fonts/ManEaterBB/ManEaterBB-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


.headStyler span,
.headStyler small,
.txt,.txt *,
.greenChecks li{
	font-family:GothamLight,Helvetica;
}

.custom-alarm-tv {margin: 0 auto; float: none!important; }
.project_frox_h1 { font-size: 60px; text-shadow: 1px 2px rgba(0, 0, 0, 0.5); font-family:ManEaterBB,Helvetica; }

/* GENRAL
================================================================================================ 
================================================================================================*/
.contentBox{position:relative;z-index:10;line-height:15px;}
.contentBox .container .media-holder,
.contentBox .container .txt-section,
.contentBox .container > *{float:left;position:relative;}

.contentBox .container .media-holder,
.contentBox .container .txt-section{min-height:100px;position:relative;}

.contentBox .container .half-box{width:480px}
.contentBox.pad20 .container .half-box{width:440px;padding:0 20px}
.contentBox .container .full-box{width:960px}
.contentBox.pad20 .container .full-box{width:920px;padding:0 20px}
#project_IMG, #home_header{background-size:auto 100%;-webkit-background-size:auto 100%}
.padTopBottom65 { padding: 65px 0 ; }
.paddingBottom0 { padding-bottom: 0!important; }

.vpad30{padding-top:30px!important;padding-bottom:30px!important;}

#innerpage .contentBox .d-menu{position:relative;bottom:auto;}
 
.media-holder > img{
	display:block;
	margin:0 auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

.w100{width:100%;}
.setAbsolute{position:absolute!important;height:100%}
.setR{right:0}
.setL{left:0}
.setL+.half-box{float:right!important}
.tableStyle{display:table;height:100%}
.tableCell{display:table-cell;vertical-align:middle}


.width300Centered { width: 340px; margin: 0 auto; }

/* FLOATING */
.floatLeft, .contentBox .container .floatLeft{float:left}
.floatRight, .contentBox .container .floatRight{float:right}

/* BACKFROUND MODES */
.bgr_mode-white{background-color:#fff}
.bgr_mode-white  .headStyler{color:#313131}
.bgr_mode-white .txt{color:#05202e}

.bgr_mode-dark .headStyler{color:#fff}
.bgr_mode-dark .txt{color:#fcfcfd}
.bgr_mode-dark .opacity70 { opacity: 0.7; }

/* HEIGHT SETS */
.HSize-auto{min-height:500px}
.HSize-2{height:465px}
.HSize-3{height: 320px;}
.HSize-auto-367 { min-height:367px!important;}
.V-align .media-holder.regular{height:auto}

/* HEADINGS */

.headStyler{font-size:32px;line-height:40px;font-weight:700;}
.h_fontsize_27 { font-size: 27px; }
.headStyler span{font-weight:400}
.headStyler small{font-weight:400;font-size:28px;}
.headStyler.h3{font-size:24px;}
.headStyler.h3 small{font-size:17px;opacity: 0.8;}

/* PADDINGS */
.withPad{padding:140px 0}

/* TEXT */
.centerTxt{text-align:center}
.txt{
	font-size:18px;
	padding-top:10px;
	line-height:26px;
	position:relative;
}
.txt-section.customMarg85 > *{margin:0 0 0 150px;}
.txt-section.customMarg45 > *{margin:0 0 0 45px;}
.txt-section.customMarg35 > *{margin:0 0 0 25px;}
.txt-section.customMarg75 > *{margin: 0 0 0 75px;}
.greenChecks li{
	background:url(../img/greenCheck.png) no-repeat 0 5px;
	padding:0 0 15px 35px;
	font-size:18px;
	line-height:28px;
}
.greenChecks.battery li
{
	background:url(../img/battery/greenThick.png) no-repeat 0 5px;
}
.greenChecks.weather li
{
	background:url(../img/weather/thick.png) no-repeat 0 5px;
}
.greenChecks.compass li
{
	background:url(../img/compass/compass_tick.png) no-repeat 0 5px;
}
.greenChecks.batteryBlack li
{
	background:url(../img/battery/batteryBlackThick.png) no-repeat 0 5px;
}

.greenChecks.batteryBlack li > span
{
	opacity: 0.7;
}

.greenChecks.weather li > span
{
	opacity: 0.7;
}

.groceryList li
{
	background:url(../img/wordroll/thick.png) no-repeat 0px 6px;
	
	font-size: 22px;
	line-height: 32px; 
}

.bgr_mode-white .groceryList li
{
	color: #404b57;
}

.bgr_mode-dark .groceryList li
{
	color: #ffffff;
}

.groceryList.popemalllist li
{
    font-size: 18px;
    line-height: 26px;
}

.bgr_mode-white .groceryList.popemalllist li
{
    background:url(../img/popemall/popy_arrow.png) no-repeat 0px 6px;
}

.bgr_mode-dark .groceryList.popemalllist li
{
    background:url(../img/popemall/popy_arrow_dark.png) no-repeat 0px 6px;
}

ul.facebook_btns li a
{
	display: block;
    width: 265px;
    height: 36px;
    color: white;
    background: #44b62d;
    line-height: 36px;
    text-align: center;
    margin-bottom: 3px;
    margin: 3px auto;
    font-family: GothamLight,Helvetica;
}

ul.facebook_btns li a:hover
{
	text-decoration: none;
}

ul.facebook_btns li:last-child a
{
	background: #4267b2;
}


.contentBox .txt{
	font-size: 16px;
	padding-top: 10px;
	line-height: 26px;
}
.col-grey{color:#576166!important;}
.marginBottom20 { margin-bottom: 20px; }
.col-grey-light{color:#c3c0bb!important;}
/* .txt-section .bx-viewport li >*{margin:0 0 0 20px;} */
.txt-section .bx-viewport,
.txt-section .bxslider > li{background:none;}
/*==============================================================================================*/

/* HEADER 
================================================================================================ 
================================================================================================*/
#header{background:url(../img/headg.png) repeat;}
.frox_main #header { background:black; }
.frox_main { padding-top: 52px; }
#siteMenu > li a{color:#9b9b99}
#siteMenu > li a:hover,
#siteMenu > li.selected a{color:#fff; border-bottom: 2px solid white;}

/*==============================================================================================*/

/* CONTENT 
================================================================================================ 
================================================================================================*/

/* SLIDER
=================================================== */
#project_IMG, #home_header{
	position:relative;
	height:500px;
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
	overflow:hidden;
	z-index:5;
	display:block;
	width:100%;
	clear:both;
}

/* BRAND BOX 
=================================================== */
#innerpage .brandBox{
	height:500px;
}
.brandBoxInner{
	text-align:center;
}
.brandBoxInner .brandLogo{
	display:inline-block;
	clear:both;
}
.brandBoxInner .compassLogo{
	display:inline-block;
	clear:both;
}
.brandBoxInner .brandLogo img,
.brandBoxInner .compassLogo img{
	display:block;
	max-width:100%;
	height:auto;
}
.brandBoxInner .smallFont{
	font-size:12px;
	line-height:16px;
	font-weight:400;
	clear:both;
}

#innerpage .d-menu{
	opacity:1;
	bottom:20px;
}

.popemalllist a {
	text-decoration: underline;
	color: #fff;
}

#innerpage .d-menu-cardio{
	bottom:-30px;
}

.HSize-431{height:481px;} 
/* BRAND BOX CUSTOM
=================================================== */
.proj-1{background-image:url(../img/appHeadImg.jpg)}
.proj-1 .brandBox{background:url(../img/bgw.png) no-repeat 50% 50%;}
.proj-1 .brandBoxInner > *{margin-bottom:10px}
.proj-1 .smallFont{color:#abaaa6}
.proj-1 .button-1:hover .cButton:after{border-left: 9px solid #db3a36}

.proj-2{background-image:url(../img/alarmInner.jpg);}
.proj-cardio{background-image:url(../img/cardio/headerBgr.jpg)}
#project_IMG.proj-cardio-new,
#home_header.proj-cardio-new{background-image:url(../img/newcardio/bg1.jpg); overflow: visible;}
.proj-battery{background-image:url(../img/battery/headerBgr.jpg)}
.proj-cosmorun{background-image:url(../img/cosmorun/HomeHeaderBgr.jpg)}
.proj-cosmorun-inner{background-image:url(../img/cosmorun/innerHeaderBgr.jpg)}
.proj-frox-inner {background-image: url(../img/frox/FroxHeader.jpg);margin-bottom: 0px!important;}
.proj-killemall-inner {background-image: url(../img/killemall/KillEmAllHeader.jpg);margin-bottom: 0px!important;}
.proj-donzombie-inner {background-image: url(../img/donzombie/Don-Poster-Large.jpg); background-color: #000; margin-bottom: 0px!important;}
.proj-fattyfight-inner {background-image: url(../img/fattyfight/banner-ff-no65.jpg);margin-bottom: 0px!important;}
.proj-timberslash-inner {background-image: url(../img/timberslash/header.jpg);margin-bottom: 0px!important;}
.proj-trainmerger-inner {background-image: url(../img/trainmerger/header.jpg);margin-bottom: 0px!important;}
.proj-jumpdrive-inner{background-image:url(../img/jumpdrive/JumpDriveHeader.jpg); background-color: #0e0814;}
.proj-3{background:url(../img/grocery/header_bg.jpg) #f6f9f5;}
.proj-compass {background-image:url(../img/compass/compass_header.jpg);}
.proj-weather {background-image:url(../img/weather/BgHeader.jpg);}
.proj-cosmorun-inner {background-image: url(../img/cosmorun/CosmoHeader.png);margin-bottom: 0px!important;}
.proj-wordroll {background-image:url(../img/wordroll/BgHeader.jpg);margin-bottom: 0px!important;}
.proj-cobra {background-image:url(../img/cobrarun/cobra_header.jpg);margin-bottom: 0px!important;}
.proj-popemall{background-image:url(../img/popemall/top_background.png);margin-bottom: 0px!important;}
.bg-colorBlueGray {background: url(../img/grocery/organise_bg.jpg) no-repeat top center #b5b9ba; color: white; }
.bg-colorBlueGrayGradient {background: url(../img/grocery/sync_bg.png) repeat-x; overflow: hidden; max-height: 460px;}
.bg-colorBlueGrayGradient2 {background: #f5f5f5; overflow: hidden; max-height: 460px;}
.width_270 { max-width: 270px!important; }
.timber_second { background: url(../img/timberslash/second_bgr.jpg) no-repeat center center #000!important;}
.train_second { background: url(../img/trainmerger/second_bgr.jpg) no-repeat center center #000!important;}
.proj-frox-inner {
    background-image: url(../img/frox/FroxHeader.jpg);
    margin-bottom: 0px!important;
}
.frox_main #header {
    background: black;
}

.frox_main {
    padding-top: 52px;
}

.project_frox_h1 {
    font-size: 60px;
    text-shadow: 1px 2px rgba(0, 0, 0, 0.5);
    font-family: ManEaterBB,Helvetica;
}

/* BACKGROUNDS */
.bg-img1{background:url(../img/bgwood.jpg) no-repeat 0 50%}
.bg-img2{background:url(../img/bgpark.jpg) no-repeat 0 50%}
.bg-img3{background:url(../img/cardio/1pxVert.png) repeat-x;}
.bg-img3-android{background: #f1f0f3;}
.bg-img4{background:url(../img/bg4.jpg) no-repeat 50% 0 #0f0f0f;}
.bg-img5{background:url(../img/bg5.jpg) no-repeat 50% 0 #171717;}
.bg-img6{background:url(../img/battery/BG2.jpg) no-repeat 50% 0 #050301;}
.bg-img7{background:url(../img/compass/styles_bg.jpg) no-repeat 50% 0 #f2f2f6; }
.bg-img8{background:url(../img/compass/exploring_bg.jpg) no-repeat 50% 0 #b6cdbc; }
.bg-img9{background:url(../img/weather/shinyBackground.jpg) no-repeat 50% 0 #9277aa; }
.bg-img10{background:#fafcf9; }
.bg-img13{background: #f2f1f1; }
.bg-img11{background:url(../img/weather/lastSectionBgr.png) no-repeat 50% 0 #f2f2f2; }
.bg-img12{background:url(../img/newcardio/bottom_gradient.jpg) repeat-x;}
.bg-imgPopy { background:url(../img/popemall/second_bgr.png) no-repeat top; }
.jumpdrivebgr1 { background:url(../img/jumpdrive/bgr2.jpg) no-repeat top; background-color: #020215; }
.jumpdrivebgr2 { background:url(../img/jumpdrive/bgr3.jpg) no-repeat top; background-color: #010f20;  }
.jumpdrivebgr3 { background:url(../img/jumpdrive/bgr4.jpg) no-repeat top; background-color: #020103;}
.jumpdrive_special_right {     position: absolute;
    width: 233px;
    height: 245px;
    background: url(../img/jumpdrive/Right-Ship.png) no-repeat;
    top: 50%;
	right: 0;
 }
 .jumpdrive_special_left {     position: absolute;
     width: 518px;
     height: 300px;
     background: url(../img/jumpdrive/Left-Ship.png) no-repeat;
     top: 50%;
     left: 0;
  }
  
  .jumpDrive .HSize-auto {
	  min-height: 520px;
  }
.vsize_auto_747,
.contentBox .container .txt-section.vsize_auto_747 {min-height: 747px;  }

.bgImgSet-1{
	background-repeat:no-repeat;
	background-position:no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}

.grocery_img_margin_top {
	margin-top: 100px;
}

.padding_top_10 { padding-top: 10px; }

/* PAGE SPECIFIC STYLES */
.media-holder > img.custom-top{margin-top:-75px;margin-bottom:25px;}
.media-holder > img.custom-bot{position:absolute;bottom:0;left:94px;}
.spChar{position:absolute;left:-8px;top:10px;}
figure.media-holder > img.custom-fun{max-width:none!important;margin-top: -80px;margin-bottom: 140px;}
figure.media-holder > img.custom-fun2{max-width:none!important;margin-bottom: 140px;}
figure.media-holder > img.custom-fun-alarm{max-width:none!important;}
figure.media-holder > img.custom-fun-cosmo { margin-top: -77px; }

/*==============================================================================================*/


/* ADDITIONAL */
.topAlign { vertical-align: top; margin-top: 25px; }

.cardioDevices {width:100%; height: auto; min-height: 81px; margin-bottom: 15px;}
.cardioDevices a { display: inline-block; color: #05202e; font-family: GothamLight, Helvetica; font-size: 15px;  text-align: center; height: 81px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; background: url(../img/cardio/deviceIcons.png) no-repeat top left; }
.cardioDevices a span { margin-top: 60px; display: block; }

.cardioDevices a.cardioPhone { background-position: 18px 0px; margin-right: 11px; }
.cardioDevices a.cardioPad { background-position: -64px 0px; width: 57px; margin-right: 16px; }
.cardioDevices a.cardioMac { background-position: -150px 0px; width: 81px; margin-right: 9px; }
.cardioDevices a.cardioAndroid { background-position: -250px 0px; width: 61px; }

.cardioVideo { display: block; margin-bottom: 20px; position: relative; }
.cardioVideo .playBtn {  }

.apple_tv { margin-top: -2px; }

.woodBgr { background: url(../img/cardio/woodBgr.jpg) no-repeat top center; max-height: 425px; }
.woodBgrAndroid { background: url(../img/wordroll/infobgr.jpg) no-repeat top center; max-height: 425px;}
.cobraBgrAndroid {  background: url(../img/cobrarun/infobgr.jpg) no-repeat top center; max-height: 425px; }
img.custom-fun-phone { margin-top: -48px; }
img.custom-fun-phone-android { margin-top: -36px; }
img.custom-fun-cobra { margin-top: -20px; }
.HSize-auto { min-height: 357px; }
.HSize-padding30 { padding-top: 80px; padding-bottom: 60px; }
.cosmoBgrAndroid { background: url(../img/cosmorun/infobgr.jpg) no-repeat top center; max-height: 425px;min-height: 295px;}
.killEmAllBgr { background: url(../img/killemall/second_bgr.jpg) no-repeat top center; }
.devicesWrapper { width: 263px; margin: 0 auto; }
.cardioVideo  { height: auto; position: relative; }
.cardioVideo iframe { display: none; }
.cardioVideo img  {display: block; }

.paddingLeft210 { padding-left: 210px; }
.paddingLeft100 { padding-left: 100px; }
.paddingLeft120 { padding-left: 45px; }
.battery_special { position: relative; top: -70px; }
.compass_title { color: #113961; }
.paddingBottom0 { padding-bottom: 0!important; }
.paddingLeft50 { padding-left: 50px; }
.floatRight { float: right; }
.leftMinus80 { position: relative; left: -80px; }
.relative-left30 { position: relative; left: 30px; }
.customCardioImage { margin-top: 60px; }
.downloadSection { background: #e4e4e4; padding-top: 25px; }
.specialBlock { display: inline-block; }
/*==============================================================================================*/


div#div1.popEmAllDivs { } 
div#div1.popEmAllDivs > div:nth-child(even)
{
	background: url(../img/popemall/second_bgr.png) no-repeat center #143538;
}

div#div1.froxAllDivs > div:nth-child(even)
{
	background: url(../img/frox/second_bgr.jpg) no-repeat center #143538;
}

div#div1.killAllDivs > div:nth-child(even)
{
	background: url(../img/killemall/second_bgr.jpg) no-repeat center #143538;
}


div#div1.popEmAllDivs > div:nth-child(odd)
{
	background: #f2f1f1;!important;
}


div#div1.popEmAllDivs > div:nth-child(odd)
{
	background: #f2f1f1;!important;
}



div#div1.popEmAllDivs > div:nth-child(even) .groceryList li,
div#div1.popEmAllDivs > div:nth-child(even) .txt,
div#div1.popEmAllDivs > div:nth-child(even) .headStyler
{
	color: #ffffff;
}

div#div1.popEmAllDivs > div:nth-child(odd) .groceryList li,
div#div1.popEmAllDivs > div:nth-child(odd) .txt,
div#div1.popEmAllDivs > div:nth-child(odd) .headStyler
{
	color: #404b57;
}

div#div1.popEmAllDivs > div:nth-child(even) .groceryList.popemalllist li
{
	    background: url(../img/popemall/popy_arrow_dark.png) no-repeat 0px 6px;
}

div#div1.popEmAllDivs > div:nth-child(odd) .popemalllist a
{
	color: #404b57;
}

div#div1.popEmAllDivs > div:nth-child(odd) .groceryList.popemalllist li {
    background: url(../img/popemall/popy_arrow.png) no-repeat 0px 6px;
}

div#div1.popEmAllDivs > div:nth-child(even) .w100 > .txt-section
{
	left: 0!important;
	float: left;
}

div#div1.popEmAllDivs > div:nth-child(even) .w100 > .img-section
{
	right: 0!important;
	float: right;
}

div#div1.popEmAllDivs > div:nth-child(odd) .w100 > .txt-section
{
	right: 0!important;
	float: right;
}

div#div1.popEmAllDivs > div:nth-child(odd) .w100 > .img-section
{
	left: 0!important;
	float: left;
}

.play_on_facebook { display: block; width: 265px; height: 36px; color: white; background: #44b62d; line-height: 36px; text-align: center; margin-bottom: 3px; }
.play_on_gameroom {display: block; width: 265px; height: 36px; color: white; background: #4267b2; line-height: 36px; text-align: center; margin-bottom: 3px; }

.hi 
{
    width: 121px;
    height: 116px;
    background-image: url("../img/spritesheet2.png");
    position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
    
     
	-webkit-animation: play 1.8s steps(59) infinite;
    -moz-animation: play 1.8s steps(59) infinite;
    -ms-animation: play 1.8s steps(59) infinite;
    -o-animation: play 1.8s steps(59) infinite;
    animation: play 1.8s steps(59) infinite;

}


@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -7139px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -7139px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -7139px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -7139px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -7139px; }
}



@media only screen and (min-width: 1600px){
.grocery_img_margin_top { margin-top: 0px; }
	.contentBox{line-height:20px;}
	.contentBox .container  .half-box{width:550px}
	.contentBox.pad20 .container  .half-box{width:510px;padding:0 20px}
	.contentBox .container  .full-box{width:1100px}
	.contentBox.pad20 .container .full-box{width:1060px;padding:0 20px}
	#project_IMG, #home_header{background-size:auto 100%;-webkit-background-size:auto 100%}
	.headStyler{font-size:38px;line-height:48px;}
	.headStyler small{
		font-weight:400;
		font-size:30px;
	}
	.headStyler.h3{font-size:28px;line-height:40px;}
	.headStyler.h3 small{font-size:18px;}
	
	.vpad30{padding-top:30px!important;padding-bottom:30px!important;}
	.contentBox .txt{font-size:18px;padding-top:10px;line-height:28px;}
	/* ============================================================ */
	/* CUSTOM */
	.CUSTOM-HEIGHT{height:750px;}
	.txt-section.customMarg85 > *{margin:0 0 0 90px}
	figure.media-holder > img.custom-fun{max-width:none!important;}
	figure.media-holder > img.custom-fun-alarm{max-width:none!important;}
	.media-holder > img.custom-bot{left:108px;}
	.HSize-3{height:371px;}
	
	.paddingLeft120 { padding-left: 120; }
	.customCardioImage { margin-left: -30px; margin-top: 70px; }
	/* END CUSTOM */
}

/*==============================================================================================*/

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.grocery_img_margin_top { margin-top: 0px; }
	.contentBox{line-height:12px;}
	.contentBox .container  .half-box{width:384px}
	.contentBox.pad20 .container  .half-box{width:364px;padding:0 10px}
	.contentBox .container  .full-box{width:768px}
	.contentBox.pad20 .container .full-box{width:748px;padding:0 10px}
	
	.HSize-media-291 { min-height: 232px; }

	.headStyler{font-size:26px;line-height:34px}
	.headStyler.h3 {font-size:22px}
	.headStyler.h3 small {font-size:18px}
	
	.greenChecks li,
	.contentBox .txt{font-size:18px;line-height:26px;}
	.greenChecks li{padding-bottom:10px;background-position:0 2px}
	.media-holder > img.custom-bot{left:0}
	.HSize-3 {height: 275px;}
	
	/* CUSTOM */
	figure.media-holder > img.custom-fun{max-width:110%!important}
	figure.media-holder > img.custom-fun-alarm{max-width:110%!important}
	.txt-section.customMarg85 > * {margin: 0 0 0 30px}
	.txt-section.customMarg75 > * {margin: 0 0 0 25px}
	
	.paddingLeft210 { padding-left: 135px; }
}

/*==============================================================================================*/

@media only screen and (max-width: 768px) {
	.JD_PAGE .brandLogo,
	.JD_PAGE_HOME .brandLogo {
	    width: 360px;
    height: 320px;
	}
	
	.JD_PAGE .vsize_auto_747, .contentBox .container .txt-section.vsize_auto_747 {
	    min-height: 537px;
	}
img.custom-fun-cobra {
  margin-top: 19px;
}
figure.media-holder > img.custom-fun-cosmo {
	margin-top: 0px;
}

.cosmoBgrAndroid {
	overflow:hidden;  
	height: 323px!important;
  	clear: both;
}
	.custom_height270 { height: 270px; }
	.grocery_img_margin_top { margin-top: 0px; }
	.contentBox .container  .half-box,
	.contentBox.pad20 .container  .half-box,
	.contentBox .container  .full-box,
	.contentBox.pad20 .container .full-box{width:100%;padding:0}
	.contentBox .container > *{width:100%}
	
	.media-margin-bottom30 { margin-bottom: 30px; }
	.woodBgrAndroid { height: 407px!important; overflow: hidden; }
	img.custom-fun-phone-android { margin-top: 30px; }
	.HSize-431 { height: 330px; }
	.media-height-310 { height: 310px; }
	.HSize-431 { height: 182px; }
	
	.logo{width:165px;margin:0 auto;float:left;}
	#topMenu{float:right;text-align:center;}
	#project_IMG,#home_header,.brandBox.cosmoBox{height:380px!important;}
	#content .proj-cobra { height: 500px!important; }
	#content .proj-cosmorun-inner { height: 500px!important }
	#innerpage .brandBox.cobraBox { height: 400px; }
	.proj-1 .brandBox{
		position:relative;
		left:auto;
		right:auto;
		margin:0 auto;
	}
	#siteMenu > li a,
	#siteMenu > li a:hover, 
	#siteMenu > li.selected a{font-weight:700;}
	#siteMenu > li.selected a{font-weight:700;}
	
	.contentBox.pad20 .container .half-box{width:100%}
	.brandLogo{width:220px}
	.compassLogo{width:370px}
	.contentBox{padding:19px 0;min-height:inherit;}
	.contentBox > br,
	.txt br{display:none}
	.HSize-auto,
	.HSize-2{min-height:inherit;height:auto;}
	.HSize-3 {height: 200px;}
	.txt-section{text-align:center}
	.txt-section ul{text-align:left}
	.txt-section > *, .txt-section .bx-viewport li > *{margin:0}
	figure.media-holder > img.custom-fun{max-width:100%!important;width:auto!important;height:auto}
	figure.media-holder > img.custom-fun-alarm{max-width:100%!important;}
	.txt-section{padding-top:0!important;width:420px}
	
	.bg-img2{background-position:50% 0}
/* 	.bg-img3{background-position:50% bottom} */
	.bg-img5{background:#171717}

	.slideComments .greenB{max-width:160px}
	.slideComments li{width:100%}
	
	
	.setAbsolute{position:relative!important;height:auto}
	.setR{right:auto}
	.setL{left:auto}
	.tableStyle{display:table;height:auto;margin: 0 auto; width: 100%;}
	.slideComments .txt{padding:0 2px}
	
	#commentImg{display:none}
	.button-3.vids{margin:10px 0}
	/* FOOTER */
	#footer{height:auto}
	#footMenu{padding-top:20px}
	.footMenuTopLevel > li{
		margin:0 20px 20px;
		width:170px;
		text-align:center;
	}
	.footMenuTopLevel > li h1{font-size:22px}
	.footMenuTopLevel > li a,
	.buttonLinks li a{font-size:13px}
	.greenChecks li{font-size:15px}
	/* CUSTOM */
	.txt-section.customMarg85 > * {margin:0}
	
	.devicesWrapper { width: 190px; }
	.cardioDevices a.cardioPhone { margin-left: 20px; }
	.txt-section.customMarg75 > * { margin: 0 0 0 0px; margin: 0 auto; }
	.mobileHidden { display: none!important; }
	.cardioVideo img { margin: 0 auto; }
	img.custom-fun-phone { margin-top: 30px; }
	figure.media-holder > img.custom-fun { margin-bottom: 20px; }
	.cardioDevices { width: 190px; margin: 0 auto; }
	#project_IMG,#home_header { margin-bottom: 0; }
	.woodBgr { max-height: 415px; overflow: hidden; } 
	#footer{padding:0px 0 30px}
	
	.cardioVideo 
	{
		width: 100%;
		height: 330px;
    	position: relative;
	}
	
	.cardioVideo iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
	}
	
	.cardioVideo a 
	{
		display: none;
	}
	
	.paddingLeft210 { padding-left: 0px; }
	div.center_battery_list { margin: 0 auto!important; padding-top: 40px; }
	figure.hideDevices {display: none;}
	.topMargin30 {margin-top: 30px;}
	.mobileCenteredImage { margin: 3px auto; }
	.leftMinus80 { position: relative; left: auto; }
	.hidePad { display: none; }
	figure.bottomPadding20 { padding-bottom: 20px!important; }
	.relative-left30 { left: auto; }
	.paddingLeft120, .paddingLeft100 { padding-left: 0px; }
}

/*==============================================================================================*/

@media only screen and (max-width: 479px) {
	.vsize_auto_747, .contentBox .container .txt-section.vsize_auto_747 {
	    min-height: 200px;
	}
	
	.JD_PAGE .brandLogo,
	.JD_PAGE_HOME .brandLogo {
	    width: 315px!important;
	}
	
	.JD_PAGE .brandBoxInner .brandLogo img,
	.JD_PAGE_HOME .brandBoxInner .brandLogo img
	{
		margin-bottom: 0;
	}
	
	img.custom-fun-cobra { margin-top: 26px; }
	figure.media-holder > img.custom-fun-cosmo {margin-top: 13px;}
	.grocery_img_margin_top { margin-top: 0px; }
	.compassLogo{width:300px}
	.devicesWrapper { width: 190px; }
	.cardioDevices a.cardioPhone { margin-left: 20px; }
	.txt-section.customMarg75 > * { margin: 0 0 0 0px; }
	.mobileHidden { display: none!important; }
	.cardioVideo img { margin: 0 auto; }
	img.custom-fun-phone { margin-top: 30px; }
	figure.media-holder > img.custom-fun { margin-bottom: 20px; }
	.cardioDevices { width: 190px; margin: 0 auto; }
	
	.woodBgr,
	.cobraBgrAndroid,
	.cosmoBgrAndroid { overflow: hidden; } 
	#innerpage .d-menu {  bottom: 3%; }
	
	.brandLogo { width: 215px!important; }
	/*	.brandBoxInner .brandLogo img{ max-height: 135px!important; margin-bottom: 100px;}*/
	
	
	.cardioVideo 
	{
		width: 100%;
		height: 220px;
    	position: relative;
	}
	
	.cardioVideo iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
	}
	
	.cardioVideo a 
	{
		display: none;
	}


	#project_IMG,#home_header{margin-bottom:0;}
	
	.proj-1 .brandBox{
		position:relative;
		left:auto;
		right:auto;
		margin:0 auto;
	}
	
	.contentBox .container > *{width:100%}
	
	.headStyler{font-size:26px;line-height:34px;}
	.headStyler.h3{font-size:22px;line-height:30px;}
	.vpad30{padding-top:10px!important;padding-bottom:10px!important;}
	.contentBox{padding:19px 0;min-height:inherit;}
	.contentBox:last { padding: 0; }
	/* .media-holder{display:none;} */
	.HSize-auto,
	.HSize-2{min-height:inherit;height:auto;}
	.HSize-3 {height: 300px;}
	.greenChecks li{
		padding:0 0 10px 30px;
		font-size:16px;
		line-height:24px;
	}
	.txt-section{padding-top:0;width:300px}
/* 	.bg-img3{background-position:50% bottom} */
	.txt-section > *, .txt-section .bx-viewport li > *{margin:0}
	
	#footer{padding:0px 0 30px}
	
	.cosmoBgrAndroid {
	height: 320px;
  	clear: both;
  }
	
	/* SLIDER */
	.slideComments .txt{padding:5px;}
	
	/* CUSTOM */
	.contentBox.bg-img3{
		height:220px;
	}
	.paddingLeft210 { padding-left: 0; }
	.topMargin30 {margin-top: 30px;}
	.width300Centered {width:auto;}
	.hideMobile {display: none;}
	.mobileTopMargin { position: relative; top: 8px; }
	.relative-left30 { left: auto; }
	.paddingLeft120, .paddingLeft100 { padding-left: 0px; }
	.specialBlock { display: block; }
	
	.project_frox_h1 { font-size: 40px; }
	.brandBox.froxBox { width: 100%; }
}

.padding_top_40 { padding-top: 40px;}

.JD_PAGE #footer
{
	background: #0e0814;
	color: #b1afc2!important;
}

.JD_PAGE #footer span
{
	color: #b1afc2;
}

.JD_PAGE #footer a
{
	color: #3b3896!important;
}

.JD_PAGE #footer #botLogo
{
	background-image: url(../img/jumpdrive/logoBlack.png);
}

.JD_PAGE #footer .footMenuTopLevel .socialNet > li a
{
	border: 1px solid #b1afc2;
}

.JD_PAGE #footer .footMenuTopLevel .socialNet > li a:hover
{
	border: 1px solid #0e0814;
}

.JD_PAGE #footer .footMenuTopLevel .socialNet > li a 
{
    background-image: url(../img/jumpdrive/social.png);
}

.JD_PAGE .abs_center
{
	position: absolute;
	top: 50%;
	left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.JD_PAGE #footer .footMenuTopLevel .socialNet > li:last-child a
{
	background-image: none;
	background: none;
	color: #b1afc2!important;
}

.JD_PAGE .txt-section br
{
	display: block;
}

.JD_PAGE .cardioVideo
{
	margin-bottom: 0!important;
}