/* 
* Amazium V1.2
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

/***** Screen 960px *****/
	
.heroimg {height:362px;}
.hpbody h1 { font-size: 30px; padding: 40px 0 40px; line-height: 38px;}
.hpbody p {font-size: 14px;line-height: 22px;}
.hero {background:url(img/bgHero.png) center 0px;}
.pager {padding: 0 0 20px 46px;}
.pager  a.activeSlide {display: block; width: 13px; height: 13px; background: url(img/dots.png) -13px 0 no-repeat;float:left;text-indent: -9999em; }
.pager a {display: block; width: 13px; height: 13px; background: url(img/dots.png) no-repeat 0 0 ; text-indent: -9999em; float:left;text-align:left;margin-right: 5px;}
.navigation li ,.slnavigation li {font-size: 14px;padding-left: 20px;padding-top: 18px;}
.logoimg {float:left;}
.requestdemo {float:right;}
.navigation li {margin-left:20px;}
.requestdemo {display:block;height:40px!important;width:155px;background:url(img/headerDemo.png) no-repeat 0 0;}
.requestdemo:hover {background:url(img/headerDemo.png) no-repeat 0 -40px;}
.hpvidoverlay {margin-top: -9.5% !important; text-align: right;position:relative;z-index:9999;}

.hpvidoverlay .video  {display:block;height:247px!important;width:92px;background:url(img/hpVideoOverlay.png) no-repeat 0 0;float:right !important;}
.hpvidoverlay .video:hover {background:url(img/hpVideoOverlay.png) no-repeat -94px 0px;}
.logoimg {width:163px;background:url(img/logo.png) no-repeat;}
.hpchart {background:url(img/hp-chart-circle.png) no-repeat; height:380px;}

