/*   THIS WEBSITE CREATED JANUARY 2019 BY WWW.WALTWARNER.COM    */
/*   R E S E T - B U R S T F O R T H   */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}




/* ---------------------------------------------------------------------------------------------------
     U N I V E R S A L  --  F O R   A L L   D I S P L A Y S                                                                                         
--------------------------------------------------------------------------------------------------- */
* {box-sizing: border-box;}
.clear {clear:both;}
.row::after {content: ""; clear:both; display:table;}
span.nobreak {white-space: nowrap;display:inline-block;}

.button {
    background-color: #134074; /* was: 1e1e1e */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    }

/*  READ MORE EXPANSIONS */
button {
    border-radius:4px;
    padding:0px .8em;
    text-transform:none;
    font-style:italic;
    }
.readmore {
    background-color:white;
    color: black;
    cursor: pointer;
    padding: 0& 0% 0% 0%;
    /* width: 100%; */
    border: 1px solid gray;
    text-align: center;
    outline: none;
    font-size:0.8em;
    display:inline;
    }   
.active, .readmore:hover {
    background-color:gray;
    color:white;
    }
.extra-content {
    padding: 0%;
    display: none;
    overflow: hidden;
    background-color:white; 
    } 
 

.collapsible {/* UNUSED */
    background-color:white;
    color: gray;
    cursor: pointer;
    padding: 0& 0% 0% 0%;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size:3em;
    }
.active, .collapsible:hover {/* UNUSED */
    background-color:lightgray;
    color:black;
    }
.content {/* UNUSED */
    padding: 0%;
    display: none;
    overflow: hidden;
    background-color:white; 
    }

/*  GLOBAL TYPOGRAPHY - FONTS, STYLE, AND COLOR (but not sizes)
-------------------------------------------------------------------- */
body {font-family: arial, 'Open Sans', sans-serif; line-height:1.5em; color:rgb(100,100,100);}

p {
     margin-bottom:1.0em;
     }
h1 {
     font-family: arial, 'Open Sans', sans-serif;
     font-weight: 600; 
     line-height:1.2em; 
     padding-bottom: 0.35em;
     color:rgb(30,30,30);}
h2 {
     font-family: arial, 'Open Sans', sans-serif;
     font-size:1.8em;
     font-weight: 600;
     font-stretch:expanded; 
     line-height:1.2em; 
     padding-bottom: 0.5em;
     color:rgb(30,30,30);}
h3 {
     font-family: arial, 'Open Sans', sans-serif;
     font-weight: 600; 
     line-height:1.0em; 
     padding-bottom: 0.5em;
     color:rgb(30,30,30);}
   
.center {text-align:center;}
.white {color:white;}
.black {color:rgb(0,0,0);}
.italic {font-style:italic;}

div.thankyou {
    max-width:400px;
    margin:5% auto 0% auto;
    padding:3%;
    text-align:center;
    border-left:1px solid lightgray;
    border-right:1px solid lightgray;
    /* background-color:#e6e6e6; */
    }

/*  BACKGROUND COLORS, IMAGES, AND BORDERS  (universal styling)
---------------------------------------------------------------------  */
body.contact-page {
    background-color:rgb(230,230,230);
    background-image:url('images/flowchart-bg.jpg'); 
    background-repeat:no-repeat; 
    background-size:cover;
    }

/*  COLOR SCHEME */
.darkpurple {#3E2F2D;}
.red {background-color:rgb(172,0,27);}
.gold {background-color:rgb(172,59,0);}
.lime {background-color:rgb(27,172,0);}
.green {background-color:rgb(0,172,59);}
.blue {background-color:rgb(0,27,172);}
.purple {background-color:rgb(59,0,172);}   
 

/*     H E A D E R ,   L O G O ,   A N D   M E N U       (universal styling) ---------------------------------------------------------- */ 
.header-bar {
    width:100%; 
    height:auto; 
    overflow:hidden;
    background-color:rgb(30,30,30);
    } 
div#logo-block {width:30%; 
    display:inline; 
    float:left; 
    border:0px dashed yellow; /* TEMPORARY */ 
    }
div#header-menu {
    width:70%;
    display:inline;
    float:right;
    text-align:right;
    padding-top: 25px;
    text-transform:none;
    border:0px dashed lightgreen; /* TEMPORARY */
    }
a.menu:hover {color:rgb(180,120,60) !important;} /* 19-0125 was: 164,109,54 */ 
a.menu:active {color:rgb(164,109,54);text-decoration:none;}
a.menu:visited {color:white;text-decoration:none;}
a.menu:link {color:white;text-decoration:none;}

