header {
		background: none repeat scroll 0% 0% rgb(0, 153, 204);
		position: relative;
		z-index: 999;
		padding: 30px 0px;
}
#logo  {width:196px; height:46px; float:left; display:block;}
#logo a {background:url(../img/logo.png) top left no-repeat; display:block; text-indent:-9999px; width:100%; height:100%;}
#number {float:right; color:#fff; text-align:right;}
#mobile-nav {display:none; height:30px; width:30px;}
#mobile-nav a {background:url(/assets/img/menu-btn.png) no-repeat center center; text-indent:-9999px; display:block; width:100%; height:100%;}
#nav {width:auto; position:relative; margin:15px 0 0 25px;}
#nav > a {display: none;}
#nav li	{position: relative; list-style:none; display:block;}
#nav li a {color:#fff; display:block; text-decoration:none;}
#nav li a:active {background-color:;}

/* first level */
#nav > ul {height:40px;}
#nav > ul > li {height:100%; float:left;}
#nav > ul > li > a{height: 100%; font-size:1em; letter-spacing:-0.01em; font-family: 'Oswald'; text-transform:uppercase; text-align:center; padding:0px 15px; position:relative;}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {color:#00B6F2;}
.more {background: url(../img/nav-more-arrow.png) no-repeat center top; display:block; height:5px; width:11px; float:right; position:absolute; right:-2px; top:10px;}

/* second level */
#nav li ul {background-color:#fff; position:relative; display: none; position: absolute; top: 100%; padding:5px 7px; border-radius:4px; width:120%; white-space:nowrap;}
.arrow {background: url(../img/nav-arrow.png); position:absolute; top:-10px; left:10px; vertical-align:middle; display:block; width:55px; height:19px;}
#nav li:hover ul {display: block; left: 0; right: 0;}
#nav li:not( :first-child ):hover ul {left: -1px;}
#nav li ul a {font-size: 0.85em; /* 20 */ padding: 0.75em; /* 15 (20) */ color:#0099CC; font-weight:normal; text-align:left;}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {background-color: #0099CC; color:#fff;}

#banner {background: url(/assets/img/bg-home4.png) bottom center; height:500px;}
#banner h1 {color:#fff; letter-spacing:normal; font-family:'Lato'; font-weight:300; padding:25px 0 0 0;}
#banner li {list-style:none; display:block;}
#banner span a {font-weight:bold; color:#005791; max-width:280px;}
#banner .hero-button {margin-top:190px; float:right;}

