body 
{
    font-family: 'Noto Sans', sans-serif;
    top: 0px !important; 
    position: static !important; 
    text-align:center; 
    min-height: 0 !important;
}
html { height:auto !important }
a:hover, a:focus 
{
	color: #f06060;
}

/* Footer */
#footer
{
	padding:0 20px 20px 20px;
	background-color: #fff;
	width:100%;
}
div.container { max-width:900px; display:inline-block; margin-top:78px; text-align:left }
div.gray 
{
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	background:#FCFCFC;
}
.subheading, .subsubheading {
	font-size: 1.2em;
	font-weight: 200;
	line-height: 1.2em;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	display: block;
	padding:10px;
}		
#header p.subheading { margin-bottom:0 !important }
.subsubheading { font-size:1.1em }

#signInOut { margin-top:2px;height:15px;float:right;margin-left:20px;margin-right:40px;font-size:0.9em }
#signInOut a { color:black;text-decoration:underline }
#signInOut a:hover { color:#777;text-decoration:none }

.goog-te-banner-frame {display:none !important; visibility:hidden}
#google_translate_element { height:15px;float:right }
.goog-te-gadget-simple { border:none !important;  }
.goog-te-menu-value span { border:none !important; margin-left:2px; font-size:0.8em }
.goog-te-menu-value img, .goog-te-gadget-simple img { display:none }