/*                                                                                                                                                    
         B A N N E R   (universal styling)                                                                                          
-------------------------------------------------------------------------------------------------- */ 
.banner {
     width:100%;
     background-image:url('images/meeting-2000x635-blur.jpg'); 
     repeat:no-repeat; 
     background-position:right top;
     background-size:cover; 
     opacity:1.0; 
     -webkit-background-size:cover; 
     -moz-background-size:cover; 
     -o-background-size:cover; 
     }
.banner-headline-box {
    background-color: rgba(155,0,16,0.85); 
    border-radius: 0px 15px 15px 0px;
    box-shadow: 5px 5px 5px rgba(70,70,70,.2);
    }
.banner-headline1a {color:black; font-family: 'Merriweather', serif;}
.banner-headline1b {color:white; font-family: 'Merriweather', serif;}
.banner-headline2 {color:black; text-transform:uppercase; letter-spacing:0.06em;}   
    
/*                                                                                                                                                    
        R O W S   &   C O L U M N S   (universal styling)                                                                 
-------------------------------------------------------------------------------------------------- */ 
[class*="col-"] {float:left; display:inline;}

/*     ROW  0   (universal)    featured areas     */
.row-0 {
    width:100%; 
    height:auto; 
    padding:0% 0%;
    }
.card-0 {
    height:auto;
    padding: 2.0% 2.0% 2.0% 2.0%;
    border-right:1px solid lightgray;
    display:inline;
    }   
.icon-0 {
    width:50px;
    height:auto;
    }
.title-0 {
    font-size:1.8em; /*was: 1.2  1.6 */
    font-weight:600;
    text-align:left;
    line-height:1.2em;
    font-stretch:expanded;
    text-transform:capitalize;
    color:rgb(30,30,30);
    }
.contrast {
    color:rgb(60,60,60);
    font-weight:600;
    }
.subtitle-0 {
    font-size:1.2em;
    font-weight:600;
    font-stretch:expanded;
    text-transform:none;
    letter-spacing:0.05em;
    }

/*     ROW 1   (universal)    experience     */
.row-1 {
    color:white; 
    background-color:#30323d;
    }
p.headline-r1 {
    font-family: 'Merriweather', serif;
    color:white; 
    font-size:1.8em;
    line-height:1.2em;
    text-align:left;
    font-weight:600;
    text-transform:none;
    letter-spacing:0.08em;
    }
.card-1 {text-align:left; margin:auto auto;}


/*     ROW 2   (universal)    objectivity + wheelchart     */
.row-2 {background-image:url('images/flowchart-bg.jpg'); background-repeat:no-repeat; background-size:cover;}
.arrow {color:rgb(79,129,189);}

/*     ROW 3   (universal)    We work closely    */
.row-3 {width:100%; height:auto; background-color:rgb(190,190,190);}
img#collab {float:right; border-radius: 0px 0px 0px 0px;}
.card-r3 {float:left; display:inline; border:0px dashed gray;}
    
/*     ROW 4   (universal)    TBD    */
.ready {
    text-align:center !important;
    padding:4% 10% 1% 10%;
    border:0px dashed red;
    }
.row-4 {
    width:100%;
    height:380px;
    background-image:url('images/man-ready.jpg'); 
    background-repeat:no-repeat; 
    background-size:auto;
    background-position:right top;
    }
    
.button-contact {
    border:none;
    background-color: rgba(144,193,65,0.85);
    padding: .7% 2.1%;
    cursor: pointer;
    display: inline-block; 
    border-radius:30px;
    box-shadow: 7px 7px 7px rgba(50,50,50,.4);
     margin: 0;
  position: absolute;
    left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    }
    

/* on mouse-over */
a.go:hover {color:rgb(0,0,0) !important;}  
a.go:active {color:rgb(164,109,54);text-decoration:none;}
a.go:visited {color:white;text-decoration:none;}
a.go:link {color:white; font-size: 0.8em;text-transform:uppercase;text-decoration:none;letter-spacing:.2em;}
    




/*     F O O T E R   (universal styling)                                                                                                                        
-------------------------------------------------------------------------------------------------- */
div.footer {width:100%; height:auto; background-color:rgb(30,30,30);}
p.footer-tagline {font-size:1.2em; font-weight:400; color:rgb(164,109,54);}
p.footer-verbage {color:rgb(100,100,100); font-size:0.8em; line-height:1.5em;}
a.footer-link {text-decoration:none; text-transform:uppercase; color:rgb(240,240,240); font-size:0.9em;}
a.footer-link:hover {color:rgb(180,120,60) !important;}
.card-f-left {
    text-align:left;
    padding: 0% 0% 0% 0%;
    display:inline;
    border:0px dashed yellow;
    }
