@charset "utf-8";
/*
------------------------
homepage 5 features
------------------------
*/

#iph,#iph2,#iph3 { height:260px; font-size:40px; color:#0198B9; padding-top:20px;}
#iph p,#iph2 p,#iph3 p { margin:0; padding:0; text-align:left; padding-left:10px;}

#iph2 h3 { font-size:18px; font-weight:normal; line-height:1.2; text-align:left; padding-left:50px; color:#333333; }
#iph2 p.fntstyl { font-size:80px; line-height:1.2;}
#iph2 img { margin-top:20px;}

.hwsb,.fwsb,.mwsb,.ffpb,.hwsbC,.fwsbC,.mwsbC,.ffpbC { width:322px; background:url(sbimages/sbframebg.png) center top no-repeat; }
.hwsbC,.fwsbC,.mwsbC,.ffpbC { width:238px; background:url(sbimages/sbframebg4.png) center top no-repeat;}
.ipdapp {
	width:664px;
	height:300px;
	text-align:center;
	float:left;
	font-size:22px;
	font-weight:normal;
	background:url(sbimages/sb_appsframe.png) center top no-repeat;
}

.iphapp { padding-right:26px; width:241px;}
.andapp {padding-left:26px; width:237px;}

.hwsb,.fwsb,.mwsb,.ffpb,
.hwsbC,.fwsbC,.mwsbC,.ffpbC { font-size:22px; font-weight:normal; line-height:20px; color:#333; height:274px; padding-top:22px; float:left}
.plusbg,.plusbg2,.plusbg3 { width:5px; background:url(sbimages/betweenstrip.jpg) no-repeat center top; float:left; height:180px; margin-top:60px;}
.plusbg2 { width:6px;}
.plusbg3 { width:16px; background:url(sbimages/delemeter_vbg.png) center center no-repeat; height:296px; margin:0;}

.hmblu,.hmblu2 { color:#0198B9}

.insidelyr { position:relative; }
.ttl_heads,.ttl_heads2,.ttl_headsC {
	position:absolute;
	top:10px;
	left:31px;
	width:260px;
	height:54px;
	text-align:center !important;
	padding:0 !important;
}
.ttl_heads2 {
	width:591px;
	top:32px;
	left:38px;
	line-height:20px;
}
.ttl_headsC {
	width:180px;
	}
.imgpos,.imgposC {
	position:absolute;
	top:74px;
	left:36px;
	width:250px;
	height:175px;
	text-align:center;
}
.imgposC { width:180px; left:30px;}
.ttl_heads span,.ttl_heads2 span { font-size:28px; line-height:34px;}

/*
---------------
////Home Banner
---------------
*/

#homebanner { height:297px; text-align:center}
.welcomerow, .shadowrow{ width:1002px; height:218px; background:url(sbimages/bannerbg.jpg) repeat;}

.shadowrow { height:100px; background:transparent url(sbimages/banner-shadow.png) no-repeat center bottom;}

#homebanner ul li,#homebanner ul li.ev,#homebanner ul li.ev2 { width:250px; height:78px; float:left; text-align:left; background:url(sbimages/cTxtbg1.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif;   }
#homebanner ul li.ev { width:250px; background:url(sbimages/cTxtbg2.jpg) no-repeat; }
#homebanner ul li.ev2 { width:252px; background:url(sbimages/cTxtbg3.jpg) 0 0 repeat-x;}
#homebanner ul li h4 { padding:6px 15px 0 15px; font-size:14px; font-weight:normal; color:#FFF; line-height:20px; }
#homebanner ul li p { color:#818181; font-size:12px; line-height:14px;  padding:2px 15px;}
#homebanner ul li h4.doit { padding-top:20px; color:#818181;}


#homebanner h3,#homebanner h2 { font-size:24px; color:#444; padding-left:50px; padding-top:27px; text-align:left; text-shadow: 0px 1px 1px #fff;}
#homebanner h2 { font-size:50px; padding-top:0; line-height:50px;}
.buynw,.price {
	width:171px;
	height:61px;
	background:url(sbimages/buynowbtnbg.png) no-repeat;
	font-size:26px;
	line-height:65px;
	position:absolute;
	top:126px;
	left:766px;
	z-index:100;
	color:#001920;
}
#homebanner h2.freehtml5 { font-size:58px;}

.price {
	width:356px;
	right:165px;
	background:none;
	font-size:50px;
	line-height:65px;
	top:121px;
	color:#008FB8;
	text-align:left;
	display:inline;
	}
	.buynw a { width:161px; padding-left:10px; height:61px; text-decoration:none; color:#001920; display:block; text-shadow: 0px 1px 1px #64D0F2;}
	.buynw a:hover { color:#FFFFFF; text-shadow: 0px 1px 1px #0094C3;}
sup.smtx { font-size:32px}
sup.ptx { font-size:50px;}
sup.ptx2 { font-size:24px;}
span.fm { font-size:24px; line-height:24px; color:#FFF}

.hrline,.hrline2,.hrline3 { padding:4px 0; height:2px; background:url(sbimages/delemeterbg.jpg) repeat-x; }
.hrlinethin { width:444px; height:2px; background:url(sbimages/delemeterbg.jpg) repeat-x; }
.hrline2 { width:100%; padding:0;}
.hrline3 { width:92%; padding:0;}


h3.bweb {
	position:absolute;
	top:140px;
	left:294px;
	z-index:5;
	font-size:28px !important;
	color:#393939;
	margin:0 !important;
	padding:0 !important;
}


.catg_thumbwrap { width:438px; height:402px; float:left; }
.catg_thumbwrap a { text-decoration:none; display:block; }
.catg_thumbwrap img { border:0;}
.catg_thumbwrap h3 {
	position:absolute;
	top:2px;
	left:30px;
	z-index:1;
	color:#ffffff;
	font-size:32px;
	text-shadow:none;
}
.catg_thumbwrap h3 a { text-decoration:none; color:#ffffff; }

.fblkwrap {
	position:absolute;
	top:8px;
	left:250px;
	z-index:1;
	width:180px; height:50px;
}


.catg_circle { width:20px; height:20px; position:absolute; top:189px; left:192px; z-index:5; }
.catg_thumbwrap p {
	position:absolute;
	top:168px;
	left:122px;
	z-index:6;
	width:180px;
	text-align:center !important;
	color:#000;
	font-size:30px; padding:6px !important; 
}
.catg_ov { width:402px; height:236px; background:url(sbimages/blkbgtransp.png) repeat; position:absolute; top:80px; left:18px; z-index:3; }

.catg_circle,.catg_thumbwrap p,.catg_ov { -moz-opacity:0; -webkit-opacity:0; opacity:0;}
.thumbBlock { width:438px; height:336px; }

/*
-------------------------
Home page Samples
-------------------------
*/
#dgbx1 h3,#dgbx2 h3,#dgbx3 h3,#dgbx4 h3,#dgbx5 h3,#demovideo p { font-size:32px; font-weight:normal;}

#dgbx h4,#dgbx p { text-align:left; padding:0 54px;}
#dgbx h4 { font-size:18px; line-height:22px;}
#dgbx p { font-size:16px; line-height:18px;}
#demovideo p { margin:0; padding:0; color:#333; font-size:36px;}
.thmbsbigbx { width:1002px; margin:0; padding:0; clear:both} 
ul#thmbsbig { width:1002px; margin:0; list-style-type:none; padding:0; text-align:left; clear:both}
ul#thmbsbig li { width:500px; height:550px; float:left; text-align:center }
/*ul#thmbsbig li:first-child { height:620px;}*/
ul#thmbsbig li img { width:400px;}

ul#thmbsbig li.extlist { width:501px; height:610px; padding-top:60px;}
.parnt { width:100%; position:relative; margin:0; padding:0;}
.ttlbigcatg {
	position:absolute;
	top:-10px;
	left:32px;
	font-size:28px;
	color:#000;
	line-height:36px;
	text-align:left;
	width: 440px;
}
.thimg,.thimg-ov,.thimgM1,.thimgM2,.thimgM3,.thimgM4 {
	position:absolute;
	top:63px;
	left:51px;
	}
.thimgM1 { top:88px; left:94px;}
.thimgM2 {
	top:137px;
	left:143px;
}
.thimgM3 {
	top:113px;
	left:139px;
}
.thimgM4 {
	top:107px;
	left:151px;
}

.lnbg {
	position:absolute;
	width:440px;
	height:2px;
	background:url(sbimages/delemeterbg.jpg) repeat-x;
	top:26px;
	left:32px;
	font-size:28px;
	color:#000;

}

.thbigimg-ov,.thbigimgmobi-ov,.thbigimgin-ov,.thbigimgM1-ov,.thbigimgM2-ov,.thbigimgM3-ov,.thbigimgM4-ov {
	width:482px;
	height:488px;
	position:absolute;
	top:33px;
	left:10px;
	background:url(sbimages/sampleovrlayhm.png) no-repeat left top;
	z-index:5;
	}
.thbigimgmobi-ov { background:url(sbimages/sampleovrlayhm_mobi.png) no-repeat left top;}		
	.thbigimg-ov a,.thbigimgmobi-ov a,.thbigimgin-ov a,.thbigimgM1-ov a,.thbigimgM2-ov a,.thbigimgM3-ov a,.thbigimgM4-ov a {width:482px; height:488px; text-decoration:none; border:0; display:block; cursor:pointer}
	.thbigimgin-ov {background:url(sbimages/sampleovrlayhm_in.png) no-repeat left top;}
	.thbigimgin-ov {background:url(sbimages/sampleovrlayhm_in.png) no-repeat left top;}
	
	.thbigimgM1-ov { height:560px; background:url(sbimages/tabframeBg1.png) no-repeat left top;}
	.thbigimgM2-ov { width:280px; height:560px; background:url(sbimages/iphonebgimg.png) no-repeat center top; left:111px}
	.thbigimgM3-ov { width:280px; height:560px; background:url(sbimages/phonebgimg.png) no-repeat center top; left:111px}
	.thbigimgM4-ov { width:280px; height:560px; background:url(sbimages/phonehtcbgimg.png) no-repeat center top; left:111px}
	
	.thbigimgM1-ov a,.thbigimgM2-ov a,.thbigimgM3-ov a,.thbigimgM4-ov a { height:560px;}
	.thbigimgM2-ov a,.thbigimgM3-ov a,.thbigimgM4-ov a { width:280px;}
	
	
.thbigimgfb-ov,.thbigimgfbin-ov {
	width:482px;
	height:488px;
	position:absolute;
	top:33px;
	left:9px;
	background:url(sbimages/sampleovrlayhmfb.png) no-repeat left top;
	z-index:5;
	}
	.thbigimgfb-ov a,.thbigimgfbin-ov a { width:482px; height:488px; text-decoration:none; border:0; display:block; cursor:pointer}
	.thbigimgfbin-ov { background:url(sbimages/sampleovrlayhmfb_in.png) no-repeat left top;}

ul#thmbsbig li p.vewhm,ul#thmbsbig li p.vewhmM1,ul#thmbsbig li p.vewhmM2,ul#thmbsbig li p.vewhmM3,ul#thmbsbig li p.vewhmM4 {
	position:absolute;
	top:476px;
	z-index:2;
	margin:0;
	padding:0;
	width: 135px;
	font-size:40px;
	line-height:40px;
	text-align:left;
	height: 44px;
}



ul#thmbsbig li p.vewhm { right:4px;}
ul#thmbsbig li p.vewhmM1 { top:550px; left:224px; }
ul#thmbsbig li p.vewhmM2 {
	top:554px;
	left:231px;
}
ul#thmbsbig li p.vewhmM3 {
	top:552px;
	left:232px;
}
ul#thmbsbig li p.vewhmM4 {
	top:534px;
	left:232px;
}
	
.vdbigfb,.vdbigfb2 {
	position:absolute;
	top:384px;
	left:69px;
	width: 188px;
	height: 41px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:22px;
	line-height:41px;
	text-align:left;
	z-index:105;
}
.vdbigfb2 {
	top: 454px;
	}

.fbbig,.fbbig2 {
	position:absolute;
	top:4px;
	/*	left:143px;*/
	left:50px;
	width: 137px;
	height: 35px;
	z-index:105;
}

.fbbig2 {
	left:202px;
	top:-10px;
	text-align:left;
	background:url(sbwimages/fbicon.png) no-repeat left center;
	padding-left:42px;
	padding-top:5px;
}
.vpadbig { padding-left:23px;}
.vpadbig2 { padding-left:20px;}	
	
.nmore { width:94%; margin:0 auto; text-align:right; clear:both}
.nmore a{ font-size:24px; margin:0; padding:0; text-decoration:none}


/*
-------------------
reviews-awards
-------------------
*/
#tufcontent { height:auto; padding:10px 0;}
#tufcontent h3{ color:#595959;}
#tufcontent h3.lftalign { text-align:left; padding-left:24px; padding-top:12px}
#tufcontent a { font-size:16px; line-height:24px}

.revws,.awards,.tuftxt { float:left; text-align:left}
.revws,.awards { width:231px; height:243px; background:url(sbimages/reviewsbg.jpg) no-repeat center top; }
.revws p,.awards p { padding:0 8px 8px 24px; font-size:16px; line-height:18px }
.revws a,.awards a { width:100px; height:24px; color:#FFF; background:#595959; line-height:24px; display:block; text-align:center; float:right; margin-right:26px; text-decoration:none}
.revws a:hover,.awards a:hover { background:#00BFE2}
.tuftxt { width:539px;}
#tufcontent p.tuftxt2 { clear:both; padding-top:15px; font-size:16px}
#tufcontent p.tuftxt2 a { text-decoration:none; color:#444}

#tufcontent ul { text-align:left; padding-top:24px;}
#tufcontent ul li { padding-left:25px; font-size:16px; line-height:20px; padding-bottom:16px;}


.morebttn a{ width:160px; height:32px; background:#008FB8; color:#FFFFFF; font-size:20px; line-height:33px; padding:6px 8px; margin:0px 0px 6px 0px; height:33px; border:0px; cursor:pointer; text-decoration:none; text-shadow:0px 1px 1px #000;}
.morebttn a:focus, .morebttn a:hover { border:0}
.morebttn a:hover { background:#333; color:#FFF; text-shadow:0px 1px 1px #000;} 


#wh-list {
	width:305px;
	position:absolute;
	right:1px;
	top:61px;
	z-index:1;
	height: 662px;
}

/*home samples tabs*/
#wshomebtns ul.cubetabs,#wshomebtns ul.cubetabsMb { width:984px; margin:0 auto; height:108px; background:url(sbimages/tabsbtnbgstrip.jpg) 0 0 repeat-x; margin-top:20px;}
#wshomebtns ul.cubetabs li,#wshomebtns ul.cubetabsMb li { float:left; width:196px; height:108px; line-height:20px; font-size:18px; background:url(sbimages/tabbtnbg.jpg) center 3px no-repeat; }
#wshomebtns ul.cubetabs li a,#wshomebtns ul.cubetabsMb li a { width:196px;  height:59px; padding-top:20px; text-decoration:none; color:#676767; display:block; text-shadow: 0px 1px 1px #FFF; }
#wshomebtns ul.cubetabs li.rgtov,#wshomebtns ul.cubetabsMb li.rgtov { background:url(sbimages/tabactivebtnbg.jpg) no-repeat; width:199px;}
#wshomebtns ul.cubetabs li.rgtov a,#wshomebtns ul.cubetabsMb li.rgtov a { cursor:default !important; color:#00161C; text-shadow: 0px 1px 1px #7BDBEF;}
#wshomebtns ul.cubetabs li a:hover,#wshomebtns ul.cubetabsMb li a:hover { background:url(sbimages/tabbtnbgov.jpg) center 3px no-repeat;}
#wshomebtns ul.cubetabs li.rgtov a:hover,#wshomebtns ul.cubetabsMb li.rgtov a:hover { background:none;}



#appthumbs_container {width:920px; height:600px; text-align:center; position:fixed; top:100px; left:20%;/*left:0; right:0; margin:0 auto; left:20%; right:20%;*/ display:none; z-index:10000; background:#FFFFFF; border:6px solid #666;}
#pglightbox { width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden; background:url(sbimages/lightbxbg.png) repeat; display:none; z-index:10000;}
#loader { position:absolute; top:47%; left:47%; right:47%; background:#FFF url(../sbloader.gif) center center no-repeat; width:100px; height:60px;  -moz-box-shadow:1px 2px 6px 2px rgba(20,20,20,.4); -webkit-box-shadow:1px 2px 6px 2px rgba(20,20,20,.4); box-shadow:1px 2px 6px 2px rgba(20,20,20,.4); z-index:10001; display:none;}


#thm-close { position:absolute; top:8px; right:28px; padding:3px; display:block; cursor:pointer; z-index:100; }


#appthumbs_container img { background:#FFF url(lodrsmall.gif) center center no-repeat; margin-top:25px; }
.fbBlock { width:410px; margin:0; clear:both; padding:0px; background:#fff; margin:8px auto 0 auto; height:200px; }


/*learnmore*/

.learnmoreBtn a { width:211px; height:71px; background:url(sbimages/lernmoreBtn.png) no-repeat; text-decoration:none; color:#001920; display:block; text-shadow: 0px 1px 1px #64D0F2; font-size:28px; line-height:71px; float:right; margin-right:40px; margin-bottom:15px;  }
.learnmoreBtn a:hover { color:#FFFFFF; text-shadow: 0px 1px 1px #0094C3;}

.eventtoolsBx { width:100%; height:540px; display:block; clear:both;}

#iph2 div.eventtoolsBx h3,#iph2 div.responsiveBx h3 { font-size:40px; line-height:0.85; font-family:'EmblemRegular'; width:430px; float:left; margin-top:80px; color:#0198B9; }
#iph2 div.eventtoolsBx h3 span { font-size:110px; color:#333;}
#iph2 div.eventtoolsBx p,#iph2 div.responsiveBx p { font-size:18px; line-height:1.1; width:430px; float:left; padding-left:56px; }

#iph2 div.responsiveBx h3 { margin-top:0px; line-height:1;}
#iph2 div.responsiveBx p { margin-bottom:10px;}

/*#iph2 div.responsiveBx h3 { width:90%; margin:30px auto 8px auto; clear:both; line-height:1.2; }
#iph2 div.responsiveBx p { width:94%; margin:0 auto 6px auto;}
*/
.toolFeaturesBx { width:1002px; margin:0 auto; height:auto; clear:both; }
.toolFeaturesBx h3,.toolFeaturesBx h4 { font-size:24px; font-weight:normal; margin:0; padding:0;  text-align:left;}
.toolFeaturesBx h4 { font-size:18px;}

.feaWrp { width:80%; margin:0 auto}
span.crcl { background:#00BFE2; width:30px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; display:inline-block; margin-right:3px; text-align:center; color:#fff; margin-bottom:2px; }

h3.headingh3 { text-align:center; font-size:20px; color:#333;}

.feaWrp h3 { font-family:'EmblemRegular';}
.feaWrp h4 { font-family:'BauhausMdBTMedium';}

/*******/
.thumb_link { width:246px; margin-bottom:8px; height:74px; position:absolute; top:461px; left:132px; z-index:10; }
.thumb_link a { display:block; line-height:80px; text-decoration:none; color:#fff; }
.thumb_link a.deskicn,.thumb_link a.mobicn { width:122px; height:74px; text-decoration:none; display:block; float:left; font-size:14px; position: relative; line-height: 112px; background: rgba(20, 20, 20,0.4);}
.thumb_link a.deskicn span { width:32px; height:21px; background: url(sbimages/desktopicn.png) center top 

no-repeat; display:block; position: absolute; top: 10px; left: 45px; margin-top: 14px;}
.thumb_link a.mobicn span { width:18px; height:30px; background:  url(sbimages/mobileicn.png) no-repeat; 

display:block; position: absolute; top: 10px; left: 54px; margin-top: 6px;}

.thumb_link a:hover.mobicn span,.thumb_link a.mobicn span:hover,
.thumb_link a:hover.deskicn span,.thumb_link a.deskicn span:hover { background-position:center bottom; color:#000; }
	
.thumb_link a.mobicn span,.thumb_link a.mobicn span:hover,
.thumb_link a.deskicn span,.thumb_link a.deskicn span:hover { -moz-transition: 0.35s ease; 
-webkit-transition: 0.35s ease;
	-o-transition: 0.35 ease; 
	transitions: 0.35s ease; }
	
#mobithumbs_container {width:932px; height:600px; text-align:center; position:fixed; top:100px; left:20%;/*left:0; right:0; margin:0 auto; left:20%; right:20%;*/ display:none; z-index:10000; background:#FFFFFF; border:6px solid #666;}	

#thm-close { position:absolute; top:4px; right:4px; padding:2px; display:block; cursor:pointer; z-index:100; background:url(sbimages/closeUitool.png) no-repeat; width:30px; height:30px;  }
#thm-close:hover { background-position:bottom center;}
#mobithumbs_container img { background:#FFF url(lodrsmall.gif) center center no-repeat; margin-top:25px; }

/**********mobile menu*****/
/********menu****/
#page {
	background:#fff;
}
#page nav#menu, #mheader {
	display: none !important;
}
#mheader,.mheader {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 50px;
}
#mheader a,  .mheader a {
	background: center center no-repeat transparent;
	background-image: url( menu/menulinkbtn2.png );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
#mheader a.right,  .mheader a.right {
	left: auto;
	right: 10px;
}
/**/

#mobile-menu {
    display: none;
}

#mobNavigation {
  height: 38px;
  text-align: center; display: none;
}


#mobNavigation .nav {
  width: 100%;
  z-index: 10;
  height: 38px;
  background: #2d3e50;
  padding: 0;
  -webkit-box-shadow: 0px 0px 5px #233242;
  -moz-box-shadow: 0px 0px 5px #233242;
  box-shadow: 0px 0px 5px #233242;
}

#mobNavigation .nav .nav-bar {
  margin: 0;
  display: inline-block;
  background: transparent;
  border-right: 1px solid #1c2937;
  border-left: 1px solid #34495e;
  height: 38px;
}

#mobNavigation .nav .nav-bar > li {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  display: inline-block;
  border: 0;
  border-left: 1px solid #1c2937;
  border-right: 1px solid #34495e;
  line-height: 38px;
}

#mobNavigation .nav .nav-bar > li:hover, #navigation .nav .nav-bar > li.active {
  background: #2d3e50;
  -webkit-box-shadow: inset 0 0 15px 5px #233242;
  -moz-box-shadow: inset 0 0 15px 5px #233242;
  box-shadow: inset 0 0 15px 5px #233242;
}

#mobNavigation .nav .nav-bar > li a {
  display: block;
  padding: 0 15px;
  color: #fff;
  font-size: 0.75em;
}

/*******/

#mobilePage { display:none; }
/************mobile*/