/* 
* 	Mobile Landing Page - Style Sheet
* 	=================================
*/

/* RESPONSIVE LAYOUT BREAKDOWN */
/* =========================== */

/* = DESKTOP VERSION */
/* ================= */

/* == BODY - DESKTOP */
body {margin:0;font-family:arial,'sans-serif';color:#293033;}
a {color:#0267b1;}
.footer {display: none;}



.mobile-Nav {
	display:none;
}
.navBtn {	
display:none;
}
.mobileToggle {
	display:none;
}

/* == TOP NAV - STATIC ELEMENT - DESKTOP */
.top_nav {position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 1000;height:65px;overflow: hidden;}
.top_nav_IE {width: 100%;background: #fff;height:65px;overflow: hidden;}
.top_nav_menu {width:970px;height:65px;margin:0 auto;}
.top_logo {display:inline-block;width:147px;height:24px;margin-top:21px;padding:0;float: left;}
.top_nav_menu nav {display: inline-block;position: relative;margin-top:21px;}
.cbp-af-header {position: fixed;top: 65px;left: 0;width:100%;background:#043f5f;z-index:997;height: 346px;overflow: hidden;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.cbp-af-header_IE {width:100%;background:#043f5f;height:346px;overflow:hidden;}
.cbp-af-header {
	/*height:340px;*/
	height: 346px;background: url('../img/bg-honeycomb-large.png') repeat-x 0 0;
	}
.cbp-af-header-shrink {margin-top:-303px;}
.main {margin-top:411px;}
.main_IE {margin-top:0;}

/* === MARQUEE SPACE - DINAMIC ELEMENT - DESKTOP */
/* === MARQUEE - DESKTOP */
.cbp-af-inner {max-width:970px;margin: 0 auto;}
.marquee {list-style:none;display:block;width:970px;height:346px;margin:0 auto;padding:0;}
.marquee-shrink {margin-top:0px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: margin 1s ease;}
.marquee_left {width:500px;display:inline-block;float:left;min-height:346px;vertical-align:bottom;background:url('../img/sub_nav_tablet_phone.png') no-repeat left bottom;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
.marquee_left-shrink {-webkit-transition: background 1.5s ease;-moz-transition: background 1.5s ease;transition: background 1.5s ease;background:url('../img/sub_nav_tablet_phone.png') no-repeat left 346px;}
.marquee_right {width:470px;display:inline-block;float:left;text-align:left;}
.marquee_headline {display:block;clear:both;width:470px;height:32px;margin:150px auto 15px 0;}
.marquee_headline_tablet {
	display:none;
}
.marquee_headline_mobile {
	display:none;
}
.marquee_right_caption {font:24px arial, 'sans-serif';color:#fff;}
.marquee_nav  {list-style:none;display:block;width:100%;margin:0;padding:0;font:12px arial, 'sans-serif';margin-top:100px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.marquee_nav li {display:inline-block;margin-left:100px;}
.marquee_nav li:first-child {margin-left:0px;}
.marquee_nav_IE {list-style:none;display:block;width:100%;height:43px;margin:0;margin-left:500px;padding:0;padding-top:14px;font:12px arial,'sans-serif';}
.marquee_nav_IE li {display:inline-block;margin-left:100px;}
.marquee_nav_IE li:first-child {margin-left:0px;}

/* === TOP DEVICE MENU - DESKTOP */
.topnav_apple, .topnav_android, .topnav_web {color:#a8d6ed;background:url('../img/sub_nav_arrow.png') no-repeat center 18px;display:inline-block;width:auto;height:27px;}
.topnav_apple:hover, .topnav_android:hover,.topnav_web:hover{color:#fff;}
.topnav_apple-scroll, .topnav_android-scroll, .topnav_web-scroll {color:#fff;background:url('../img/sub_nav_arrow2.png') no-repeat center 18px;display:inline-block;width:auto;height:27px;}

/* = STICKY MENU FOR IE */
/* ==================== */
.topmenu_ie_whitebar {background:#fff;}
.topmenu_ie_bluebar {background:#30658b;height:43px;}
.topmenu_ie_container {width:100%;max-width:970px;margin:0 auto;}
#topmenu_ie {position:fixed;top:0px;z-index:999;width:100%;padding:0px;opacity:0;filter:alpha(opacity=0); color:#fff;transition-duration:.1s;-webkit-transition-duration:.1s;}
#topmenu_ie p{ margin:0;clear:both;}
.hide {display:none;}
#container {height:1000px;width:100%;padding:0;margin:auto;}

/* == CONTENT - DESKTOP */
.container {position: relative;text-align:center;}
.subheader {display:block;font-size:24px;font-weight:bold;margin:0 0 30px;}
.content_txt18 {display:block;font-size:18px;}
.content_txt15 {display:block;font-size:15px;}
.content_txt12i {display:block;font-size:12px;font-style:italic; }



/* === SECTION PHONE - DESKTOP */
.section_phone {width:100%;/*height:556px;*/background:#fff;}
.section_phone_table {width:970px;display:block;/*height:556px;*/padding:0;margin:0 auto; padding-bottom:20px;
}
.section_phone_table li {float:left;display:inline-block;text-align:left;}
.section_phone_left {width:560px;padding-top:50px;}
.section_phone_right {width:405px;height:549px;float:right;}
.section_phone_container {width:100%;height:100%;position:relative;}
.section_phone_right .section_phone_container > div {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.section_phone_right .section_phone_container > div.active {opacity:1}
.section_iphone_body {width:100%;height:100%;background: url('../img/iphone2-frame.png') no-repeat center center;}
.section_iphone_screen {width:100%;min-height:100%;position:relative;z-index:996;background:url('../img/smartphoneFrames2.gif') no-repeat center center;}
.section_android_body {width:100%;height:100%;background: url('../img/smartphoneFrames2.gif') no-repeat center center;}
.section_android_screen {width:100%;min-height:100%;position:relative;z-index:996;background:url('../img/androidFrame.png') no-repeat center center;}
.phone-toggle {
	width:405px;
	float:right;
	margin-bottom:20px;
}
.phone-toggle a {
	color:#aaa;
	padding:0 10px;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.phone-toggle a:first-child {
	border-right:1px solid #333;
}
.phone-toggle .active {
	color:#0267b1;
}

.ctaContainer {
	margin-top:30px;
	margin-bottom:30px;
	width:285px;
	display:inline-block;
}

.buttonBadge {
	width:43%;
	float:left;
	display:inline-block;
}
.buttonBadgeRight {
	width:52%;
	float:right;
	display:inline-block;
}
.buttonBadgeText {
	display:inline-block;
	margin-top:10px;
}

/* === SECTION TABLET - DESKTOP */

.section_tablet {width:100%; background:#eeeeee;}

.section_tablet_table {width:970px;display:block;padding:0;margin:0 auto;
}
/*.section_ipad_table {width:970px;display:block;height:549px;padding:0;margin:0 auto;}
*/
.section_tablet_table li {float:left;display:inline-block;text-align:left;}
/*.section_ipad_table li {float:left;display:inline-block;text-align:left;}
*/
.section_tablet_left-scroll {background: url('../img/animated-ipad4.gif') no-repeat 0px center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
/*.section_ipad_left-scroll {background: url('../img/animated-ipad4.gif') no-repeat 0px center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
*/
/* If IE */
.section_tablet_left-screen_IE {width:506px;/*height:549px;*/position:absolute;background:url('../img/ipad-frame.png') no-repeat -28px center;}
/*.section_ipad_left-screen_IE {width:506px;height:549px;position:absolute;background:url('../img/ipad-frame.png') no-repeat -28px center;}
*/
.section_tablet_left-screen {width:506px;height:549px;position:absolute;background:/*url('../img/ipad-frame.png') no-repeat -30px center, */url('../img/ipad-shadow.png') no-repeat 0 center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
.section_shadow {width:506px;height:549px;position:absolute;background:/*url('../img/ipad-frame.png') no-repeat -30px center, */url('../img/ipad-shadow.png') no-repeat 0 center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
/*.section_ipad_left-screen {width:506px;height:549px;position:absolute;background:url('../img/ipad-frame.png') no-repeat -30px center, url('../img/ipad-shadow.png') no-repeat 0 center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
*/
.section_tablet_left-screen-scroll {background: url('../img/ipad-frame.png') no-repeat 0px center, url('../img/ipad-shadow.png') no-repeat 0 center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
/*.section_ipad_left-screen-scroll {background: url('../img/ipad-frame.png') no-repeat 0px center, url('../img/ipad-shadow.png') no-repeat 0 center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
*/
.section_tablet_left {float:left;}
.section_tablet_container {width:465px;height:549px;position:relative;}
.section_tablet_left .section_tablet_container > div {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.section_tablet_left .section_tablet_container > div.active {opacity:1}
.section_tablet_right {width:464px;padding-top:40px; margin-left:40px; float:right; text-align:left;}

.section_tablet_body {width:100%;height:100%;background: url('../img/ipad-frame.png') no-repeat center center;}
.section_tablet_screen {
	width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 996;
	background-image: url(../img/ipadbig.gif);
	background-repeat: no-repeat;
	background-position: -40px center;
}
.section_android_tablet_body {width:100%;height:100%;background: url('../img/android-tablet-frame.png') no-repeat center center;}
.section_android_tablet_screen {width:100%;min-height:100%;position:relative;z-index:996;background:url('../img/android-tablet-big.gif') no-repeat -20px center;}




.tablet-toggle {
	width:100%;
	float:none;
	margin-bottom:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.tablet-toggle a {
	color:#aaa;
	padding:0 10px;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.tablet-toggle a:first-child {
	border-right:1px solid #333;
}
.tablet-toggle .active {
	color:#0267b1;
}




/* === WEB - DESKTOP */
.webMobile {
	display:none;
}
.section_web {width:100%;height:556px;background:#fff;}
.section_web_table {width:970px;display:block;padding:0;margin:0 auto;}
.section_web_table li {float:left;display:inline-block;text-align:left;}
.section_web_left {width:560px;padding-top:50px;}
/*.section_web_right {width:405px;height:549px;background: url('../img/WebScreens.gif') no-repeat center 175px;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
.section_web_right-scroll {background: url('../img/WebScreens.gif') no-repeat center center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
*/.section_web_right-screen {width:405px;height:549px;position:absolute;background: url('../img/iphone-frame.png') no-repeat center 100px;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
.section_web_right-screen-scroll {background: url('../img/iphone-frame.png') no-repeat center center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
.section_web_dlbox {width:551px;list-style:none;display:block;margin:0;padding:0;margin-top:75px;}
.section_web_dlbox li {float:left;display:inline-block;text-align:left;}
.section_web_dlbox_left {width:305px;}
.mobileVersion {display: none;}
.mobileNav {display: none;}
.section_android_dlbox {display: none;}
.section_iphone2_dlbox {display: none;}
.section_ipad2_dlbox {display: none;}
.clearfix::after {content:":)";clear:both;display:block;visibility:hidden;height:0;}
.greyWrapper {width: 320px;background-color: #eeeeee;}
.whiteWrapper {width: 320px;background-color: #FFF;padding-bottom:0;}
.whiteWrapperIphone {width: 320px;height: auto;background-color: #FFF;padding-bottom:0;}
.whiteWrapperAndroid{width: 320px;height: auto;background-color: #FFF;padding-bottom:0;}
.whiteWrapperWeb {width: 320px;height: 585px;background-color: #FFF;padding-bottom:0;}
.ContentContainer {padding-top: 30px;padding-bottom: 30px;margin-right: auto;margin-left: auto;}
.button {width: 183px;margin-left:auto;margin-right: auto;float:left;}
.buttonTablet {width: 200px;float:right;margin-top: 10%;}
.buttonTxt {width: 320px;margin-top: 0px;}
.buttonTxtAndroid {margin-left: 5%;margin-right: 5%;margin-top: 0px;}
.iPhoneWeb {width: 238px;}
.iPad {width: 260px;margin-bottom: 20px;}

/* = TABLET VERSION */
/* ================ */





@media screen and (max-width: 768px) {
#toTop, #toTopHover" {display:none;}

/* == TOP NAV - TABLET */	
.top_nav {width: 100%}
.top_nav_menu {width:100%;height:78px;margin:0 auto;}
.main {margin-top:328px;
width:100%}

/* == CONTENT - TABLET */
.container {margin-top: 340px;}
.subheader {display:block;font-size:20px;font-weight:bold;margin:0 0 30px;}
.content_txt18 {display:block;font-size:16px;}
.content_txt15 {display:block;font-size:13px;}
.content_txt12i {display:block;font-size:12px;font-style:italic; }

/* === MARQUEE SPACE - DINAMIC ELEMENT - TABLET */
/* === MARQUEE - TABLET */
.cbp-af-header {position: fixed;top: 78px;left: 0;width: 100%;background:#043f5f;z-index:999;height:250px;overflow: hidden;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.cbp-af-header {height: 250px;background: url('../img/bg-honeycomb-large.png') repeat-x 0 0;}
.cbp-af-header-shrink {margin-top:-207px;}
.cbp-af-inner {
	width:100%;
	margin: 0 auto;
	}
.marquee {margin: 0px auto;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: margin 1s ease;}
.marquee-shrink {margin-top:0px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: margin 1s ease;}
.marquee_left {width:350px;display:inline-block;float:left;min-height:250px;vertical-align:bottom;margin-left: 25px; background:url('../img/sub_nav_tablet_phone_350.png') no-repeat left bottom;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
.marquee_left-shrink {background:url('../img/sub_nav_tablet_phone_350.png') no-repeat left 300px;-webkit-transition: background 1.5s ease;-moz-transition: background 1.5s ease;transition: background 1.5s ease;}
.marquee_headline {
	display:none;
}
.marquee_right {
	margin-left:20px;
	width:300px;
	}

.marquee_headline_tablet {color:transparent;display:block;clear:both;/*width:294px;height:27px;*/
width:300px;height:77px;
margin:60px auto 15px 0;
}
.marquee_right_caption {font:1em arial, 'sans-serif';color:#fff;
}
.marquee_nav  {list-style:none;display:block;width:752px;margin:0;padding:0;font:13px arial, 'sans-serif';margin-top:35px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.marquee_nav li {display:inline-block;margin-left:80px;background:url(../img/sub_nav_arrow.png) no-repeat center 18px;height:27px;}

.ctaContainer {
	margin-top:30px;
	margin-bottom:30px;
	width:240px;
	display:inline-block;
}


/* === SECTION IPHONE - TABLET */
.phone-toggle {
	width:300px;
	float:right;
	margin-bottom:20px;
	position:inherit;
	top:200px;
}


/* adjusted by DJ */
.section_phone {width:100%; background:#fff;}
.section_phone_table {width:752px;
display:block;height:height:556px;;padding:0;margin:0 auto;
}
.section_phone_table li {float:left;display:inline-block;text-align:left;}
.section_phone_left {width:380px;padding-top:20px; padding-left:52px;}
.section_phone_right {width:300px;height:556px;/*background: url('../img/iphone-frame-200.png') no-repeat center middle;*/ margin-left: 10px;}
.section_phone_container {width:100%;height:556px;position:relative;}
.section_phone_right .section_phone_container > div {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.section_phone_right .section_phone_container > div.active {opacity:1}
/* adjusted by DJ */


/* === SECTION TABLET - TABLET */


.tablet-toggle {
	width: 200px;
/*	float:right;
*/	margin-bottom:20px;
margin-left:auto;
margin-right:auto;

text-align:center;
}
.section_tablet_table {
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.section_tablet_left, .section_tablet_container {
	width:350px;
}
.section_tablet_left-screen {width:400px;}
.section_tablet_left-screen_IE {width:400px;}
.section_tablet_left .section_tablet_container > div.active {opacity:1}
.section_tablet_right {width:300px;padding-top:40px; margin-right:20px; float:left; text-align:left;}

.section_tablet_body {width:400px;background: url('../img/ipad-frame.png') no-repeat -130px center;}
.section_tablet_screen {width:100%;min-height:100%;position:relative;z-index:996;background:url('../img/animated-ipad4.gif') no-repeat -130px center;}
.section_android_tablet_body {width:400px;height:549px;background: url('../img/android-tablet-frame.png') no-repeat -130px center;}
.section_android_tablet_screen {width:100%;min-height:100%;position:relative;z-index:996;background:url('../img/animated-android-tablet.gif') no-repeat -105px center;}




/* === SECTION WEB TABLET */
.section_web {width:752px;height:562px;background:#fff;}
.section_web_overlay {width: 752px;height: 100%;text-align: center;}
.section_web_table {width: 752px;display: block;height: 562px;padding: 0;margin: 0 auto;}
.section_web_table li {float:left;display:inline-block;text-align:left;}
.section_web_left {width:320px; margin-left:60px; background: /*url('../img/iphone2-frame.png') no-repeat center 100px;*/-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
.section_web_right {width:240px;padding-top:0px; padding-left: 0px;  margin-left: 30px; }
.section_web_right-screen {width:240px;height:549px;position:center 0;background: url('../img/iphone-frame.png') no-repeat center center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
}

/* = MOBILE VERSION */
/* ================ */
@media only screen 
and (max-width : 640px)
and (min-width : 321px){
	
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 20px;
right: 0px;
overflow: hidden;
width: 90px;
height: 100px;
border: none;
text-indent: -999px;
background:url(../img/jumpBTN.png) no-repeat right top;
z-index: 3000;
}

#toTopHover {
background:url(../img/jumpBTN.png) no-repeat right -40px;
width: 30px;
height: 40px;
display: block;
overflow: hidden;
float: left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
outline: none;
}

.main {
	width: 100%;
	margin:0;
	padding:0;
}
.main_IE {margin-top:display:none;
}



.mobileToggle {
	display: block;
}


/*wild card*/
.container {
	width:100%;
	margin: 0px;
}
/*wild card*/
#section_iphone {
	width:100%;
}

.mobileVersion {width: 100%;max-width: 640px;display:block; margin-bottom:0; padding-bottom:0; top:0;}
.mobile-Nav {width: 100%;
padding-bottom:0; margin-top: 0;/*padding-top: 30px;*/ margin-bottom: 10px; top: 0;display: block;
background-image: url(../img/bg-honeycomb-large.png);background-repeat: repeat;background-position: 0 0; /* Old browsers */}
/*.mobile-Nav-overlay {width: 100%;height: 100%; background-image: url(../img/bg-honeycomb-large.png);background-repeat: repeat;background-position: 0 0;
}
*/
.headline {width:280px;margin-left:auto;margin-right:auto;}
.subhead {
	margin-top:0px;
}
.headerImage {width: 100%; height:168px;margin-top:0px;
text-align:center;
margin-bottom:0; padding:0;
}
/*.subhead {
	height: 20px;
}
*/
.navBtn {
	display:block;
	text-align: center;color: #a8d6ec;width:100%;height: 40px;background-color: #0c4373;margin-bottom:5px;margin-right: auto;margin-left: auto;line-height: 40px;}
.navBtn a {text-decoration: none;color: #a8d6ec;}	
.navBtn a:hover {color: #FFF;}





.marquee_headline_mobile {
	display: none;
}
/* == TOP NAV - STATIC ELEMENT - DESKTOP */
.top_nav {
	display:none;
}
.top_nav_IE {	
display:none;
}
.top_nav_menu {	
display:none;
}
.top_logo {
	display:none;
}
.top_nav_menu nav {
	display:none;
}
.cbp-af-header {	display:none;
}
.cbp-af-header_IE {	
display:none;
}
.cbp-af-header {
display:none;
}
.cbp-af-header-shrink {
display:none;
}
/* === MARQUEE SPACE - DINAMIC ELEMENT - DESKTOP */
/* === MARQUEE - DESKTOP */
.cbp-af-inner {display:none;
}
.marquee {display:none;
}
.marquee-shrink {display:none;
}
.marquee_left {display:none;
}
.marquee_left-shrink {display:none;
}
/*.marquee_headline {display:block;clear:both;width:470px;height:32px;margin:150px auto 15px 0;}
*/
.marquee_headline_tablet {
	display:none;
}
.marquee_headline_mobile {
	display: block;
}
.marquee_right_caption {display:none;
}
.marquee_nav  {display:none;
}
.marquee_nav li {display:none;
}
.marquee_nav li:first-child {display:none;
}
.marquee_nav_IE {display:none;
}
.marquee_nav_IE li {display:none;
}
.marquee_nav_IE li:first-child {display:none;
;}

/* === TOP DEVICE MENU - DESKTOP */
.topnav_apple, .topnav_android, .topnav_web {display:none;
}
.topnav_apple:hover, .topnav_android:hover,.topnav_web:hover{display:none;
}
.topnav_apple-scroll, .topnav_android-scroll, .topnav_web-scroll {display:none;
}

/* = STICKY MENU FOR IE */
/* ==================== */
.topmenu_ie_whitebar {display:none;
}
.topmenu_ie_bluebar {display:none;
}
.topmenu_ie_container {display:none;
}
#topmenu_ie {display:none;
}
#topmenu_ie p{display:none;
}
#container {
	height: auto;
	width:100%;
	padding:0;
	margin:auto;}

/* == CONTENT - DESKTOP */
.container {
	position: relative;
	text-align:center; 
	width:100%;
}
.content_txt18 {
	display:block;
width:auto;
font-size:18px;}
.content_txt15 {
	display:block;
	font-size:15px;
	width:auto;
}
.content_txt12i {
	display:block;
	font-size:12px;
	font-style:italic; 
	width:auto;

	}



/* === SECTION PHONE - DESKTOP */
.section_phone {
	width:100%;
		height:100%;

	/*height:556px;*/
	background:#fff;
}
/*#section_iphone2 {
	width:100%;
	height:100%;
	background:#fff;
}
*/.section_phone_table {
	width:100%;
	display:block;
	/*height:556px;*/
	padding:0;
	margin:0 auto; 
	padding-bottom:20px;
}
.section_phone_table li {
		height:100%;

	float:none;
	display:inline-block;
	text-align:left;
}
.section_phone_left {
	width: auto; 
	clear:both;
	padding-top:50px; 
	display:block; 
	padding-left:20px;
	padding-right:20px;
}
.section_phone_right {
	width:100%;
	clear:both;
	height: 100%; 
	display:block;
	position:relative;
}
.section_phone_container {
	width:100%;
	height:246px;
	margin-top:20px;
/*	position:relative;
*/
}
#section_iphone2 {
	width:100%;
}
.section_phone_right .section_phone_container > div {
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.section_phone_right .section_phone_container > div.active {
	opacity:1;
	width:100%;
}
.section_iphone_body {
	width:100%;
	height:100%;
	background: url('../img/iphoneMobile-frame-300.png') no-repeat center center;
}
.section_iphone_screen {
	width:100%;
	min-height:100%;
	position:relative;
	z-index:996;background:url('../img/mobileFrames.gif') no-repeat center bottom;
}
.section_android_body {
	width:100%;
	height: 246px;
	background: url('../img/mobileFrames.gif') no-repeat center bottom;
	}
.section_android_screen {
	width:100%;
	min-height:100%;
	position:relative;
	z-index:996;
	background:url('../img/androidPhoneMobile-frame-300.png') no-repeat center top;
	}
.phone-toggle {
	width:100%;
	top:0;
	z-index:1000;
	clear:both;
	margin-bottom:20px;
	position:absolute;

}
.phone-toggle a {
	color:#aaa;
	padding:0 10px;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.phone-toggle a:first-child {
	border-right:1px solid #333;
}
.phone-toggle .active {
	color:#0267b1;
}

.ctaContainer {
	margin-top:20px;
	margin-bottom:20px;
	width:280px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:inline-block;
	position: relative;
	left: 50%;
	margin-left: -140px;
}

.buttonBadge {
	width:43%;
	float:left;
	display:inline-block;
}
.buttonBadgeRight {
	width:52%;
	float:right;
	display:inline-block;
}
.buttonBadgeText {
	display:inline-block;
	margin-top:10px;
}

/* === SECTION TABLET - mobile */

.section_tablet {
	width:100%; 
	background:#eeeeee;
	}

.section_tablet_table {
	width:100%;
	padding:0;
	margin:0 auto;
}
.section_tablet_table li {
	float:left;
	display:inline-block;text-align:left;
	}
.section_tablet_left-scroll {background: url(../img/animated-Mobile-tablet.gif) no-repeat 0px center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
/* If IE */
.section_tablet_left-screen_IE {	display:none;
}
.section_tablet_left-screen {
	display:none;
	}
.section_shadow {
	display:none;
	}
/*.section_ipad_left-screen {width:506px;height:549px;position:absolute;background:url('../img/ipad-frame.png') no-repeat -30px center, url('../img/ipad-shadow.png') no-repeat 0 center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
*/
.section_tablet_overlay {
	width:100%;
	}

.section_tablet_left-screen-scroll {
	background: url('../img/ipad-frame-262.png') no-repeat 0px center, url('../img/ipad-shadow.png') no-repeat 0 center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
/*.section_ipad_left-screen-scroll {background: url('../img/ipad-frame.png') no-repeat 0px center, url('../img/ipad-shadow.png') no-repeat 0 center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
*/
.section_tablet_left {
	height:260px;
	float:left;
	margin-bottom:40px;
	margin-top:40px;
	}
.section_tablet_container {
	width:100%;
	height: inherit;
	position:relative;
}
.section_tablet_left .section_tablet_container > div {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.section_tablet_left .section_tablet_container > div.active {
	opacity:1
}
.section_tablet_right {
width: auto;
padding-top:40px; 
padding-left:20px;
padding-right:20px;
display:block;
clear:both;
text-align:left;
margin-left:0px;
margin-right:0px;
}


.section_tablet_body {width:100%;/*height:100%;*/background: url('../img/ipad-frame-262.png') no-repeat 0px center;
}
.section_tablet_screen {
	
/*	height:260px;
	display:none;
	width: 100%;
	min-height: inherit;
	position: relative;
	z-index: 996;
*/	
background: url('../img/ipadMobile.gif') no-repeat center center;
	background-repeat: no-repeat;
	background-position: 0px center;
}
.section_android_tablet_body {width:100%;height:100%;background: url('../img/android-frame-262.png') no-repeat 0px center;}
.section_android_tablet_screen {width:100%;min-height:100%;position:relative;z-index:996;background:url('../img/androidTabletMobile.gif') no-repeat left center;}




.tablet-toggle {
	width:100%;
	float:none;
	margin-bottom:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}
.tablet-toggle a {
	color:#aaa;
	padding:0 10px;
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.tablet-toggle a:first-child {
	border-right:1px solid #333;
}
.tablet-toggle .active {
	color:#0267b1;
}



/* === WEB - DESKTOP */

.webMobile {
	display: block;
	text-align:center;
	margin-top:20px;
	width:100%;
}

.section_web {
	height:auto;
width:100%;
background:#fff;}
.section_web_table {width:100%;
	height:auto;

display:block;padding:0;margin:0 auto;}
.section_web_table li {float:left;display:inline-block;text-align:left;}
.section_web_left {
	width:90%;
padding-left:20px;
padding-right:20px;
padding-top:20px;
margin-left:0;
}
.section_web_dlbox_left {
	max-width:300px;
	width:90%;
margin-top:20px;
margin-bottom:20px;
}
.section_web_dlbox {
	margin-top:20px;
	}

.content_txt15 {
	width:100%;
	}
.subheader {
	width: 100%;
}
.webMobile {
width:100%; 
}

/*.section_web_right {width:405px;height:549px;background: url('../img/WebScreens.gif') no-repeat center 175px;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
.section_web_right-scroll {background: url('../img/WebScreens.gif') no-repeat center center;-webkit-transition: background 1.2s ease;-moz-transition: background 1.2s ease;transition: background 1.2s ease;}
*/.section_web_right-screen {
	display:none;
	}
.section_web_right-scroll {
	display:none;
}
li.section_web_right .section_web_right-scroll {
	display:none;
}
.section_web_right-screen-scroll {
	display:none;
}
.greyWrapper {width: 100%;background-color: #eeeeee;}
.whiteWrapper {
	width: 100%; 
height:100%;
background-color: #FFF;padding-bottom:0;
}
.whiteWrapperIphone {
	width: 100%;
	height: 100%;
	background-color: #FFF;padding-bottom:0;
	}
.whiteWrapperAndroid{
	width: 100%;
	height: 100%;
	background-color: #FFF;padding-bottom:0;
	}
.whiteWrapperWeb {
	width: 100%;
	height: 100%;
	background-color: #FFF;padding-bottom:0;
	}
.ContentContainer {
	padding-top: 30px;padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	}
.button {
	width: 183px;
	margin-left:auto;
	margin-right: auto;
	float:left;
	}
.buttonTablet {width: 200px;
float:right;
margin-top: 10%;
}
.buttonTxt {
	width: 320px;
	margin-top: 0px;
	}
.buttonTxtAndroid {margin-left: 5%;margin-right: 5%;margin-top: 0px;}




}

@media only screen 
and (max-width : 320px){

/*.cbp-af-header {display:none;}
#toTop {display: none;text-decoration: none;position: fixed;bottom: 20px;right: 0px;overflow: hidden;width: 90px;height: 100px;border: none;text-indent: -999px;background:url(../img/jumpBTN.png) no-repeat right top;z-index: 3000;}
#toTopHover {background:url(../img/jumpBTN.png) no-repeat right -40px;width: 30px;height: 40px;display: block;overflow: hidden;float: left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline: none;}
.container, #section_iphone {display: none;}
.mobileVersion {width: 320px;display:block;}
.mobile-Nav { height: 500px;width: 320px;margin-top: 0;padding-top: 30px;top: 0;display: block;}
.mobile-Nav-overlay {width: 100%;height: 100%; 
background-image: url(../img/honeycomb-pattern-lg-2.png);background-repeat: repeat;background-position: 0 0;}
.headline {width:280px;margin-left:auto;margin-right:auto;}
.headerImage {width: 301px;margin-top: 10px;margin-bottom: 20px;margin-right: auto;margin-left: auto;position: relative;left: 50%;margin-left: -150px;}
.navBtn {text-align: center;color: #a8d6ec;width:300px;height: 40px;background-color: #0c4373;margin-bottom:10px;margin-right: auto;margin-left: auto;position: relative;left: 50%;margin-left: -150px;line-height: 40px;}
.navBtn a {text-decoration: none;color: #a8d6ec;}	
.navBtn a:hover {color: #FFF;}
.ContentContainer {width: 320px;margin: 0;padding-bottom: 1px;}
.copy {width: 300px;margin-right: auto;margin-left: auto;font-size: 1em;margin-top: 20px;margin-bottom: 25px;}
.copy span {font-size: 0.9em;font-style: italic;line-height: 1.8em;}
.button {width: 183px;float:none;clear: both;margin-left: auto;margin-right: auto;margin-bottom: 0px;}
.descriptTxt {display: block;width: 200px;text-align: center;margin-right: auto;margin-left: auto;margin-top: 10px;font-size: 0.9em;margin-bottom: 50px;}
.descriptTxtWeb {width: 300px;margin-right: auto;margin-left: auto;font-size: 0.9em;margin-bottom: 25px;}
.descriptTxtWeb a {color: #0267b1;text-decoration: none;	}
.descriptTxtWeb a:hover {color: #0267b1;text-decoration: underline;}
.copyButtonTablet {width: 280px;margin-bottom: 10%;clear: both;margin-right: auto;margin-left: auto;position: relative;left: 50%;margin-left: -140px;}
.copyTablet {font-size: 0.9em;}
.copyButtonAndroid {width: 280px;margin-bottom: 10%;clear: both;margin-right: auto;margin-left: auto;position: relative;left: 50%;margin-left: -140px;}
.copyButtonAndroidTablet {width: 280px;margin-bottom: 10%;clear: both;margin-right: auto;margin-left: auto;position: relative;left: 50%;margin-left: -140px;}
.buttonTablet {float:none;clear: both;margin-left: 20%;margin-right: 20%;margin-bottom: 0px;}
.buttonContainer {width: 300px;margin-left:auto;margin-right:auto;display: block;margin-bottom: 10px;}
.buttonAndroid {text-align: center;}
.buttonAndroidRight {margin-top: 10px;text-align: center;}
.descriptTxtTablet {width: 100%;text-align: center;font-size: 0.8em;margin: 0;}
.iPhone {width: 300px;margin-bottom:0;margin-left: auto;margin-right: auto;overflow: hidden;}
.iPad {height: 260px;}
.androidTablet {width: 262px;float: left;margin-bottom: 20px;}
.descriptTxtTablet {width: 262px;margin-left: 0px;float: left;margin-top: 60px;font-size: 0.9em;}
.greyWrapper .ContentContainer.clearfix .iPhone img {width: 100%;}
.whiteWrapper .ContentContainer.clearfix .iPhone img {width: 100%;}Í
}