h2 {
	color: #4e97cc;
	font-size: 2.4em;
	text-align: center;
	margin:0.3em 0;
}
span.copyright
{
	font-size:0.65em !important;
	float:right;	
	margin-top:15px;
	width:40%
}
p.legal
{
    font-size:0.65em !important;
    margin-top:15px;
    text-align:center;
}
span.footerlinks
{
	font-size:0.8em !important;
	float:left;
	margin-left:20px;
	margin-top:15px;
	width:40%
}
span.footerlinks a { margin-right:20px; color:#4e97cc; font-weight:bold }
span.footerlinks a:hover { color:#ff5f06 }

/* Top Bar */
nav { display:block }
#top {
	position: fixed; top: 0px;
	left: 0px;
	right: 0px;
	background: white !important;
	z-index: 100;
	padding: 0 !important;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 0 rgba(0,0,0,.1);	
	text-align:center;
	height:78px;	
}
.top-bar
{
	height:78px; 
	display:inline-block;
	background: white !important;
	color: #222;
	font-size: 16px;
	font-weight: 200;
	line-height:1.0em !important;
	text-align:center;
}
.top-bar a{font-family: 'Cabin Condensed', sans-serif;}
#navselect { display:none;width:266px;margin-top:5px;margin-bottom:5px;padding:0;font-size:0.8em;line-height:0.8em }
#navlogo { float:left;width:226px;margin-top:21px;margin-right:12px}
#navlinks { float:left;width:660px }
#navtable { margin-left:20px;border:none;border-spacing:0;padding-bottom:0;margin-bottom:0 }
#navtable td
{
	padding:0;
	height:78px;
	background-color:white;
	vertical-align:middle;
	width:150px;
}
#navtable p
{
	font-size:1.4em;
	line-height:1.2em;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
#navtable td.freetrial { width:160px; padding:0; }
#navtable td.freetrial p
{
	background-color:#ff5f06;
	height:48px;
	line-height:48px;
	border-radius:8px;
	width:160px;	
}
div.freetrial p, div.learnmore p 
{ 
    display:inline-block;
    font-family: 'Cabin Condensed', sans-serif;
    padding:0 10px;
    height:48px;
    line-height:48px;
    width:160px;
    font-size:1.2em;
    margin-top:20px;
    border-radius:8px;
}
#navtable td.freetrial p a, div.freetrial p a, div.learnmore p a { color:white; }
#navtable td.freetrial p:hover, #navtable td p.trialactive { background-color:#4e97cc;cursor:pointer }
div.learnmore p:hover, div.freetrial p:hover { background-color:#61bdff  !important }
div.learnmore p { background-color:#4e97cc;margin-top:5px }
div.freetrial p { background-color:#ff5f06; }


#navtable p a { color:#444 }
#navtable p a:hover { color:#777 }

#thin { display:none; border:none }
#thin td { border-right:1px solid #ddd; border-left:1px solid #ddd }
#thin td.bold { font-weight:bold; font-size:1.0em; border-top:1px solid #ddd; border-bottom:1px solid #ddd }
#wide { display:block; margin:0 auto; border:none }
#wide td { text-align:center; font-size:1.1em; border:1px solid #DDD }
#wide th { text-align:center; font-size:1.1em; font-weight:bold; border:1px solid #DDD }
.red { color:#FF0000 }
.green { color:#4AA02C; /*#008000*/ }
.gold { color:#C7A317; /*#FFA500*/ }
.fineprint { font-size:14px !important;text-align:center;margin:15px auto 15px auto; max-width:900px }

#contact_form { margin-left:10px; margin-right:10px }
#contact_form form div { width:85% }
#contact_form .input-field { width:80% }

#success{
	width: 100%;
	padding: 10px;
	text-align: center;
	color: green;
	display:none;
}
#error{
	width: 100%;
	padding: 10px;
	text-align: center;
	color: red;
	display:none;
	line-height:1.3em;
}
/* Buttons */
.button {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-transition: all 0.4s ease-in-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.4s ease-in-out;  /* Firefox 4-15 */
       -o-transition: all 0.4s ease-in-out;  /* Opera 10.50–12.00 */
          transition: all 0.4s ease-in-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.button.small {
	min-width: inherit !important;
}
.button 
{
	width:100% !important;
	margin:10px 0 !important;
	color:white !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #4e97cc;	
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.button:hover, .button:focus {
background-color: #f06060;
}
button
{
border-style:solid;
border-color:#adadad;
border-width:1px;
background-color:#e1e1e1;
border-radius:5px;
}
/* FAQ */
div.qa
{
	border:1px solid #C1C1C1;
	margin:10px 15px 0 15px;
	width:500px;
	text-align:left;
	display:inline-block;
}
div.qa a 
{
	color:#006699;
	text-decoration:none;
}
div.qa a:hover 
{
	text-decoration:underline;
}
div.qa p 
{
	padding:5px 10px 5px 10px;
	margin:0;
}
div.qa p.ques { color:#006699; }
div.qa div.ans 
{ 	
	background-color:#f1f1f1;
	border-top:1px solid #C1C1C1;
	padding:10px;
	display:none;
	line-height:1.5em; 
	width:498px;
}
div.qa div.ans ul { margin-left:20px; margin-right:20px; width:90% }
div.qa div.ans li { margin-bottom:6px }
#faqsection { margin-bottom:15px; display:block; }
#faqPhone { float:right;margin:0 45px 0 15px; width:200px }
#qacontainer { float:left; width:560px }

#stepbystep img {width:80%; display:inline; max-width:512px; cursor:zoom-in; }
#stepbystep .step {text-align:center}
#stepbystep .step p {padding:8px 10px 22px 10px;font-size:1.2em}
#stepbystep .step ol { margin:0 auto; padding:15px 0 5px 20px; display:block; text-align:left; width:80%; max-width:640px; font-size:1.2em }
#stepbystep .step ol li { margin-bottom:9px }

/* HOME PAGE */
header {
	padding: 20px 0 0;
	background-color: #4e97cc;
	color: white;
	margin-top: 78px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
header img {
	margin-bottom: -140px;
	display: inline-block;
}
header h1 {
	font-family: 'entypo'; 
	font-style: normal;
	color: white;
	font-size: 60px;
	line-height: 74px;
	font-weight: normal;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
header .large-8 h1 {
	margin: 100px 0 5px;	
}
header .subheading {
	display: block;
	margin-top:5px;
	margin-bottom: 25px;
	font-size: 26px;
	line-height: 1.2;
}
header p.subsub
{
	font-size:18px !important;
	width:90%;
	text-align:left;
	margin-left:30px;
}
header .large-8 {
	padding-left: 40px !important;
}		
#header {background:url(../img/super.jpg) no-repeat center center !important; }
#headerCol2 { text-align:center;width:35%;float:left; margin-left:15px }
#headerWrapper { width:100%;margin:0 auto;max-width:900px; }
#teaser-slider-2 {
	background-image: url(../img/handphone.png);
	width: 65%;
	float:left;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-left: -70px;
	overflow: hidden;
	height: 499px;
}

#teaser-slider-2 .flexslider:hover .flex-next {right: 15px!important}
#teaser-slider-2 .flexslider {
	left: 270px;
	top: 80px;
	width: 208px
}
#slide1 { display:block }
div.featureWrapper { padding:10px 0 10px 0; margin:0 auto 20px auto; width:100%; max-width:900px }
div.feature { margin-top:20px; float:left; width:33%; padding:10px }
div.feature p.subheader { color:#ff5f06; font-weight:bold;font-size:1.1em; width:100% }
div.feature p { width:75%;margin:15px auto 0 auto }		

/* Features */
.feature {
	text-align: center;
	padding-top: 30px;
}
.feature h3 {
	font-size: 24px;
}
.feature p {
	font-size: 14px;
}
.feature .icon {
	
	font-size: 4.8em;
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	padding-top: 25px;
	width: 130px;
	height: 130px;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
.icon-phone:before, .icon-mobile:before, .icon-mouse:before, .icon-directions:before, .icon-mail:before, .icon-paperplane:before, .icon-pencil:before, .icon-feather:before, .icon-paperclip:before, .icon-drawer:before, .icon-reply:before, .icon-reply-all:before, .icon-forward:before, .icon-user:before, .icon-users:before, .icon-user-add:before, .icon-vcard:before, .icon-export:before, .icon-location:before, .icon-map:before, .icon-compass:before, .icon-location-2:before, .icon-tools:before, .icon-cog:before, .icon-flag:before, .icon-link:before, .icon-bell:before, .icon-printer:before, .icon-flashlight:before, .icon-popup:before, .icon-house:before, .icon-quote:before, .icon-comment:before, .icon-chat:before, .icon-thumbs-down:before, .icon-thumbs-up:before, .icon-star:before, .icon-star-2:before, .icon-heart:before, .icon-heart-2:before, .icon-sharable:before, .icon-share:before, .icon-target:before, .icon-trophy:before, .icon-tag:before, .icon-camera:before, .icon-megaphone:before, .icon-moon:before, .icon-palette:before, .icon-leaf:before, .icon-music:before, .icon-music-2:before, .icon-new:before, .icon-graduation:before, .icon-book:before, .icon-newspaper:before, .icon-bag:before, .icon-airplane:before, .icon-lifebuoy:before, .icon-eye:before, .icon-clock:before, .icon-microphone:before, .icon-calendar:before, .icon-bolt:before, .icon-thunder:before, .icon-droplet:before, .icon-cd:before, .icon-briefcase:before, .icon-air:before, .icon-hourglass:before, .icon-gauge:before, .icon-language:before, .icon-network:before, .icon-key:before, .icon-battery:before, .icon-bucket:before, .icon-magnet:before, .icon-drive:before, .icon-cup:before, .icon-rocket:before, .icon-brush:before, .icon-suitcase:before, .icon-cone:before, .icon-earth:before, .icon-keyboard:before, .icon-browser:before, .icon-publish:before, .icon-progress-3:before, .icon-progress-2:before, .icon-brogress-1:before, .icon-progress-0:before, .icon-sun:before, .icon-sun-2:before, .icon-adjust:before, .icon-code:before, .icon-screen:before, .icon-infinity:before, .icon-light-bulb:before, .icon-credit-card:before, .icon-database:before, .icon-voicemail:before, .icon-clipboard:before, .icon-cart:before, .icon-box:before, .icon-ticket:before, .icon-rss:before, .icon-signal:before, .icon-thermometer:before, .icon-droplets:before, .icon-untitled:before, .icon-statistics:before, .icon-pie:before, .icon-bars:before, .icon-graph:before, .icon-lock:before, .icon-lock-open:before, .icon-logout:before, .icon-login:before, .icon-checkmark:before, .icon-cross:before, .icon-erase:before, .icon-blocked:before, .icon-info:before, .icon-cycle:before, .icon-cw:before, .icon-ccw:before, .icon-shuffle:before, .icon-arrow:before, .icon-arrow-2:before, .icon-retweet:before, .icon-loop:before, .icon-history:before, .icon-back:before, .icon-switch:before, .icon-list:before, .icon-add-to-list:before, .icon-layout:before, .icon-list-2:before, .icon-text:before, .icon-text-2:before, .icon-document:before, .icon-docs:before, .icon-landscape:before, .icon-pictures:before, .icon-video:before, .icon-music-3:before, .icon-folder:before, .icon-archive:before, .icon-trash:before, .icon-upload:before, .icon-download:before, .icon-disk:before, .icon-install:before, .icon-cloud:before, .icon-upload-2:before, .icon-bookmark:before, .icon-bookmarks:before, .icon-book-2:before, .icon-play:before, .icon-pause:before, .icon-record:before, .icon-stop:before, .icon-next:before, .icon-previous:before, .icon-first:before, .icon-last:before, .icon-resize-enlarge:before, .icon-resize-shrink:before, .icon-volume:before, .icon-sound:before, .icon-mute:before, .icon-flow-cascade:before, .icon-flow-branch:before, .icon-flow-tree:before, .icon-flow-line:before, .icon-flow-parallel:before, .icon-github:before, .icon-flickr:before, .icon-vimeo:before, .icon-twitter:before, .icon-facebook:before, .icon-googleplus:before, .icon-pinterest:before, .icon-linkedin:before, .icon-stumbleupon:before, .icon-lastfm:before, .icon-rdio:before, .icon-spotify:before, .icon-qq:before, .icon-skype:before, .icon-plus:before, .icon-minus:before, .icon-question:before, .icon-tumblr:before, .icon-dribbble:before {
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-phone:before {
	content: "\e000";
}
.icon-mobile:before {
	content: "\e001";
}
.icon-mouse:before {
	content: "\e002";
}
.icon-directions:before {
	content: "\e003";
}
.icon-mail:before {
	content: "\e004";
}
.icon-paperplane:before {
	content: "\e005";
}
.icon-pencil:before {
	content: "\e006";
}
.icon-feather:before {
	content: "\e007";
}
.icon-paperclip:before {
	content: "\e008";
}
.icon-drawer:before {
	content: "\e009";
}
.icon-reply:before {
	content: "\e00a";
}
.icon-reply-all:before {
	content: "\e00b";
}
.icon-forward:before {
	content: "\e00c";
}
.icon-user:before {
	content: "\e00d";
}
.icon-users:before {
	content: "\e00e";
}
.icon-user-add:before {
	content: "\e00f";
}
.icon-vcard:before {
	content: "\e010";
}
.icon-export:before {
	content: "\e011";
}
.icon-location:before {
	content: "\e012";
}
.icon-map:before {
	content: "\e013";
}
.icon-compass:before {
	content: "\e014";
}
.icon-location-2:before {
	content: "\e015";
}
.icon-tools:before {
	content: "\e016";
}
.icon-cog:before {
	content: "\e017";
}
.icon-flag:before {
	content: "\e018";
}
.icon-link:before {
	content: "\e019";
}
.icon-bell:before {
	content: "\e01a";
}
.icon-printer:before {
	content: "\e01b";
}
.icon-flashlight:before {
	content: "\e01c";
}
.icon-popup:before {
	content: "\e01d";
}
.icon-house:before {
	content: "\e01e";
}
.icon-quote:before {
	content: "\e01f";
}
.icon-comment:before {
	content: "\e020";
}
.icon-chat:before {
	content: "\e021";
}
.icon-thumbs-down:before {
	content: "\e022";
}
.icon-thumbs-up:before {
	content: "\e023";
}
.icon-star:before {
	content: "\e024";
}
.icon-star-2:before {
	content: "\e025";
}
.icon-heart:before {
	content: "\e026";
}
.icon-heart-2:before {
	content: "\e027";
}
.icon-sharable:before {
	content: "\e028";
}
.icon-share:before {
	content: "\e029";
}
.icon-target:before {
	content: "\e02a";
}
.icon-trophy:before {
	content: "\e02b";
}
.icon-tag:before {
	content: "\e02c";
}
.icon-camera:before {
	content: "\e02d";
}
.icon-megaphone:before {
	content: "\e02e";
}
.icon-moon:before {
	content: "\e02f";
}
.icon-palette:before {
	content: "\e030";
}
.icon-leaf:before {
	content: "\e031";
}
.icon-music:before {
	content: "\e032";
}
.icon-music-2:before {
	content: "\e033";
}
.icon-new:before {
	content: "\e034";
}
.icon-graduation:before {
	content: "\e035";
}
.icon-book:before {
	content: "\e036";
}
.icon-newspaper:before {
	content: "\e037";
}
.icon-bag:before {
	content: "\e038";
}
.icon-airplane:before {
	content: "\e039";
}
.icon-lifebuoy:before {
	content: "\e03a";
}
.icon-eye:before {
	content: "\e03b";
}
.icon-clock:before {
	content: "\e03c";
}
.icon-microphone:before {
	content: "\e03d";
}
.icon-calendar:before {
	content: "\e03e";
}
.icon-bolt:before {
	content: "\e03f";
}
.icon-thunder:before {
	content: "\e040";
}
.icon-droplet:before {
	content: "\e041";
}
.icon-cd:before {
	content: "\e042";
}
.icon-briefcase:before {
	content: "\e043";
}
.icon-air:before {
	content: "\e044";
}
.icon-hourglass:before {
	content: "\e045";
}
.icon-gauge:before {
	content: "\e046";
}
.icon-language:before {
	content: "\e047";
}
.icon-network:before {
	content: "\e048";
}
.icon-key:before {
	content: "\e049";
}
.icon-battery:before {
	content: "\e04a";
}
.icon-bucket:before {
	content: "\e04b";
}
.icon-magnet:before {
	content: "\e04c";
}
.icon-drive:before {
	content: "\e04d";
}
.icon-cup:before {
	content: "\e04e";
}
.icon-rocket:before {
	content: "\e04f";
}
.icon-brush:before {
	content: "\e050";
}
.icon-suitcase:before {
	content: "\e051";
}
.icon-cone:before {
	content: "\e052";
}
.icon-earth:before {
	content: "\e053";
}
.icon-keyboard:before {
	content: "\e054";
}
.icon-browser:before {
	content: "\e055";
}
.icon-publish:before {
	content: "\e056";
}
.icon-progress-3:before {
	content: "\e057";
}
.icon-progress-2:before {
	content: "\e058";
}
.icon-brogress-1:before {
	content: "\e059";
}
.icon-progress-0:before {
	content: "\e05a";
}
.icon-sun:before {
	content: "\e05b";
}
.icon-sun-2:before {
	content: "\e05c";
}
.icon-adjust:before {
	content: "\e05d";
}
.icon-code:before {
	content: "\e05e";
}
.icon-screen:before {
	content: "\e05f";
}
.icon-infinity:before {
	content: "\e060";
}
.icon-light-bulb:before {
	content: "\e061";
}
.icon-credit-card:before {
	content: "\e062";
}
.icon-database:before {
	content: "\e063";
}
.icon-voicemail:before {
	content: "\e064";
}
.icon-clipboard:before {
	content: "\e065";
}
.icon-cart:before {
	content: "\e066";
}
.icon-box:before {
	content: "\e067";
}
.icon-ticket:before {
	content: "\e068";
}
.icon-rss:before {
	content: "\e069";
}
.icon-signal:before {
	content: "\e06a";
}
.icon-thermometer:before {
	content: "\e06b";
}
.icon-droplets:before {
	content: "\e06c";
}
.icon-untitled:before {
	content: "\e06d";
}
.icon-statistics:before {
	content: "\e06e";
}
.icon-pie:before {
	content: "\e06f";
}
.icon-bars:before {
	content: "\e070";
}
.icon-graph:before {
	content: "\e071";
}
.icon-lock:before {
	content: "\e072";
}
.icon-lock-open:before {
	content: "\e073";
}
.icon-logout:before {
	content: "\e074";
}
.icon-login:before {
	content: "\e075";
}
.icon-checkmark:before {
	content: "\e076";
}
.icon-cross:before {
	content: "\e077";
}
.icon-erase:before {
	content: "\e080";
}
.icon-blocked:before {
	content: "\e081";
}
.icon-info:before {
	content: "\e082";
}
.icon-cycle:before {
	content: "\e087";
}
.icon-cw:before {
	content: "\e088";
}
.icon-ccw:before {
	content: "\e089";
}
.icon-shuffle:before {
	content: "\e08a";
}
.icon-arrow:before {
	content: "\e08b";
}
.icon-arrow-2:before {
	content: "\e08c";
}
.icon-retweet:before {
	content: "\e08d";
}
.icon-loop:before {
	content: "\e08e";
}
.icon-history:before {
	content: "\e08f";
}
.icon-back:before {
	content: "\e090";
}
.icon-switch:before {
	content: "\e091";
}
.icon-list:before {
	content: "\e092";
}
.icon-add-to-list:before {
	content: "\e093";
}
.icon-layout:before {
	content: "\e094";
}
.icon-list-2:before {
	content: "\e095";
}
.icon-text:before {
	content: "\e096";
}
.icon-text-2:before {
	content: "\e097";
}
.icon-document:before {
	content: "\e098";
}
.icon-docs:before {
	content: "\e099";
}
.icon-landscape:before {
	content: "\e09a";
}
.icon-pictures:before {
	content: "\e09b";
}
.icon-video:before {
	content: "\e09c";
}
.icon-music-3:before {
	content: "\e09d";
}
.icon-folder:before {
	content: "\e09e";
}
.icon-archive:before {
	content: "\e09f";
}
.icon-trash:before {
	content: "\e0a0";
}
.icon-upload:before {
	content: "\e0a1";
}
.icon-download:before {
	content: "\e0a2";
}
.icon-disk:before {
	content: "\e0a3";
}
.icon-install:before {
	content: "\e0a4";
}
.icon-cloud:before {
	content: "\e0a5";
}
.icon-upload-2:before {
	content: "\e0a6";
}
.icon-bookmark:before {
	content: "\e0a7";
}
.icon-bookmarks:before {
	content: "\e0a8";
}
.icon-book-2:before {
	content: "\e0a9";
}
.icon-play:before {
	content: "\e0aa";
}
.icon-pause:before {
	content: "\e0ab";
}
.icon-record:before {
	content: "\e0ac";
}
.icon-stop:before {
	content: "\e0ad";
}
.icon-next:before {
	content: "\e0ae";
}
.icon-previous:before {
	content: "\e0af";
}
.icon-first:before {
	content: "\e0b0";
}
.icon-last:before {
	content: "\e0b1";
}
.icon-resize-enlarge:before {
	content: "\e0b2";
}
.icon-resize-shrink:before {
	content: "\e0b3";
}
.icon-volume:before {
	content: "\e0b4";
}
.icon-sound:before {
	content: "\e0b5";
}
.icon-mute:before {
	content: "\e0b6";
}
.icon-flow-cascade:before {
	content: "\e0b7";
}
.icon-flow-branch:before {
	content: "\e0b8";
}
.icon-flow-tree:before {
	content: "\e0b9";
}
.icon-flow-line:before {
	content: "\e0ba";
}
.icon-flow-parallel:before {
	content: "\e0bb";
}
.icon-github:before {
	content: "\e0ee";
}
.icon-flickr:before {
	content: "\e0f0";
}
.icon-vimeo:before {
	content: "\e0f2";
}
.icon-twitter:before {
	content: "\e0f4";
}
.icon-facebook:before {
	content: "\e0f6";
}
.icon-googleplus:before {
	content: "\e0f9";
}
.icon-pinterest:before {
	content: "\e0fb";
}
.icon-linkedin:before {
	content: "\e0ff";
}
.icon-stumbleupon:before {
	content: "\e103";
}
.icon-lastfm:before {
	content: "\e105";
}
.icon-rdio:before {
	content: "\e107";
}
.icon-spotify:before {
	content: "\e109";
}
.icon-qq:before {
	content: "\e10a";
}
.icon-skype:before {
	content: "\e110";
}
.icon-plus:before {
	content: "\e07f";
}
.icon-minus:before {
	content: "\e07e";
}
.icon-question:before {
	content: "\e084";
}
.icon-tumblr:before {
	content: "\e0fd";
}
.icon-dribbble:before {
	content: "\e101";
}

/* Icon Effects */
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 4px #4e97cc;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: green;
	-webkit-transition: -webkit-transform 1s, opacity 0.6s;
	-moz-transition: -moz-transform 1s, opacity 0.6s;
	transition: transform 1s, opacity 0.6s;
}

/* Effect */
.hi-icon-effect-3b .hi-icon {
	color: #fff;
	background: #4e97cc;
}
.no-touch .hi-icon-effect-3b .hi-icon:hover {
	color: #f06060;
	background:#fff;
	box-shadow: 0 0 0 4px #f06060;
}
.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(2.3);
	-moz-transform: scale(2.3);
	-ms-transform: scale(2.3);
	transform: scale(2.3);
	opacity: 0;
}
.no-touch .hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

::placeholder {
  
  color: #cccccc;
  
}

/* END OF REVERIFIED */

@media
only screen and (max-width: 1012px),
(min-device-width: 450px) and (max-device-width: 1012px)  
{
	#navtable { display:none }
	#navlogo { margin-top:5px }
	#navselect { display:block }
	#navlinks { width:auto;margin-top:8px; }
	#signInOut { margin-top:13px }
	#google_translate_element { display:none }				
	body { width:800px !important;  }
	#teaser-slider-2 { margin-left:-96px !important  }
}
@media
only screen and (max-width: 640px),
(min-device-width: 0px) and (max-device-width: 640px)  
{
	#navlogo {text-align:left}				
	body { width:580px !important; margin-bottom:0 !important }
}
@media
only screen and (max-width: 623px),
(min-device-width: 0px) and (max-device-width: 623px)  
{
	body { width:560px !important; margin-top:0 !important }
}
@media (min-width: 768px) and (max-width: 1023px) 
{
	body { width:800px !important;  }
}
@media (max-width: 767px) 
{
	#top {
		position: static !important; 
		top: auto !important;
		left: auto;
		right: 0px;
		height:88px;
	}
	#google_translate_element { display:none }				
	.top-bar .top-bar-section ul li>a.button  {
		color: white;
		padding: 10px 0;
		font-size: 24px;
		margin: 10px 0;
	}
	.top-bar,
	.top-bar-section ul{
		background: white !important;
	}
	.top-bar-section li a:not(.button) {
		background: white !important;
	}					
	body { width:700px !important; margin-top:0 !important }
	#wide {display:none !important }
	#thin {display:block !important }	
	.container { margin-top:0 !important }
	#faqPhone { display:none }	
	#qacontainer { float:none; width:100% }
	#faqsection { margin:0 auto 15px auto !important; text-align:center }	
	div.qa { max-width:100% !important }
}
@media (max-width: 568px) 
{				
	body { width:420px !important; margin-top:0 !important }
	.subsubheading { font-size:1em }
	#teaser-slider-2 { margin-left:-150px !important; width:150% !important  }
}
@media (max-width: 480px) 
{			
	body { width:420px !important; margin-top:0 !important }
}
@media (max-width: 400px) 
{			
	body { width:320px !important; margin-top:0 !important }
	#teaser-slider-2 { margin-left:-220px !important; width:180% !important }
}