body {background:#fff; box-shadow:none}

#contentArea {background:none; border:0; margin:0}
#content {margin:0}

.no-padding {padding-left:0 !Important; padding-right:0 !Important}

/* ------------------- Background Styles ------------------- */

/* --- Background Style 1 --- */
.bgStyle1 {background:#fff}
/* --- Background Style 2 --- */
.bgStyle2 {background:#f9f9f9}
/* --- Background Style 3 --- */
.bgStyle3 {background:#000000}
/* --- Background Style 4 --- */
.bgStyle4 {background:#181818}
/* --- Background Style 5 --- */
.bgStyle5 {background:#e4e4e4}

/* -------------------- Details Grid ---------------------- */
.details-grid {padding:30px 0 30px}
.details-grid h1, .details-grid h2 {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:24px; font-weight:400; color:#3E3E3E; margin:0; display:block; padding:0}
.details-grid h3 {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:400; color:#3E3E3E; margin:0; padding:2px 0 0; font-size:16px; line-height:1.2em; letter-spacing:-.2px;}
.details-grid h3 a {color:#00599e}
.details-grid h3 a:hover {text-decoration:none; border-bottom:1px dotted; color:#0190fe}
.details-grid a {color:#00599e}
.details-grid a:hover, .details-grid a:focus, .details-grid a:active {text-decoration:none; border-bottom:1px dotted; color:#0190fe} 
.details-grid p {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:300; color:#444444; margin:10px 0 10px; padding:0}
.details-grid .gridItem p {font-size:14px; padding:10px 0 10px 0; margin:0}
.details-grid img {width:auto; height:auto; display:block; max-width:100%; margin:0 auto 15px; padding:0}
.details-grid .button {text-align:center; position:relative; font-size:16px}
.details-grid a.green-button:hover {border:none}
.details-grid  .gridItemCenter h3, .details-grid  .gridItemCenter, .details-grid .contentCenter, .details-grid .contentCenter h1, .details-grid .contentCenter h2 {text-align:center}

@media(min-width:320px){
    .details-grid h1, .details-grid h2 {font-size:24px}
    .details-grid h3 {font-size:16px}
    .details-grid p {font-size:14px}
    .details-grid .gridItem p {font-size:14px; padding:10px 0 10px 0}
    .details-grid .gridItem {margin:15px 0}
    .details-grid .button {font-size:16px; margin:0 0 20px}
}
@media(min-width:480px){
    .details-grid h1, .details-grid h2 {font-size:26px}
    .details-grid h3 {font-size:18px}
    .details-grid p {font-size:16px}
    .details-grid .gridItem p {font-size:16px; padding:10px 0 10px 0}
    .details-grid .gridItem {margin:15px 0}
    .details-grid .button {font-size:16px}
}
@media(min-width:768px){
    .details-grid {padding:50px 0 50px}
    .details-grid h1, .details-grid h2 {font-size:26px}
    .details-grid h3 {font-size:18px}
    .details-grid p {font-size:16px; margin:10px 0 10px}
    .details-grid .gridItem p {font-size:16px; padding:10px 0 10px 0; margin:0}
    .details-grid .gridItem {margin:0}  
    .details-grid .rowTitle {padding-top:30px} 
    .details-grid .rowWrap {margin:0 -15px; padding:30px 0 0}
    .details-grid .rowLast {margin:0 -15px; padding:30px 0 0}
    .details-grid .button {font-size:18px; margin:30px 0 10px}
}
@media(min-width:992px){
    .details-grid h1, .details-grid h2 {font-size:30px}
    .details-grid h3 {font-size:20px}
    .details-grid p {font-size:18px}
    .details-grid .gridItem p {font-size:16px; padding:10px 0 10px 0}  
    .details-grid .button {font-size:22px}
}
@media(min-width:1200px){
    .details-grid h1, .details-grid h2 {font-size:36px}
    .details-grid p {font-size:20px}
}

/* -------------------- Highlight Grid ---------------------- */
.highlight-grid {padding:30px 0 0}
.highlight-grid h1, .highlight-grid h2 {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:24px; font-weight:400; color:#3E3E3E; margin:0; display:block; padding:0; text-align:center}
.highlight-grid a {color:#00599e}
.highlight-grid a:hover, .highlight-grid a:focus, .highlight-grid a:active {text-decoration:none; color:#0190fe} 
.highlight-grid .paragraph {padding-bottom:40px; font-size:18px}
.highlight-grid .device {margin:auto; padding-bottom:40px}
.highlight-grid .device img {width:auto; height:auto; display:block; max-width:100%; padding:0}
.highlight-grid p {text-align:center; padding:0px; margin:0px; font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:18px; color:#444444; font-weight:100}
.highlight-grid li a {color:#00599e}
.highlight-grid li a:hover {text-decoration:none; border-bottom:1px dotted; color:#0190fe}
.highlight-grid .footNotes { text-align: center; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size: 18px; font-weight:100; padding-bottom: 40px; color:#444444}
.highlight-grid .footNotes ul, .highlight-grid .footNotes p { padding: 0px; margin: 0px; }
.highlight-grid .footNotes li { list-style: none outside none; }
.highlight-grid .highlightButtons {text-align:center; padding-bottom:40px}
.highlight-grid ul li p {padding:0; margin:0}
.highlight-grid .button {text-align:center; padding-bottom:40px; font-size:16px}
.highlight-grid .tutorialContainer {position:relative; height:0; overflow:hidden; margin:10px 0; margin:auto}
.highlight-grid .tutorialContainer {padding-bottom: 56.25%; }
.highlight-grid .tutorialContainer iframe {position: absolute;top: 0;left:0; width:1px; height:100%; min-width:100%; *width:100%}

@media (min-width:320px) {
    .highlight-grid h1, .highlight-grid h2 {font-size:30px; margin:0 0 25px}
    .highlight-grid .button {font-size:16px}
}
@media (min-width:480px) {
    .highlight-grid .button {font-size:16px}
}
@media (min-width:768px) {
    .highlight-grid {padding:50px 0 20px}
    .highlight-grid .paragraph {padding-bottom:40px}
    .highlight-grid .device {padding-bottom:40px}
    .highlight-grid .footNotes {padding-bottom:40px}
    .highlight-grid .highlightButtons {padding-bottom:40px}
    .highlight-grid p {font-size:20px}    
    .highlight-grid .button {font-size:18px}
}
@media (min-width:992px) {
    .highlight-grid h1, .highlight-grid h2 {font-size:36px}
    .highlight-grid .button {font-size:22px}
    .highlight-grid .highlightButtons .apple  {margin:0 20px}
    .highlight-grid .highlightButtons .android {margin:0 20px}
}
@media (min-width:1200px) {
    .highlight-grid h1, .highlight-grid h2 {font-size:36px}
}

/* -------------------- Content Area Split ---------------------- */
.content-area-split {padding:30px 0 40px}
.content-area-split h2 {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:24px; font-weight:400; padding:0; color:#3E3E3E; margin:0}
.content-area-split h2 a {color:#00599e}
.content-area-split h2 a:hover, .content-area-split h2 a:focus, .content-area-split h2 a:active {text-decoration:none; border-bottom:1px dotted; color:#0190fe}
.content-area-split a {color:#00599e}
.content-area-split a:hover, .content-area-split a:focus, .content-area-split a:active {text-decoration:none; border-bottom:1px dotted; color:#0190fe} 
.content-area-split p {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:300; color:#444444; margin:0; padding:10px 0 10px 0; font-size:14px}
.content-area-split p:last-child {padding-bottom:0}
.content-area-split img {width:auto; height:auto; display:block; max-width:100%; margin:10px auto 10px; padding:0}
.content-area-split ul, .content-area-split ol {margin:6px 0; padding:0 0 0 35px; font-size:14px}
.content-area-split .button {text-align:center; position:relative; margin-top:30px; font-size:16px}
.content-area-split a.green-button:hover {border:none}

.content-area-split ul.languageList {list-style-type:none; overflow:hidden; padding:0; margin:35px 0 10px}
.content-area-split ul.languageList li {float:left; padding:0 20px 20px 0}

@media(min-width:320px){
    .content-area-split h2 {font-size:24px}
    .content-area-split p {font-size:14px; padding:10px 0}
    .content-area-split img {margin:10px auto 10px}
    .content-area-split ul {font-size:14px}
    .content-area-split .button {font-size:16px}
}
@media(min-width:480px){
    .content-area-split h2 {font-size:26px}
    .content-area-split p {font-size:16px; padding:10px 0}
    .content-area-split img {margin:10px auto 10px}
    .content-area-split ul {font-size:16px}
    .content-area-split .button {font-size:16px}
}
@media(min-width:768px){
    .content-area-split {padding:50px 0 60px}
    .content-area-split h2 {font-size:26px}
    .content-area-split p {font-size:16px; padding:10px 0}
    .content-area-split img {margin:10px auto 0}
    .content-area-split ul {font-size:16px}
    .content-area-split .button {text-align:left; font-size:18px}
}
@media(min-width:992px){
    .content-area-split h2 {font-size:30px}
    .content-area-split p {font-size:16px}
    .content-area-split ul {font-size:16px}
    .content-area-split .button {text-align:left; font-size:22px}    
}
@media(min-width:1200px){
    .content-area-split h2 {font-size:36px}
}

/* --------------- Category Highlight ----------------- */
.category-highlight {padding:30px 0 40px}
.category-highlight h1, .category-highlight h2 {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:24px; font-weight:400; color:#3E3E3E; margin:0; font-size:24px; padding:0; display:block}
.category-highlight h3 {color:#444; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; font-weight:400; margin:0; padding:0 0 3px}
.category-highlight h3 a {color:#00599e}
.category-highlight h3 a:hover; .category-highlight h3 a:focus, .category-highlight h3 a:active {text-decoration:none; border-bottom:1px dotted; color:#0190fe}
.category-highlight a {color:#00599e}
.category-highlight a:hover, .category-highlight a:focus, .category-highlight a:active {text-decoration:none; border-bottom:1px dotted; color:#0190fe} 
.category-highlight p {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:300; color:#444444; margin:10px 0; font-size:14px; padding:0} 
.category-highlight .gridItem p {margin:0; padding:10px 0; font-size:14px}
.category-highlight img {width:auto; height:auto; max-width:100%; margin:auto; padding:0}
.category-highlight .gridItem {margin-bottom:10px}
.category-highlight .rowLast .gridItem {margin-bottom:10px} 
.category-highlight .button {text-align:center; position:relative; font-size:16px;}
.category-highlight a.green-button:hover {border:none}

@media(min-width:320px){
    .category-highlight h1, .category-highlight h2 {font-size:24px}
    .category-highlight h3 {font-size:16px}
    .category-highlight p {font-size:14px}
    .category-highlight .gridItem p {font-size:14px; padding:10px 0}
    .category-highlight .gridItem {margin-bottom:10px}
    .category-highlight .rowLast .gridItem {margin-bottom:10px}
    .category-highlight .button {font-size:16px; margin:0 0 20px}
}
@media(min-width:480px){
    .category-highlight h1, .category-highlight h2 {font-size:26px}
    .category-highlight h3 {font-size:18px}
    .category-highlight p {font-size:16px}
    .category-highlight .gridItem p {font-size:16px; padding:10px 0}
    .category-highlight .gridItem {margin-bottom:10px}
    .category-highlight .rowLast .gridItem {margin-bottom:10px}
    .category-highlight .button {font-size:16px; margin-bottom:20px}
}
@media(min-width:768px){
    .category-highlight {padding:50px 0 60px}
    .category-highlight h1, .category-highlight h2 {font-size:26px}
    .category-highlight h3 {font-size:18px}
    .category-highlight p {font-size:20px}
    .category-highlight .gridItem p {font-size:16px; padding:10px 0}
    .category-highlight .gridItem img {padding-bottom:10px}
    .category-highlight .gridItem {margin-bottom:20px; padding:30px 0 0}
    .category-highlight .button {font-size:18px; margin:40px 0 0}
}
@media(min-width:992px){
    .category-highlight h1, .category-highlight h2 {font-size:30px}
    .category-highlight h3 {font-size:22px}
    .category-highlight p {font-size:20px}
    .category-highlight .gridItem p {font-size:16px; padding:10px 0}
    .category-highlight .gridItem {margin:0}
    .category-highlight .button {font-size:22px}
}
@media(min-width:1200px){
    .category-highlight h1, .category-highlight h2 {font-size:36px}
    .category-highlight h3 {font-size:20px}
}

/* -------------------- Header Image Grid -------------------- */

/* --- Image Only --- */
.header-image-wrapper {width:100%}
.header-image-grid.imageOnly {height:auto !important; background-image:none}

/*--- Background Image ---*/
.header-image-wrapper .header-image-grid.bgImage {height:160px; background-position:center 0px; background-size:cover; background-repeat:no-repeat; margin:auto}
.header-image-wrapper .header-image-grid.bgImage a {display:block; height:100%; width:100%}

/* --- Text Block --- */
.header-image-wrapper .headerContentWrap {text-align:center; padding:30px 0 40px; background:#fff}
.header-image-wrapper .headerContentWrap h1 {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:24px; font-weight:400; color:#3E3E3E; letter-spacing:-.2px; margin:0; font-size:24px; padding:0; display:block}
.header-image-wrapper .headerContentWrap p {font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:300; color:#444444; margin:10px 0; font-size:14px; padding:0}
.header-image-wrapper .headerContentWrap .button {text-align:center; position:relative; font-size:16px}
.header-image-wrapper .headerContentWrap a.green-button:hover {border:none}

@media(min-width:320px){    
    /*--- Background Image ---*/
    .header-image-wrapper .header-image-grid.bgImage {height:160px}
}
@media(min-width:480px){    
    /*--- Background Image ---*/
    .header-image-wrapper .header-image-grid.bgImage {height:200px}
}
@media(min-width:768px){	
	/*--- Background Image ---*/
    .header-image-wrapper .header-image-grid.bgImage {height:250px}
    
    /* --- Text Block --- */
	.header-image-wrapper .headerContentWrap h1 {font-size:30px}
	.header-image-wrapper .headerContentWrap p {font-size:20px}
    .header-image-wrapper .headerContentWrap .button {font-size:18px; margin:30px 0 0}
}
@media(min-width:992px){ 		
    /*--- Background Image ---*/
	.header-image-wrapper .header-image-grid.bgImage {height:275px}
	
	/* --- Text Block --- */
	.header-image-wrapper .headerContentWrap h1 {font-size:30px}
	.header-image-wrapper .headerContentWrap p {font-size:20px}
	.header-image-wrapper .headerContentWrap .button {font-size:22px}
}
@media(min-width:1200px){	
	/*--- Background Image ---*/
	.header-image-wrapper .header-image-grid.bgImage {height:340px; max-width:1650px}
	
	/* --- Text Block --- */
	.header-image-wrapper .headerContentWrap h1 {font-size:36px}
	.header-image-wrapper .headerContentWrap p {font-size:20px}
}