.card-f-right {
    text-align:left;
    padding: 0% 0% 0% 3%;
    display:inline;
    border-left:0px solid rgb(80,0,17);
    }



/*     O T H E R   P A G E S   (universal styling)                                                                                                                
-------------------------------------------------------------------------------------------------- */
.terms {padding:3% 3%; font-size:0.9em}
p.terms {font-size:0.9em}

/* founders */
img#thinking {
    float:left; 
    width:100%; 
    height:auto; 
    margin:2% 0% 0% 0%; 
    border-radius: 0px 0px 0px 0px;
    }
    
.card-founder {
    height:auto;
    padding: 2.0% 2.0% 2.5% 4%;
    border-right:0px solid lightgray;
    display:inline;
    }

.row-f1 {
    width:100%;
    height:auto;
    margin-bottom:2%;
    }
    
/* contact */
.contact-bg {background-image:url('images/flowchart-bg.jpg'); background-repeat:no-repeat; background-size:cover;}









 
/* ---------------------------------------------------------------------------------------------------                                                                                                                   
     M O B I L E   D I S P L A Y S                                                                                                                                                                                                        
---------------------------------------------------------------------------------------------------                                                                                                                          */                                                                                                                         
@media only screen and (max-width: 768px) {

p {font-size:1.2em;}

.header-bar {padding: 25px 20px 25px 20px;}

img#wheel {
    width:80%; 
    height:auto; 
    margin:1.5% 1.5%1.5% 0%;
    position:relative;
    left:35px;
    }
.zoom {transition: transform 2s;}
.zoom:hover {transform: scale(1.5); /* (Note: if the zoom is too large, it will go outside of the viewport) */ }

h1 {font-size:2.0em;}
h2 {font-size:1.7em;}
h3 {font-size:1.2em;}

/*  BANNER  (mobile)
-------------------------------------------------------------------------------------------------- */
.banner {padding:0% 0% 0% 0%;background-position: right top;}  /* was: 0 7 0 7 */ 
.banner-headline-box {
    float:left;
    display:inline;
    width:100%;
    height:100%;
    text-align:left;
    padding:10% 4% 5% 4%;

    background-color:rgba(158,205,255,0.6);      /*was: rgba(155,0,16,0.85); */ 
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px rgba(70,70,70,.2); 
    }

.banner-headline1a {color:black; font-family: 'Merriweather', serif;font-size:1.9em;line-height:1.2em;}
.banner-headline1b {color:rgb(185,0,15); font-family: 'Merriweather', serif;font-size:1.9em;line-height:1.2em;text-shadow:1px 1px 30px rgb(190,235,255), 1px 1px 30px rgb(190,235,255);}
.banner-headline2 {font-size:1.0em;  } 
 
/*  ROWS AND COLUMNS  (mobile) 
-------------------------------------------------------------------------------------------------- */ 
.row-0 {margin-bottom:90px;}
.title-0 {font-size:1.4em;}

.card-1 {padding:12% 7%;}

.row-2 {padding:0% 0% 3% 0%;}

.row-3 {padding:0% 0% 0% 0%;}

.row-4 {padding:1% 0% 0% 0%;}

p.headline-r1 {
    font-size:1.6em;
    }

.ready {padding: 20% 0% 15% 0%;}
.button-contact {padding: 4% 7%;}
a.go:link {color:white; font-size: 1.0em;text-transform:uppercase;text-decoration:none;letter-spacing:.2em;}

.card-r3 {padding: 6% 3% 3% 3%;}
    
[class*="col-"] {
    width:100%;
    float:left;
    display:inline;
    padding: 6.0%;
    } 
 
/* col-# below refers to number of columns spanned */
.col-1 {width:100%;}
.col-2 {width:100%;} 
.col-3 {width:100%;} 
.col-4 {width:100%;} 


/*  INDEX FOOTER   (mobile)
-------------------------------------------------------------------------------------------------- */    
div.footer {padding: 5% 3% 0% 3%;}


}/* END:MOBILE */









/* ---------------------------------------------------------------------------------------------------
     T A B L E T   D I S P L A Y S                                                                                                                               
--------------------------------------------------------------------------------------------------- */
 