/*===== Forms =====*/
.input-xlarge {width:100%; padding:10px 0px; text-indent:10px; border:1px solid #ccc; border-radius:5px;}
.divider {width:100%; padding-top:10px; clear:both;}
.divider label {margin:5px 0px; display:block;}
.error {color:Red; font-weight:300; font-size:small; display:block; clear:both;}

.left-content {padding:0 35px 0 0}

.bonus-box {background:#fff; border-radius:5px;border: 1px solid rgb(230, 230, 230); padding:20px 15px; margin-bottom:20px;}
.bonus-box .btn {margin:10px auto;}
.bonus-box h4 {border-bottom: 3px dashed #f5f5f5; padding-bottom:10px; text-align:center;}
.tick-bullets {list-style:none; margin-top:15px;}
.tick-bullets li {height:20px; line-height:20px; text-shadow: 1px -1px 2px #ffffff; margin-bottom:4px; font-size:14px; color: rgb(141, 154, 165)}
.tick-bullets li i {margin-right: 10px;font-size: 18px;color:rgb(82,183,213);}

.circular {
	width: 200px;
	height: 200px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	background: url(http://placehold.it/200x200) no-repeat;
	display:block;
}
#package-table {display:block; width:100%; height:300px; }
#feature-blocks {width:100%;}
.feature-block {width:12.5%; float:left; text-align:center; height:auto;}
.feature-block a {display:block; height:100%; width:100%; text-decoration:none; padding:25px 0 15px 0; position:relative;}
.feature-block a#active {color:rgb(255,255,255); background: rgb(68, 179, 227) url(/assets/img/nav-arrow.png) no-repeat bottom center;}
.feature-block a:hover {background:rgb(68, 179, 227); color:rgb(255,255,255);}
.boss-container .feature-block a:hover {background:rgb(68, 179, 227) url(/assets/img/add-to-cart.png) no-repeat bottom center;}
.feature-block i {font-size:300%; padding:8px 0px;}
.feature-block span {clear:both; display:block; font-size:80%}
.feature-block .feature-title {font-weight:bold;}

.boss-container .feature-block a:hover > .feature-setup, .boss-container .feature-block a:hover > .feature-monthly  { visibility:hidden;}

.number-boxes, .nongeo-holder 
{
  width:100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.09), inset 0 -1px 0 #fff;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.09), inset 0 -1px 0 #fff;
  box-shadow: 0 0 10px rgba(0,0,0,.09), inset 0 -1px 0 #fff;
  background-color: #fcfcfc;
  background-repeat: repeat-x;
  overflow: hidden;
  border: 1px solid #e2e2e2;
  margin-bottom: 25px;
  background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
}
.number-boxes {position:absolute;top:-35px;z-index:99;}
.number-type  {width:20%; float:left; height:140px;}
.number-type a {width:100%; height:100%; text-align:center; display:block; padding:20px 0; border-left: 1px solid #e2e2e2;}
.number-type a:hover 
{
    color: #333;
    font-weight:bold;
    text-decoration: none;
    background-color: #f8f8f8;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
}
.number-type a span {font-size:160%; padding:10px 0 0 0; display:block;}
.nongeo-holder {width:100%; list-style:none; margin-top:20px;}
.nongeo-box {width:20%; float:left; height:auto; text-align:center;}
.nongeo-box a {display:block; height:100%; width:100%; text-decoration:none; padding:25px 0 15px 0; font-size:90%; width:100%; height:100%; text-align:center; display:block; border: 1px solid #e2e2e2; border-right:none; border-top:none;}
.nongeo-box a:hover {background:rgb(68, 179, 227); color:rgb(255,255,255);}
.nongeo-box span {clear:both; display:block; font-size:180%; line-height:normal;}


.package-holder {width:100%; height:100%} 
.package-holder .col-1 {width:20%;}
.package-holder .col-2 {width:80%; background:#f5f5f5; display:block; padding-bottom:20px;}
.prefixMenu ul, .prefixMobile ul {list-style:none; border:none!important;}
.prefixMenu li, .prefixMobile li 
{
    width:23.333333%; 
	margin:0; 
	border:none!important;
	padding:5px;
	text-align:right;
}
.prefixMenu li a, .prefixMobile li a { cursor:pointer; padding:10px 0px 10px 15px; display:block;}
.prefixMenu .selected, .prefixMobile .selected {background:#f5f5f5 url(/assets/img/arrow-right.png) no-repeat center right;}
.key {background:#fff; float:left;}
.data-table {background:#fff; display:block; margin:20px;}
.prefixTab {background:#fff;list-style:none;}
.prefixTab a {float:left; width:300px; height:60px;}

/*#packageTable {width:100%; border-collapse:collapse;}
#packageTable tr {padding:10px 0px;}
#packageTable td {padding:5px 10px; text-align:center; width:23.333333%;}
#packageTable tr td:first-child {width:30%; background:#eee;}
#packageTable tr td:nth-child(3) 
{
    -webkit-transform: scale(1.2);
  	-moz-transform: scale(1.2);
  	-o-transform: scale(1.2);
  	background:#fff;
 }*/
 .left-content .col-2 {width:100%;}

.package-holder ul { 
	list-style:none; 
	float:left; 
	width:23.333333%; 
	margin:0; 
	border:1px solid #f2f3f3;
	padding:5px;
	text-align:center;
	background-color:#FFF;
}
.package-holder ul:first-child  
{
    width:30%;
}
/*.package-holder ul:nth-child(2) 
{
    -webkit-transform: scale(1.15);
  	-moz-transform: scale(1.15);
  	-o-transform: scale(1.15);
  	background:#fff;
 }*/
.package-holder ul li {  
	border-bottom:1px dashed #cfd2d2;
	padding:10px 0;
}
.package-holder ul li:first-child { 
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.01em;
	min-height:80px;
}
.package-holder ul li:nth-child(2) { 
	background:#fbfbfb;
}
.package-holder ul li:nth-child(3) { 
	font-size:12px;
	font-weight:bold;
}
.package-holder ul li:nth-child(n+4) { 
	font-size:14px;
}

.small-banner {height:300px; width:auto; position:relative; background: #fff url(/assets/img/mini-banner-bg.png) no-repeat top right; border-radius: 5px 5px 5px 5px;
border: 1px solid rgb(230, 230, 230);}
.small-banner ul {padding:100px 0 0 50px;}
.flag {height:100px; width:100px; position:absolute; top:-20px; left:-20px; background:url(/assets/img/bg-flag100x100.png) no-repeat center center; padding:10px 0 0 0;}
.flag p {font-size:12px; text-align:center; padding:0; margin:0; color:#FFB584;}
.flag span {display:block; text-align:center; font-size:30px; font-weight:bold; letter-spacing:-0.1em; color:#fff;}

.benefits h3 {}
.benefits i {
color: rgb(82, 183, 213);
font-size: 2em;
margin-right: 15px;
display: block;
float: left;
}

#tabs .package-tab {list-style:none;}
#tabs .package-tab li  {float:left; width:200px; height:60px; text-align:center;}
#tabs .package-tab a  {display:block; height:100%; width:100%;}
#tabs .ui-tabs-active {background: url(/assets/img/tabs-arrow.png) no-repeat bottom center;}
#tabs .ui-widget-header {background: transparent; border: none;}
#tabs .ui-tabs-nav #tabs .ui-state-default {background: transparent; border: none;} 
 

#accordion {font-size:14px;}
#accordion h3 { cursor:pointer; display:block; text-transform:uppercase; font-size:1.5em; margin:0; padding:0 0 0 15px; outline: none!important}
#accordion h3 span:nth-last-child(2) {display:none;}
#accordion h3 span .hide {display:none;}
#accordion h3.ui-accordion-header {color:#999999; background:#E2EEFA; height:60px; line-height:60px; border:1px solid #fff; border-top:0;}
#accordion h3.ui-state-active, 
#accordion h3.ui-state-active:hover,
#accordion h3.ui-accordion-header:hover {color:#fff;background:#198FCB;font-weight:500;}
#accordion h3 i {float:right; padding-right:20px; display:block; font-size:1.5em; line-height:60px;}
#accordion div {padding:20px 5px; background:rgb(255,255,255)}
#accordion div p {line-height:24px; margin-bottom:12px;}
#accordion .ticks li { margin:8px 0; display:block;}

#advert {padding: 15px 20px 20px;background: none repeat scroll 0% 0% rgb(236, 248, 255);}
.spacer {width:100%; display:block; padding:25px 0px;}

.wrapper-dropdown {
    position: relative;
    width: 217px; /*200*/
    margin: 0 auto -1px auto;
    padding: 10px;
    border: 1px solid #eee;
    border-bottom: 0;
    background: #f5f5f5;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
    outline: none;
    font-weight: bold;
    color: #8AA8BD;
}
.wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}
.wrapper-dropdown .dropdown {
   position: absolute;
    top: 140%;
    left: 0;
    right: 0;
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    transition: all 0.5s ease-in;
    list-style: none;
    display:none;
    
}
 
.wrapper-dropdown .dropdown li a {
    display: block;
    clear:both;
    width:100%;
    text-decoration: none;
    color: #8aa8bd;
    background:#fff;
    border:0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    transition: all 0.3s ease-out;
}
 .wrapper-dropdown .dropdown li:first-of-type a .active {background:#000}
.wrapper-dropdown .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}
 
.wrapper-dropdown .dropdown li:last-of-type a {
    border-radius: 0 0 7px 7px;
    border: none;
}
 
/* Hover state */
 
.wrapper-dropdown .dropdown li:hover a {
    font-weight:normal;
    margin-bottom:auto;
    padding:10px 30px;
    float:none;
}
.wrapper-dropdown .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;   
}
 
.wrapper-dropdown .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;   
}
.wrapper-dropdown.active .dropdown {
    display:block;
}


/* ========== Sidebar ============ */

.help 
{
    display:block; 
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgb(230, 230, 230);
    padding:20px;
    margin-bottom: 20px;
    background:url(/assets/img/bg-thumb.jpg) no-repeat center right;
}
.help h3 {font-family:'Oswald'; margin:0 0 10px 0; padding:0;}
.help p {color: rgb(140, 152, 158); font-size:80%; width:60%; margin:0; padding:0; line-height:normal;}
.help p strong {font-size:165%; display:block; padding:6px 0px; color: rgb(68, 85, 102); letter-spacing:-1px;}

.additional-features {padding:30px 20px;}
.additional-features h3, .bonus {text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:300; margin:0; padding:0; font-size:110%;}
#features .row {padding-top:50px;}
#features h3 {margin:0 0 8px 0; padding:0 0 8px 0;}
#features p {margin:0; padding:0;}
.feature-wrap { display:block; font-size:90%; border-bottom:2px dashed #eee; padding:15px 0;}
.feature-icon 
{
    float:left; 
    width:30%; 
    line-height:60px; 
    color:rgb(255,255,255); 
    font-size:280%; 
    text-align:center; 
    display:block; 
    vertical-align:middle; 
    width: 60px;
	height: 60px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	background: none repeat scroll 0% 0% rgb(0, 153, 204);
}
.feature-icon i {padding-top:5px;}
.feature-wrap .feature-text {float:left; width:67%; margin-left:3%;}
.feature-wrap strong  {margin:0; color: rgb(68, 179, 227)}
.feature-wrap .feature-text p {color:rgb(119, 119, 119); margin:5px 0;}



.mini-sitemap ul {list-style:none;}
.mini-sitemap h3 {margin-bottom:0;}
.payments li {background-image:url(/assets/img/payments.png); display:block;height:32px; width:51px; float:left; margin-right:8px;}
#debit { background-position: 0px 0px;}
#paypal {background-position: -51px 0px;}
#visa {background-position: -102px 0px;}
#mastercard {background-position: -153px 0px;}
#solo {background-position: -204px 0px;}

.action h2 {margin:25px 0px 5px 35px; padding:0;}
.action span {margin:0 0 35px 35px; display:block; font-size:125%;}
.action .btn {margin:28px 35px 0 0;}

footer 
{
    background:none repeat scroll 0% 0% #3F3F3F; 
    height:70px;
    width: 100%;
    clear:both;
  }
footer #copy {font-size:12px; margin:0; padding:0px; color:#fff; display:block; line-height:70px;}

/* =========== ANIMATIONS ========== */
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		transform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp{
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;

	visibility: visible !important;	
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}

/*
==============================================
expandUp
==============================================
*/


.expandUp{
	animation-name: expandUp;
	-webkit-animation-name: expandUp;	

	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;		

	visibility: visible !important;	
}

@keyframes expandUp {
	0% {
		transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		transform: translateY(3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
	}	
}

@-webkit-keyframes expandUp {
	0% {
		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		-webkit-transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
	}	
}

/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

/*
==============================================
expandOpen
==============================================
*/


.expandOpen{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes expandOpen {
	0% {
		transform: scale(1.8);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;			
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}				
}

/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}


/*
==============================================
bounce
==============================================
*/


.bounce{
	animation-name: bounce;
	-webkit-animation-name: bounce;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 	
}

@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}


/*
==============================================
pulse
==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*
==============================================
pullUp
==============================================
*/

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/*
==============================================
stretchRight
==============================================
*/

.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 3.5s;	
	-webkit-animation-duration: 3.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}



@media screen and ( max-width: 62.5em ) /* 1000 */
{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
			
}

/* IPADS - LANDSCAPE */
@media 
only screen and (min-device-width: 768px) 
            and (max-device-width: 1024px) 
            and (orientation: landscape) 
            {
                
}


/* IPADS - PORTRAIT */
@media 
only screen and (min-device-width: 768px) 
            and (max-device-width: 1024px) 
            and (orientation: portrait) 
            {
                .benefits h3 {text-align:left;}
                #logo {display:none;}
	            #mobile-nav {display:block;}
}

/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media
only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (min-width: 320px) and (max-width: 480px) 
{
	
	header {padding: 20px 0px;}
	section {padding:20px 0px;}
	h1, h2, h3, h4, h5 {text-align:center; line-height:1em; padding:0; margin:0;}
	h1 {font-size:200%;}
	#logo, #number, #faq-full {display:none;}
	
	#mobile-nav {display:block;}
	
	#accordion h3.ui-accordion-header {text-align:left;}
#accordion h3 span {display:none;}
#accordion h3 span:nth-last-child(2) {display:block; float:left;} 
	
	/*#nav {display:none;}
	#nav > a {width: 3.125em;height: 3.125em;text-align: left;text-indent: -9999px;background-color: #eee;position: relative;}
	#nav > a:before,
	#nav > a:after{position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
	#nav > a:after{top: 60%;}
	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type{display: block;}*/
	
	.left-content {padding:0;}
	
	.circular {margin:0 auto;}
	.package-holder ul, .package-holder ul:first-child   { 
	list-style:none; 
	float:none; 
	clear:both;
	width:100%; 
	margin:0; 
	border:0;
	border-bottom:1px solid #f2f3f3;
	padding:0px;
	text-align:center;
	background-color:#FFF;
	display:block;
}
.package-holder ul:nth-child(2) 
{
    -webkit-transform: scale(1.0);
  	-moz-transform: scale(1.0);
  	-o-transform: scale(1.0);
  	background:#fff;
 }
 .package-holder ul li   
 {
     border:none;
	border-right:1px dashed #cfd2d2;
	padding:10px 0;
	float:left;
	width:20%;
	display:block;
}
 .package-holder ul li:last-child {border-right:0;}
 
 footer #copy {line-height:normal;}
}