.zigzag {background:url(img/bgHPBullets.png) no-repeat center 0;color: #fff;margin: 10px 0;}
.zigzag h2 {font-family:tstar; font-size: 30px; line-height: 38px; font-weight: 200;padding: 20px 0 0;letter-spacing: -0.03em;}
.zigzag li {padding-left: 15%; font-size: 14px; line-height: 18px; font-weight: 200;}

.hpfooter  .row {background: url(img/bgHPFooter.png) no-repeat center 0 ;color:#54534a; font-size: 14px; line-height: 24px;}
.heroplatform {background:url(img/bgHeroPlatform.png) center 0px; line-height:0px;}
.heroservices {background:url(img/bgHeroServices.png) center 0px; line-height:0px;}
.herolearn {background:url(img/bgHeroLearn.png)  center 0px; line-height:0px;}
.heroabout {background:url(img/bgHeroAbout.png)  center 0px; line-height:0px;}
.blogcathead {background:url(img/bgHeroBlog.png)  center 0px}
.hpfooter {background: url(img/bgHPFooterWide.png) repeat-x center 0 ; margin: 10px 0;}

.hpfooter  .grid_4 h2 {color:#54534A;font-size: 18px; font-weight: 200;padding: 0%; line-height: 26px;padding: 7% 0px 3% 15%}

.hpone h2 {background:url(img/iconSpeach.png) no-repeat 0px 75%; }
.hptwo h2 {background:url(img/iconKey.png) no-repeat 0px 75%; }
.hpthree h2 {background:url(img/iconMagnet.png) no-repeat 0px 75%; }
.containerWidget {min-height: 162px;}

.footernav ul li {float:left;padding-right: 65px; font-size: 14px; font-weight:bold;}
.footernav ul li ul {padding:20% 0 40%;}
.footernav ul li ul li {float: none;padding-bottom: 3%;font-weight:normal;font-size:12px;padding-right: 0px;} 

.formwindow  .field {background:url(img/bgFormLightbox.png) no-repeat; width: 337px; height: 30px; color:#636363;border:none;margin-bottom: 5px;padding-left:7px;}

.formwindow textarea {height: 100px; width:337px;}
.pltfrmTop .row {background: url(img/bgNav.png) repeat-y 16px 0;}


.faq  .row {background: url(img/bgPlatformTop.png) repeat-y 16px 0;}

.pltfrmTop h1 {font-size: 30px; font-family:tstar; font-weight: 200;color:#711471; line-height:34px;padding-bottom: 30px;letter-spacing: -0.03em;}
.pltfrmMidStripe blockquote  {color:#ed174f; font-size: 28px; line-height: 36px;font-family:tstar; font-weight: 200; padding: 7% 0 1.5%}
.facts h2 {font-size: 30px; font-family:tstar; font-weight: 200;padding-bottom: 30px;}
.facts h3 {font-size: 48px; font-family: tstar;padding-bottom: 1%;font-weight:200;}
.pricing {padding: 3% 0%;font-size: 20px;}
.pricing h2 {font-size: 30px; font-family:tstar; font-weight: 200;color:#fff; line-height:40px;padding-bottom: 30px;letter-spacing: -0.03em;}

.herotext h1 {font-size: 30px; font-family:tstar; font-weight: 200;color:#711471; line-height:34px;padding: 7% 0% 30px;}
.partners h2 {font-size: 30px; font-family:tstar; font-weight: 200;color:#711471; line-height:34px;padding: 7% 0% 30px;}
.partners .grid_3 {padding-bottom: 60px;}
.slnavigation {background:url(img/bgNav.png) repeat-x center 0px #c2c2c2 ;height: 87px;}	
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.slnavigation .current-menu-parent { background: url("../img/arrowNav.png") no-repeat scroll 40px 49px transparent; display: block;
    height: 55px;}
.popupwindow {/*width:85%; */max-width:800px; /*height: 640px*/; background:#fff; -moz-border-radius: 10px;    -webkit-border-radius: 10px;    -khtml-border-radius: 10px;    border-radius: 10px;}
	
	
	
/***** Screen Bigger than 960px 
@media only screen and (min-width:1200px) {

.hpbody h1 { font-size: 30px; }
.hpbody p {font-size: 14px;line-height: 28px;}
}
 
*****/


/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.heroimg {height:288px;}
.hero {background:none;}
.hpbody h1 { font-size: 24px; padding: 20px 0 20px; line-height: 38px; }
.hpbody p {font-size: 14px;line-height: 22px;}
.pager {display: none; visibility:hidden;}
.pager  a.activeSlide {display: none; visibility:hidden; }
.pager a {display: none; visibility:hidden;}
.navigation li ,.slnavigation li {font-size: 14px;padding-left: 20px;padding-top: 18px;}
.requestdemo {float:right;}
.logoimg {float:left;}
.carousel {display:none;visibility:hidden;}
.zigzag {background:url(img/bgHPBullets.png) no-repeat center 0;color: #fff;margin: 10px 0;}
.zigzag h2 {font-family:tstar; font-size: 30px; line-height: 38px; font-weight: 200;padding: 20px 0 0;letter-spacing: -0.03em;}
.zigzag li {padding-left: 15%; font-size: 14px; line-height: 18px; font-weight: 200;}
.hpfooter  .row  {background: none;}
.hpfooter {background: url(img/bgHPFooterWide.png);}
.footernav ul li {padding-right: 30px; }
.popupwindow {padding:20px;}
}


/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
.heroimg {height:120px;}

.hero {background:none;}
.hpbody h1 { font-size: 18px; padding: 20px 0 20px; line-height: 20px; }
.hpbody p {font-size: 12px;line-height: 18px;}
.pager {display: none; visibility:hidden;}
.pager  a.activeSlide {display: none; visibility:hidden; }
.pager a {display: none; visibility:hidden;}
.requestdemo {float:right;margin-top:9px;}
.logoimg {float:left;}

.navigation li ,.slnavigation li {font-size: 12px;padding-left: 10px;padding-top: 18px;}
.navigation li {margin: 0px;}
.carousel {display:none;visibility:hidden;}

.hpvidoverlay { margin: 0px!important;}
.hpvidoverlay .video  {display:block;height:89px!important;width:250px;background:url(img/hpVideoOverlayHorizontal.png) no-repeat 0 0;float:none !important;}
.hpvidoverlay .video:hover {background:url(img/hpVideoOverlayHorizontal.png) no-repeat 0 -89px;}
.zigzag {background:url(img/hpBulletsSmall.png) no-repeat center 0;color: #fff;margin: 10px 0;}
.zigzag h2 {font-family:tstar; font-size: 24px; line-height: 20px; font-weight: 200;padding: 20px 0 0;letter-spacing: -0.03em;}
.zigzag .redbox h2 {font-family:tstar; font-size: 24px; line-height: 20px; font-weight: 200;padding: 60px 0 0;letter-spacing: -0.03em;}

.zigzag li {padding-left: 15%; font-size: 14px; line-height: 18px; font-weight: 200;}

.hpfooter  .row {background: none;}
.hpfooter {background: url(img/bgHPFooterHorizontal.png) repeat-x center 0 ; margin: 10px 0;}

.requestdemo {display:block;height:27px!important;width:110px;background:url(img/headerDemoSmall.png) no-repeat 0 0;}
.requestdemo:hover {background:url(img/headerDemoSmall.png) no-repeat 0 -27px;}
.hpfooter  .grid_4 h2 {color:#54534A;font-size: 18px; font-weight: 200;padding: 0%; line-height: 26px;padding: 0% 0px 3% 15%}

.hpone h2 {background:url(img/iconSpeach.png) no-repeat 0px 0px; }
.hptwo h2 {background:url(img/iconKey.png) no-repeat 0px 0px; }
.hpthree h2 {background:url(img/iconMagnet.png) no-repeat 0px 0px; }
.containerWidget {min-height: 162px;}
.popupwindow {padding:10px;}
.hpone {padding-top: 7px;font-size:13px;}

.footernav ul li {float:none;padding-right: 70px; font-size: 14px; font-weight:bold;}
.footernav ul li ul {display:none;}
.footernav ul li ul li {float: none;padding-bottom: 3%;font-weight:normal;font-size:12px;padding-right: 0px;}

.formwindow  .field { width: 200px;}

.formwindow textarea {width:200px;}
.hpchart {background:url(img/hp-chart-circle-small.png) no-repeat center 0px; height:425px;}

.logoimg {width:142px;background:url(img/logoSmall.png) no-repeat;}
.pltfrmTop .row {background: none;}
.heroplatform {background:none;}
.heroservices {background:none;}
.herolearn {background:none;}
.heroabout {background:none;}
.blogcathead {background:none;}
.faq  .row {background: none;}

.pltfrmTop h1 {font-size: 18px; font-family:tstar; font-weight: 200;color:#711471; line-height:20px;padding-bottom: 20px;letter-spacing: -0.03em;}
.pltfrmMidStripe blockquote  {color:#ed174f; font-size: 18px; line-height: 20px;font-family:tstar; font-weight: 200; padding: 7% 0 1.5%}
.facts h2 {font-size: 18px; font-family:tstar; font-weight: 200;padding-bottom: 30px;}
.facts h3 {font-size: 28px; font-family: tstar;padding-bottom: 1%;font-weight:200;}
.pricing {padding: 3% 0%;font-size: 14px;}
.pricing h2 {font-size: 18px; font-family:tstar; font-weight: 200;color:#fff; line-height:20px;padding-bottom: 30px;letter-spacing: -0.03em;}

.herotext h1 {font-size: 18px; font-family:tstar; font-weight: 200;color:#711471; line-height:20px;padding: 7% 0% 30px;}
.services-1, .services-2, .services-3 {font-size:12px;padding-left: 10px;}
.partners h2 {font-size: 18px; font-family:tstar; font-weight: 200;color:#711471; line-height:20px;padding: 7% 0% 30px;}
.partners .grid_3 {padding-bottom: 0px;}
.slnavigation {background:url(img/bgNav.png) repeat-x center 0px #c2c2c2 ;height: 55px;}	
.sub-menu {visibility:hidden!important; display:none;} 
.navigation li ,.slnavigation li {font-size: 10px;padding-left: 5px;padding-top: 18px;margin-left:10px;}
.sf-sub-indicator {
	
	display:		none;
	background:		none;
}

.slnavigation .current-menu-parent { background:none;}
.sf-menu li {
	
	margin-left: 10px;
}
.popupwindow {width:85%; max-width:800px; background:#fff; -moz-border-radius: 10px;    -webkit-border-radius: 10px;    -khtml-border-radius: 10px;    border-radius: 10px;}

}

	
/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.heroimg {height:117px;}

	.hero {background:none;}
.hpbody h1 { font-size: 18px; padding: 20px 0 20px; line-height: 20px; }
.hpbody p {font-size: 14px;line-height: 22px;}
.pager {display: none; visibility:hidden;}
.pager  a.activeSlide {display: none; visibility:hidden; }
.pager a {display: none; visibility:hidden;}
.requestdemo {display:block;height:40px!important;width:155px;background:url(img/headerDemo.png) no-repeat 0 0;}
.requestdemo:hover {background:url(img/headerDemo.png) no-repeat 0 -40px;}
.navigation li {margin: 0px;}
.carousel {display:none;visibility:hidden;}
.hpvidoverlay { margin: 0px!important;position: normal; text-align:center;}
.zigzag .redbox h2 {padding: 100px 0 0}
.hpvidoverlay .video  {}
.hpvidoverlay .video:hover {}
.requestdemo {float:right;margin-top:0px;}
.logoimg {width:163px;background:url(img/logo.png) no-repeat;}

}



/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {


}