/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! PocketGrid 1.1.0  | Copyright 2013 Arnaud Leray |  MIT License*/
.block-group,.block,.block-group:after,.block:after,.block-group:before,.block:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.block-group{*zoom:1}
.block-group:before,.block-group:after{display:table;content:"";line-height:0}
.block-group:after{clear:both}
.block-group{list-style-type:none;padding:0;margin:0}
.block-group>.block-group{clear:none;float:left;margin:0 !important}
.block{float:left;width:100%}

/* Box-sizing polyfill for IE6 and IE7 */
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before { *behavior: url(../java_scripts/boxsizing-pocketgrid.htc);}

body {margin: 0; padding: 0; font-size: 1em; font-family: Calibri, Helvetica, Arial, sans-serif; line-height: 1.125em; -webkit-font-smoothing: antialiased;}

a {color: #007edf; text-decoration: none}
a:hover {color: #F60}
.lnkbl a:link {color:#0000FF;background-color:transparent;font-size:100%}
.lnkbl a:visited {color:#0000FF;background-color:transparent;font-size:100%;}
.lnkbl a:hover {color:#0000FF;background-color:transparent;text-decoration:underline;font-size:100%}

img {max-width: 100%; height: auto;-ms-interpolation-mode: bicubic;vertical-align: middle;display: inline-block}
@media \0screen {img {width: auto; /* for ie 8 */ }}
.img-circle {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%}
.featured img {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}

h1, h2, h3, h4, h5, .hc2, .hc3 {margin-top:0;margin-bottom:0;font-weight:500;color:inherit;text-rendering:optimizeLegibility}
h1 {font-size: 1.5rem;line-height: 1.5; letter-spacing: -.1rem;padding: 0 1%}
h2 {font-size: 1.25rem;line-height: 1.35;letter-spacing: -.1rem}
h3 {font-size: 1.1875rem;line-height: 1.3;letter-spacing: -.1rem}
h4 {font-size: 1.125rem;line-height:1.25;letter-spacing: -.08rem}
h5 {font-size: 1.0625rem;line-height:1.2 ;letter-spacing: -.05rem}

.hc2 {font-size: 1.25rem;line-height: 1.35;letter-spacing: -.05rem}
.hc3 {font-size: 1.1875rem;line-height: 1.3;letter-spacing: -.05rem}

blockquote, cite, q {font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;font-style:italic}
blockquote {background-color:#F9F7EC;color:#666666;border-top:1px solid;border-bottom:1px solid;padding:1em 0;margin:1.5em}
q {display:inline;font-size:1.25em}
q:before {content:open-quote}
q:after {content:close-quote}

/* Testimonials */
.testimonials {font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;font-style:italic;padding-top:4em; text-align: center;margin: 0 1em}
.testimonials h2 {color:#000099; font-weight: 300}
.testimonials p {color:#9d9d9d; font-size:1.2em}
.testimonials blockquote {border:none; text-align: left; padding:0 0.5em; font-size:1em; color:#4d4d4d; line-height: 1.4; margin: .75em; box-shadow: 0 0 .375em 0 rgba(0,0,0,.4)}
.testimonials blockquote:before {content: open-quote}
.testimonials blockquote:after {content: close-quote}
.ico-f, .ico-m {display:inline-block;width:50px;height:50px;border-radius: 50%; float:left; display:inline; margin: 0 .75em}
.ico-f {background-image:url(../images/avatar-female.gif)}
.ico-m {background-image:url(../images/avatar-male.gif)}

/* old sets for product Table */
.tbtextbig {font:bold 100% Arial,Helvetica,sans-serif;color:#606060;background-color:#F0F0F0;border-bottom:1px}
.blgr {border-bottom-style:solid;border-bottom-color:#A0A0A0}
.dis {padding-top:15px}
.ProdTD {padding-top:20px;padding-bottom:20px;font:bold smaller}
/* eo old sets for product Table */

.bread-crumb {position:relative;top:0;color:#606060;font-size: .75em}
.watchbenefit {font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;font-style:italic;background:transparent;color:#666666;margin: 1.5em 0 0 1.5em;padding:1em 0;font-size:85%}

.centered {margin-left:auto;margin-right:auto;padding: 1em 0} /* Centering div's plus padding width:100%*/
.left {text-align:left;padding: 0 1.25em}
.center {text-align:center}
.small {font-size:.688em}
.large {font-size:120%}
.big {font-size:150%}
.lh--05 {line-height:105%}
.lh--10 {line-height:110%}

.alert-note {width:80%;margin-left:auto;margin-right:auto;padding:.5em;border-style:dotted;border-color:#0068D0;background-color:#EFEFEF}
.alert-note h3 {font-size:1.5em;color:#0068D0}
.hl-info {background-color:#F7F7F7;border:dotted 1px #B0B0B0;margin:1em;padding:1em}
.hl--color {color:#990000}

.marker {text-shadow: 1px 1px yellow,2px 2px yellow,3px 3px yellow;text-decoration:underline}
.tag-rel {display:none}
.h-mobile {display:none}
.markYellow {background-color:#FFFF00}
.markBlue {background-color:#CCDDFF}
.bgrey {border:1px solid #A0A0A0}
.fineprint {font-style:italic;font-size:.75em;color:#646}
.break-word {word-wrap:break-word}

/* Media Object */
.media {margin:10px 0;padding:10px}
.media .body {min-width:180px;overflow:hidden}
.img {float: left;margin-right:20px}
.img img {display:block}

/* Centering of the page */
.wrap {margin-left:auto;margin-right:auto}
.inner, .inner-2 {margin:0 3%;} /* Margin Wrap */

/* e-Sample Product page */
.es-wrapper {width:280px;max-height:130px;padding-bottom:2em}
.es-gif {float:right;height:66px;display:none}
.es-cta {width:280px;height:90px}
.es-pos {width:280px;margin-left:auto;margin-right:auto;padding-top:20px}

.box {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing:border-box;height:100%;
	background: -moz-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff',endColorstr='#00ffffff',GradientType=0); /* IE6-9 */
	background-color:#EEE;/*#E0E9FF; /* Old browsers */ font-size:inherit;color:#777;text-align:center;padding:.625em 0}

.color-footer .box {background-color:#9DF !important}
.box-1 {font-size:inherit;text-align:center;padding:.625em 0}
.box-2 {font-size:inherit;padding:0 1.5em .625em .625em}
.box-3 {font-size:inherit;text-align:center;padding:0 .625em .625em .625em;background-color:#FAFAFA; -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em} 
.box-4 {font-size:inherit;text-align:left;padding:1.5em;background-color:#FAFAFA;border-radius:2em; -moz-border-radius:2em; -webkit-border-radius:2em; border:1px solid #adadad}
.box-5 {margin-bottom:1em;padding:.625em .625em .625em 1em;background:#fcfdfe linear-gradient(#fcfdfe,#f4f8fc) repeat scroll 0 0;border:1px solid #c9ddf2;border-radius:5px;box-shadow:0 -2px 0 rgba(204,223,243,0.3) inset, 0 0 1px rgba(0,0,0,0.1)}

.shadow {-webkit-box-shadow:2px 2px 3px #2b2b2b; -moz-box-shadow:2px 2px 3px #2b2b2b;box-shadow: 2px 2px 3px #2b2b2b;
         /* For IE 8 */  -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#2b2b2b')";
         /* For IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#2b2b2b')}

.fl--r {float:right}
.pt--1 {display:block;padding-top:1.25em}
.pm--0 {padding:0 !important;margin:0 !important}
.pm--1 {padding:1em;margin:1em}
.pm-dis {padding:0;margin:0}     
.p-dis {padding:3em 0}
.pad--mobile {padding:0}
.padding-mobile, .p-mobile {height:3em} /* Distance adjuster  */
.padding-50, .padding-100, .padding-header {display:none} 
 
.dot-divider {border-top:2px dotted #adadad;padding:1em}
.mobile-xl {font-size:110%;margin:auto 4%} /* Links at the Bottom before FOOTER */
.u--uc {text-transform:uppercase}

header .slogan h1 {margin:0;padding-top:.5em;font-family:Verdana,Helvetica,Arial,sans-serif;line-height:1em;letter-spacing:.01rem}
.header-second h1, .header-second h2 {font:bold 1.5em/120% Georgia,'Times New Roman',Times,serif;color:#800000;letter-spacing: .01rem}
.sub-header {font:bold 0.625em Arial,Helvetica,sans-serif;color:#000099}
.statement {font-size:100% !important;line-height:80%} 
.blue {color:#000099}
.blue--large {color:#000099;font-size:110%;margin:0;padding:0 0.5em;line-height:110%}
.blue--bold {color:#000099;font-weight:bold}
.blue--cycle {font-family:Arial;display:inline-block;width:1em;height:1em;line-height:1em;border:2px solid #000099;border-radius:50%;color:#000099;text-align:center;text-decoration:none;background:transparent;box-shadow:0 0 3px gray;font-size:1em;font-weight:bold}
.green--cycle {font:bold 1em/100% Arial;margin:2em 0;display:inline-block;width:5em;height:5em;line-height:5em;border:2px solid green;border-radius:50%;color:green;text-align:center;text-decoration:none;background:transparent;box-shadow:0 0 3px gray}
.green--cycle span {font-size:3em}

.product-line {padding-left:2.5em} /* TOP Images after Headline */
.product-feature li {list-style-image:url(../images/bluebullet.gif);padding:.375em}
.product-feature ul {list-style:none}
.product-feature h4 {border-bottom:1px dotted #BCD;margin-bottom:-0.625em}
.specs {text-align:left;padding:.625em 1.25em}

.prod--item {display:inline-block;font-weight:bold;font-size:1.5em;color:#666666;padding-bottom:2em}
.old--price {color:#666666;text-decoration:line-through;margin-right:1.125em}
.prod--sold, .prod--price, .prod--ptext, .prod--onsale, .prod--preorder {font-weight:bold;font-size:1.375em}
.prod--sold, .prod--preorder {color:#000099;font-size:1.75em}
.prod--price {color:#990000}
.prod--ptext {color:#666666}
.prod--onsale {color:#F00000;padding-top:.875em}
.prod--savings {color:#D11000;font-weight:bold;font-size:1em}
.prod--ship {display:inline-block;font-style:italic;font-weight:bold;font-size:1.188em;color:#00A050;padding-top:1.188em}
.prod--other {font-weight:bold;padding-top:1em}

/* --- Grids --- */
.block-group .block-group .box {background-color:#CDF}
.header, .header-small {color:white;background:rgba(0,0,146,1);padding:.75em 0}
.header {height:9em}
.header-small {height:3.5em}
.header-small; .logo {width:39px;height:50px}
.logo      {margin-left:.625em;margin-right:.375em}
.brand     {width:36%;height:75px}
.slogan    {width:50%;height:2.5em;padding:1em 0 0 .938em}
.phonecall {width:64%;float:right;height:75px;padding:0 0.75em;text-align:right;font-weight:bold;font-size:65%}
.phone-hl  {color:#FFD700;font-size:1.25em;line-height:.75em;font-family:verdana,sans-serif}
.search    {width:50%;height:2.5em;padding:0;text-align:right}
.slogan h1 {margin:0;padding:0;font-size:.813em;font-family: Georgia,Arial,Helvetica,sans-serif;font-weight:bold;word-wrap:break-word;line-height:1.25em;letter-spacing:.05em}
.brand img {vertical-align:top}
.main-support {height:auto;display:block}
.links-support {padding:3%;height:auto;display:block}

.pf-list {padding:0em;display:inline-block !important;font-weight:bold}
.pf-img  {width:220px;padding:0em;margin-left:auto;margin-right:auto}
.pf-price {width:230px;height:210px;padding:30% 5%;background-color:#000066;text-align:center;font-size:2em;color: white;border-right:2px solid #ADD8E6;border-bottom:1px solid #ADD8E6;text-shadow:0 2px 3px yellow}
.p-line {width:40.5%;text-align:center}
.p-line8 {width:40%;margin:0}
.pl-ph {width:80%;text-align:right;margin:0.375em 0}
.pl-note {font-size:.75em;width:65%;margin-left:auto;margin-right:auto;margin-top:.625em;background-color:yellow}

.topscroll {text-align:center;position:relative;top: 1.5em;margin-left:auto;margin-right:auto;z-index:35}
.footer {color:white;background:rgba(0,0,146,1);height:auto;border-top:solid 1px #BCD}
.f-company p {font-size:1.5em;font-weight:bold}
.corporate {text-align:left;margin-left:3.125em;font-weight:bold;color:#0050A0;padding-top:.625em}
.copyright {font-size:.75em;border-top:solid 1px #DDD;padding-top:1.25em} 
.f-hl {border-top:1px solid #adadad}

/* Animation --- */
.animated {animation-duration:.75s;animation-fill-mode:both}
@keyframes zoomIn {from {opacity:0;transform:scale3d(.3,.3,.3);} 50% {opacity:1;}}
.zoomIn {animation-name:zoomIn}
@keyframes fadeInLeftBig {from {opacity:0;transform:translate3d(-2000px,0,0);} to {opacity:1;transform:none;}}
.fadeInLeftBig {animation-name:fadeInLeftBig}

/* Table for Pricing */
.tb-pos {padding:0;margin:auto;position:relative;left:3px;top:-2px;text-align:left}
table .pt {background-color:#336633;border-spacing:0;border-collapse:collapse /* 'cellspacing' equivalent */}
table .pt1 {border-color:white;border-spacing:0;border-collapse:collapse}
table .pt2 {border-spacing:0;border-collapse:collapse}
table td .left {text-align:left}
table tr .row1 {text-align:center;background-color:#79f}
table tr .row2 {text-align:center;background-color:#f0f0f0}

/* Buttons  */
.round-button {font-family:Arial;display:block;width:2.25em;height:2.25em;line-height:2.25em;border:2px solid #f5f5f5;border-radius:50%;color:#f5f5f5;text-align:center;text-decoration:none;background:#464646;box-shadow:0 0 3px gray;font-size:1.25em;font-weight:bold}
.round-button:hover {background:#F60}

.btn-ol {background:transparent !important;border:2px solid #5AC3E8;border-color:#5AC3E8;padding:8px 16px !important;border-radius:10px;color:#0050A0;font-size:1em;letter-spacing:.05em;font-weight:400;text-transform:uppercase;display:inline-block;margin:20px auto 0;cursor:pointer}
.btn-ol:hover, .btn-ol:focus {color:white;background:#5AC3E8 !important; -webkit-transition:all,0.3s; -moz-transition: all,0.3s;transition:all,0.3s; -webkit-text-shadow:1px 1px 1px #0099ff;text-shadow:1px 1px 1px #0099ff}
.btn-ol:active {background:#F60 !important;}
/* generic buttons ---- */
.btn {display:inline-block;vertical-align:middle;white-space:nowrap;font-family:inherit;font-size:100%;cursor:pointer;border:none;margin:0;padding-top:0;padding-bottom:0;line-height:3;height:3em;padding-right:1em;padding-left:1em;background-color:#0099FF;border-radius:4px;overflow:visible}
.btn, .btn:hover, .btn:active, .btn:focus, .btn:visited {text-decoration:none;color:#fff}
.btn:hover, .button:focus {box-shadow:0 0 5px rgba(0,0,0,0.5);background:#F60}
.btn:active{outline:none;box-shadow:0 0 5px rgba(0, 0, 0, 0.5) inset;background:#F60}
.btn::-moz-focus-inner {border:0;padding:0}
/* ----  Button SIZES  ---- */
.btn--small {padding-right:0.5em;padding-left:0.5em;line-height:2;height:2em}
.btn--large {padding-right:1.5em;padding-left:1.5em;line-height:4;height:4em}
.btn--huge {padding-right:2em;padding-left:2em;line-height:5;height:5em}
.btn--full {width:100%;padding-right:0;padding-left:0;text-align:center}
/* ---- Button font-size ---- */
.btn--xxl {font-size:3rem}
.btn--xl {font-size:2rem}
.btn--l {font-size:1rem}
 /* ---- inherit size ---- */
.btn--natural {vertical-align:baseline;font-size:inherit;line-height:inherit;height:auto;padding-right:0.25em;padding-left:0.25em}
 /* ---- Button color ----  */
.btn--primary {background-color:#337ab7;border-color:#2e6da4;color:#fff}
.btn--secondary {background-color:#F5F5F5;border-color:#2e6da4;color:#fff}
/* ---- Positive actions submit, etc. ---- */
.btn--positive{background-color:#4A993E;color:#fff}
/* ---- Negative actions ---- */
.btn--negative{background-color:#b33630;color:#fff}
/* --- Inactive, disabled buttons --- */
.btn--inactive, .btn--inactive:hover, .btn--inactive:active, .btn--inactive:focus{background-color:#ddd;color:#777;cursor:default;box-shadow:none}
/* ---- Button style ---- */
.btn--soft {border-radius:5em}
.btn--hard {border-radius:0}

/*--------  Gradient Button ------------ */
.button-1 {display:inline-block;zoom:1; /* zoom and *display = ie7 hack for display:inline-block */  *display:inline;vertical-align:baseline;margin:0 2px;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:.875em/100% Arial,Helvetica,sans-serif;padding:.5em 2em .55em;text-shadow:0 1px 1px rgba(0,0,0,.3); -webkit-border-radius:.5em;  -moz-border-radius:.5em;border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.button {display:inline-block;zoom:1; *display:inline;vertical-align:baseline;margin:1em;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:1.25em/130% Arial,Helvetica,sans-serif;padding:.5em 2em .55em;text-shadow:0 1px 1px rgba(0,0,0,.3); -webkit-border-radius:.5em; -moz-border-radius: .5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2)}
.button:hover {text-decoration:none;color:blue}
.button:active {position:relative;top:1px}
.button-big {margin-top:10px;padding:10px;width:250px;text-align:center;font:bold 16px verdana,helvetica,arial;color:black;background-color:#FFCC68;cursor:pointer}
.bigrounded {-webkit-border-radius:2em; -moz-border-radius:2em;border-radius:2em}
.b--large {font-size:1.25em;padding:.2em 1em .275em}
.b--big {font-size:1.063em;padding:.2em 1.5em .275em}
.b--medium {font-size:.75em;padding:.4em 1.5em .42em}
.b--small {font-size:.688em;padding:.2em 1em .275em}
/* --- Inactive, disabled buttons WHITE Gradient--- */
.button--inactive, .button--inactive:hover, .button--inactive:active, .button--inactive:focus{color:#999;background: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#fff)); background: -moz-linear-gradient(top,#ededed,#fff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff');cursor:default;box-shadow:none}
/* --- Gradient Button color styles  --- */
/* white */
.white {color:#606060;border:solid 1px #b7b7b7;background:#fff;background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed)); background: -moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}
.white:hover {background:#ededed; background: -webkit-gradient(linear,left top,left bottom,from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top,#fff,#dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc')}
.white:active {color:#999;background: -webkit-gradient(linear,left top,left bottom,from(#ededed), to(#fff)); background: -moz-linear-gradient(top,#ededed,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff')}
/* orange */
.orange {color:#3F3F3F;border:solid 1px #da7c0c;background:#F1C556;background: -webkit-gradient(linear,left top,left bottom,from(#F1C556), to(#f47a20)); background: -moz-linear-gradient(top,#F1C556,#f47a20);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20')}
.orange:hover {color:#3F3F3F;background:#f47c20;background: -webkit-gradient(linear,left top,left bottom,from(#f88e11), to(#ff8300)); background: -moz-linear-gradient(top,#f88e11,#ff8300); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015')}
.orange:active {color:#3F3F3F;background: -webkit-gradient(linear,left top,left bottom,from(#f47a20), to(#F1C556)); background: -moz-linear-gradient(top,#f47a20,#faa51a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a')}

/* Forms */
input[type="email"], input[type="number"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {height:2.375em;padding:.375em .625em; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {-webkit-appearance:none; -moz-appearance:none;appearance:none} 
textarea {min-height:4.0625em;padding-top:.375em; padding-bottom:.375em}
input[type="email"]:focus, input[type="number"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border:1px solid #33C3F0;outline: 0}
label, legend {display:inline-block;margin-bottom:.5rem;font-weight:600} /* display: block */
fieldset {padding:0;border-width:0}
input[type="checkbox"], input[type="radio"] {display:inline}
label > .label-body {display:inline-block;margin-left:.5rem;font-weight:normal}
/* ------  search input field  ------*/
input {outline:none} /* reset webkit search input browser style */
input[type=search] {-webkit-appearance:textfield; -webkit-box-sizing:content-box;font-family:inherit;font-size:100%}
input::-webkit-search-decoration, input::-webkit-search-cancel-button {display:none} /* remove the search and cancel icon */
input[type=search] {background:#ededed url(../images/search-icon.png) no-repeat 9px center;border:solid 1px #ccc;padding:.563em .625em .563em 2em;width:0; -webkit-border-radius:10em; -moz-border-radius:10em;border-radius:10em; -webkit-transition:all .5s; -moz-transition:all .5s;transition:all .5s}
input[type=search]:focus {width:5.25em;background-color:#fff; border-color:#6dcff6;color:black; -webkit-box-shadow:0 0 5px rgba(109,207,246,.5); -moz-box-shadow:0 0 5px rgba(109,207,246,.5);box-shadow:0 0 5px rgba(109,207,246,.5)}
/* placeholder */
input:-moz-placeholder {color:#999}
input::-webkit-input-placeholder {color:#999}  
input::-moz-placeholder {color:#999}
input:-ms-input-placeholder {color:#999}

/* Helper togglebox */
.product-feature input[type="checkbox"] {display:none} /*Hide input element*/
.togglebox-label {font-size:1em;font-family:Helvetica,serif;background:#CCDDFF;padding:0.4em;cursor:pointer;display:inline-block;margin-bottom:1em}
.togglebox-input {display:none} /*Hide input element*/
.togglebox-content {margin-bottom:1.5em;border-top:solid 1px #BCD;border-bottom:solid 1px #BCD}
.togglebox-input:not(checked) ~ .togglebox-content {display:none}
.togglebox-input:checked ~ .togglebox-content {display:block}
.togglebox-input + label:after {background-color:#4F5150; -webkit-border-radius: 10px; -moz-border-radius:10px;border-radius:10px;color:#FFFFFF;content:"+";display:block;float:right;font-weight:bold;height:20px;line-height:20px;margin-left:15px;text-align:center;width:20px}
.togglebox-input:checked + label:after {content:"\2212"}
            
/* ---- MAIN MENU –––– */
.menu-toggle {width:80px;display:block;float:right;position:relative;top:0;right:0;padding:10px;margin-top:10px;margin-right:10px;background:#666;color:#fff;cursor:pointer;text-transform:uppercase;font-size:1.25em}
.menu-toggle::before {content:"";float:right;position:relative;top:0;right:0;width:1em;height:.2em;border-top:.6em double #fff;border-bottom:.2em solid #fff}
.menu-toggle.toggled-on {background:#0099ff}
.srt-menu {display:none} 
.srt-menu.toggled-on {display:block;position:relative;z-index:10}
.srt-menu {clear:both;margin-bottom:60px;list-style:none}
.srt-menu li a {background:#dadada;display:block;margin:1px 0; padding:10px;text-decoration:none}
.srt-menu li a:hover {background:#0099ff;color:#fff}
.srt-menu li li a {background:#e8e8e8;padding-left:16px}
.srt-menu li li li a {background:#efefef;padding-left:32px}
/* --- Footer Menu --- */
.sec-nav ul {line-height:0.938em;padding:6px 0; margin:0;list-style:none}
.sec-nav ul li {list-style:none;line-height:.938em;font-weight:bold;padding:6px 0}
.sec-nav a {text-decoration:none;line-height:.938em;padding:0 5px} 
.sec-nav li.current span {color:#fff;background:#0099ff;padding:0 5px;cursor:pointer}
/* Smartphone version: MOBILE FIRST. for smartphone, I think it's better to keep the full width, not a fixed width, so we have nothing to do. */


/* Tablet version: we set the body width to 480px for example. */
@media  only screen and (min-width: 480px) {
/* Media Object */
.media {margin:10px}
.wrap {width:30em; min-width: 96%}
.inner {margin:0 8%} /* Margin Wrap */
.inner-2 {margin:0 4%} /* Margin Wrap */
.w-70 {width:80%}

/* e-Sample Product Page */
.es-wrapper {width:320px}
.es-gif {width:60px;display:block}
.es-pos {width:320px}
.es-cta {width:260px}

.statement {font-size:150% !important}
.padding-mobile {height:12em}
.p-dis {padding:4em}
.pad--mobile {padding:1em}
.p-mobile {height:6em}
.padding-50 {display:block;height:3.125em}  
.pm-dis {padding:1em;margin:1em}     
.padding-header, .padding-100 {display:block;height: 4em}
.mobile-xl {font-size:140%;}
.fineprint {line-height:100%;font-size:80%}
.fix-w1 {width:350px}
.phonecall {width:64%;height:75px;float:right;padding:0 .625em;text-align:right;font-weight:bold;font-size:100%}

/* --- Grids --- */
.main-support {width: 100%}
.links-support {padding:0;min-width:240px;width:20%;margin-left:30%;margin-right:50%}
.pf-list {padding-left:245px !important;display:block !important}
.pf-list ul {margin-right:2%}
.pf-img  {width:220px !important;margin:0}
.pf-price {padding:17% 5%}
input[type=search]:focus {width:10.25em}
   
.header, .header-small {position:relative;top:0;left:0;right:0;z-index:1;margin:0;padding:.75em 0;
  background: -webkit-linear-gradient(top,rgba(29,43,56,1) 0%,rgba(26,18,235,1) 99%,rgba(26,18,235,1)100%);
  background: -webkit-gradient(left top,left bottom,color-stop(0%, rgba(29,43,56,1)), color-stop(99%,rgba(26,18,235,1)),color-stop(100%,rgba(26,18,235,1)));
  background: -moz-linear-gradient(top,rgba(29,43,56,1) 0%, rgba(26,18,235,1)99%,rgba(26,18,235,1)100%);
  background: -o-linear-gradient(top,rgba(29,43,56,1) 0%, rgba(26,18,235,1)99%,rgba(26,18,235,1)100%);
  background: linear-gradient(to bottom,rgba(29,43,56,1) 0%, rgba(26,18,235,1)99%,rgba(26,18,235,1)100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d2b38',endColorstr='#1a12eb',GradientType=0 );
  /* IE6-9 */ background: -ms-linear-gradient(top,rgba(29,43,56,1)0%,rgba(26,18,235,1)99%,rgba(26,18,235,1) 100%);box-shadow:0 5px 20px rgba(0,0,0,0.3);border-bottom:1px solid #eafcff}

.menu-toggle {position:relative;top:0;right: 0;margin-top:10px;margin-right:10px;float:right}
aside h4 span {color:#1a15d6;text-shadow:0 0 5px black;display:inline-block;padding:.625em 0}
/* color: #444444; text-shadow: -1px -1px 1px #000, 1px 1px 1px #ccc; */
/* color: #0D4383; text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px; */

.one-of-3 {width:50%}
.product-line {width:100%;padding:0}
.p-line {width:13.5%}
.p-line8 {width:23%}
.p-line5 {width:16.2%}
.p-line4 {width:20.25%}
.p-line3 {width:27%}
.p-line2 {width:40.5%}
.pl-ph {width:9.5%;text-align:center;margin-top:2.375em}
.pl-ph8 {width:6%}
.pl-note {width:80%}
.product-wrap {width:100%;height:auto;background-color:#CDF;border:solid 2px #BCD;border-radius:.25em} 
.product-image {width:50%;height:auto;position:relative;left:0;border-right:solid 1px #BCD}
.product-feature {width:100%;height:auto}
.product-price {width:50%;height:auto;position:relative;left:0}

.footer {position:relative;bottom:0;left:0;right:0;z-index:2;margin:7em 0 0 0}
.topscroll {position:relative;top:7.375em}
.f-support, .f-info, .f-resource {width:50%;height:17em;border-right:solid 2px #DDD}
.f-company {width:50%;height:17em}
.corporate {text-align:left;margin-left:3em}
.f-hl {border-top:1px solid transparent}
}

/* Desktop version: we set the body width to 768px. */
@media only screen and (min-width:768px) {
.wrap {width:48em;min-width:95%}
.inner {margin:0 12%} /* Margin Wrap */
.inner-2 {margin:0 6%} /* Margin Wrap */
.w-70 {width:70%}
.w-list {width:75%;margin:0 auto}

/* e-Sample Product Page */
.es-wrapper {padding-bottom:6em}
.es-pos {padding-top:40px}

h1, h2, h3, h4, h5, .hc2, .hc3 {font-weight:300}
h1 {font-size:2.125rem}
h2, .hc2 {font-size:2rem}
h3, .hc3 {font-size:1.75rem}
h4 {font-size:1.5rem}
h5 {font-size:1.25rem}
.bread-crumb {position:relative;top:-5px}
.s-desktop {display:block;}
.header-small; .logo {width:27px;height:35px}

/*  --- Grids --- */
input[type=search]:focus {width:14em}
.one-of-3 {width:33.3333%}
.product-line {width:80%;margin-left:10%;margin-right:10%}
.pl-note {width:65%}
.phonecall {font-size:120%}
.links-support {padding:0 1em 0 0;margin-right:40%;margin-left:40%}
.main-support {float:right;width:75%}
.pf-list {width:70%;padding-left:250px !important;padding-right:1em;display:block !important}
.pf-list ul {margin-right:2%}
.pf-img {width:240px;padding:1em}
.pf-price {padding:10% 5%}
.product-image {width:33.3333%;min-height:21.875em;position:relative;left:0}
.product-feature {width:33.3333%;min-height:32.5em;position:relative;left:-33.3333%}
.product-price {width:33.3333%;min-height:21.875em;position:relative;left:33.3333%;border-left:solid 1px #BCD}

.f-support, .f-info, .f-resource, .f-company {width:25%;height:auto}
.corporate {text-align:left;margin-left:1.5em}

/* --- MAIN MENU  Essential styles --- */
.menu-toggle {display:none}
#menu-main-navigation {display:block}
.srt-menu, .srt-menu * {margin:0;padding:0; -webkit-text-shadow:1px 1px 1px #0099ff;text-shadow:1px 1px 1px #0099ff;list-style: none}
.srt-menu ul {position:absolute;display:none;width:12em} /* left offset of submenus need to match (see below) */ 
.srt-menu ul li {width:100%}
.srt-menu li:hover {visibility:inherit} /* fixes IE7 'sticky bug' */
.srt-menu li {float:left;position:relative;margin-left:1px}
.srt-menu li li {margin-left:0}
.srt-menu a {display:block;position:relative}
.srt-menu li:hover ul, .srt-menu li.sfHover ul {display:block;left:0;top:2.25em; /* match top ul list item height */ z-index:99; -webkit-box-shadow:2px 3px 2px 0px rgba(00,00,00,.3);box-shadow:2px 3px 2px 0px rgba(00,00,00,.3)}
ul.srt-menu li:hover li ul, ul.srt-menu li.sfHover li ul {top: -99em}
ul.srt-menu li li:hover ul, ul.srt-menu li li.sfHover ul {left: 12em; /* match ul width */  top:0}
ul.srt-menu li li:hover li ul, ul.srt-menu li li.sfHover li ul {top: -99em}
ul.srt-menu li li li:hover ul, ul.srt-menu li li li.sfHover ul {left: 10em; /* match ul width */ top:0}

/** ----  MENU SKIN ---- */
#top-nav, .srt-menu {float:right;margin:0.35em 0 0 0}
.srt-menu a {text-decoration:none}
.srt-menu li a {background:#fff;margin:0;padding:5px 20px;height: 1.625em}
.srt-menu a, .srt-menu a:visited {color:#09f} /* visited pseudo selector so IE6 applies text colour*/
.srt-menu li li a {border-top:1px solid rgba(255,255,255,.2);background:#333; /*fallback for old IE*/ background:rgba(0,0,0,.6);color:#fff;padding-left:20px;height:auto}
.srt-menu li li a:visited {color:#fff}
.srt-menu li li li a, .srt-menu li.current * li a {padding-left:20px;background:rgba(0,0,0,.6)}
.srt-menu li:hover > a, .srt-menu li.current a {color:#fff;background:#09f} 
.srt-menu li li:hover > a {color:#fff;background:#09f}
}

/* Large Desktop version: we set the body width to 1024px. */
@media only screen and (min-width:1024px) {
.wrap {width:1024px;min-width:90%}
.inner {margin:0 15%} /* Margin Wrap */
.inner-2 {margin:0 8%}
.pf-list {width:70%;padding-left:310px !important;padding-right:2em}
.pf-list ul {margin-right:0}
.pf-img  {width:260px !important;padding:1em}
.w-list {width:60%}

.pad--mobile {padding:2em}

  /*  -- Grids --- */
.corporate {text-align:left;margin-left:4.375em}
.links-support {padding:0 1em 0 0;margin:0}
.header-small; .logo {width:50px;height:65px}
}

/* Large Monitor version: we set the body width to 1440px. */
@media only screen and (min-width:1440px) {
.wrap {width:1224px;min-width:82%}  
.inner {margin:0 20%} /* Margin Wrap */
.inner-2 {margin:0 10%}
.pf-list {width:70%;padding-left:340px !important}
.pf-list ul {margin-right: 0}
.pf-img  {width:273px !important;padding:1em}
.corporate {margin-left:7em}
.p-line8 {width:11%}
.w-70 {width:80%}
.w-list {width:55%}
}  

/* X-Large (HDTV 1080i) Monitor version: we set the body width to 1920px. */
@media only screen and (min-width:1920px) {
body {font-size:1.25em;line-height:1.375em} 
.header {height:7.425em} 
.brand {height:75px}
.slogan, .search {height:43px}
.wrap {width:1440px;min-width:75%}
.inner {margin:0 25%} /* Margin Wrap */
.inner-2 {margin:0 12%}
.w-70 {width:50%}
.w-list {width:65%}
.corporate {margin-left:8em}
.srt-menu li:hover ul, .srt-menu li.sfHover ul {top:2.125em /* match top ul list item height */}
.es-pos {float:right;margin-left:auto;margin-right:auto;padding-right:50%} 
}