@media only screen and (min-width: 769px) and (max-width: 1200px) {/* max was 1024 */
body {font-size:1.0em;}


.zoom {transition: transform 2s;}
.zoom:hover {transform: scale(1.8); /* (Note: if the zoom is too large, it will go outside of the viewport) */ }

h1 {font-size:1.6em;}
h2 {font-size:1.2em;}
h3 {font-size:1.2em;}

/*  HEADER, LOGO, AND MENU   (tablet)
-------------------------------------------------------------------------------------------------- */ 
.header-bar {padding: 25px 45px 25px 20px;}

/*  BANNER  (tablet)
-------------------------------------------------------------------------------------------------- */
.banner {padding:7% 5% 5% 0%;}
.banner-headline-box {
    float:left;
    display:inline;
    width:75%;
    text-align:right;
    padding: 3% 4% 2% 3%;
    } 
.banner-headline1 {font-size:2.2em; letter-spacing:0.02em; line-height:1.3em;}
.banner-headline2 {font-size:1.0em;} 
 
/*  ROWS  (tablet)
-------------------------------------------------------------------------------------------------- */
.row-0 {margin-bottom:90px;}
.title-0 {font-size:1.2em;}

.row-1 {padding: 0% 7%;}
.card-1 {padding: 5% 15%;}

.row-2 {margin-top: 1.0%; padding:2% 0% 1% 0%;}
img#wheel {
    width:80%; 
    height:auto; 
    margin:1.5% 1.5%1.5% 0%;
    position:relative;
    left:35px;
    }

.row-3 {padding: 2% 0% 1% 0%;}
.card-r3 {padding: 1% 3% 1% 3%;}

[class*="col-"] {float:left; display:inline; padding: 3.0% 3.0% 4.0% 3.0%;} 
 /* col-# below refers to number of columns spanned */
.col-tab-1 {width:08.33%;} 
.col-tab-2 {width:16.66%;} 
.col-tab-3 {width:25.00%;} 
.col-tab-4 {width:33.33%;} 
.col-tab-5 {width:41.66%;} 
.col-tab-6 {width:50.00%;}
.col-tab-7 {width:58.33%;}
.col-tab-8 {width:66.66%;}
.col-tab-9 {width:75.00%;}
.col-tab-10 {width:83.33%;}
.col-tab-11 {width:91.66%;}
.col-tab-12 {width:100.0%;} 

/*  INDEX FOOTER   (tablet)
-------------------------------------------------------------------------------------------------- */
div.footer {
    padding: 5% 5% 0% 5%;
    }

}/* END:TABLET */









/* ---------------------------------------------------------------------------------------------------
     D E S K T O P   D I S P L A Y S                                                                                                                            
--------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1201px) {/* max was 1025 */

body {font-size:20px;}
h1 {font-size:1.7em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}

.header-bar {padding: 1.3% 10.0% 1% 8.0%;}
img#logo-size {width:280px; height:auto;}
div#header-menu {font-size:1.2em;}

img#wheel {
    width:90%; 
    height:auto; 
    margin:0% 1.5%1.5% 0%;
    position:relative;
    left:60px;
    top:0px;
    }
.zoom {transition: transform 2s;}
.zoom:hover {transform: scale(1.40); /* (Note: if the zoom is too large, it will go outside of the viewport) */ }
 
/*  BANNER   (desktop)
-------------------------------------------------------------------------------------------------- */
.banner {padding:5% 10% 10% 0%;} 
.banner-headline-box {
    float:left;
    display:inline;
    width:60%;
    text-align:right;
    padding:2% 4% 1% 7%;
    }
.banner-headline1 {font-size:2.3em; letter-spacing:0.02em; line-height:1.35em;}
.banner-headline2 {font-size:.9em; position:relative; top:-0px;} 

/*  ROWS AND COLUMNS   (desktop)
-------------------------------------------------------------------------------------------------- */ 
.row-0 {margin-bottom:90px;}
.title-0 {font-size:1.2em;}

.card-1 {padding:5% 30%;}
/* p.headline-r1 {font-size:1.5em;} */

.row-2 {padding:4% 0% 3% 0%;}

.row-3 {padding:2% 0% 2% 0%;}
.card-r3 {padding: 3% 3% 3% 3%;}

/* col-# below refers to number of columns spanned */
.col-1 {width:08.33%;} 
.col-2 {width:16.67%;} 
.col-3 {width:25.00%;} 
.col-4 {width:33.33%;} 
.col-5 {width:41.67%;} 
.col-6 {width:50.00%;}
.col-7 {width:58.33%;}
.col-8 {width:66.67%;}
.col-9 {width:75.00%;}
.col-10 {width:83.33%;}
.col-11 {width:91.67%;}
.col-12 {width:100.0%;}


/*  INDEX FOOTER   (desktop)
-------------------------------------------------------------------------------------------------- */
div.footer {padding: 3% 5% 2% 5%;} 


}/* END:DESKTOP */