/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
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,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
    max-width:100%;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

    .desktopOnly {display: none !important;}
    .showing #container {display:block !important;}

    html {color: rgba(255,255,255,.9); font-family: 'Open Sans', verdana, sans-serif; font-weight:400; font-size: 1.15em; line-height: 1.2em;}
    *, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif; font-weight: 200; margin:0; line-height: 1.2em; }
    h1 {font-size:2em;}
    h2 {font-size:1.6em;}
    h3 {font-size:1.3em; font-weight:400; font-style: italic;}
    strong {color:#fff; font-weight:600;}
    a {font-weight:500; color:rgb(0, 150, 255); text-decoration: underline;}
    a:hover {text-decoration: underline; color:#fff;}
    a:active {color:#fff;}
    .mm a {color:#fff;}
    ul {margin:2em 0; padding:0 0 0 1.2em;}
    li {margin:0 0 1.4em 0;}
    li:last-child {margin-bottom:0;}
    .trans {-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
    .trans1000 {-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

    .btn, .scaleDown {padding:15px; border-radius:5px; height:55px; background:#000; text-align:center;}
    .scaleDown {color:#000;}
    .images {background:#111; margin:0 -30px -35px -30px; border-radius:0; overflow:hidden;}
      .images .slide {-webkit-animation: popIn .3s ease-out; -webkit-transform:scaleY(0); opacity:0; -webkit-animation-fill-mode: forwards; -webkit-transform-origin:50% 0; -webkit-backface-visibility: hidden; -webkit-perspective:1000;}
        @-webkit-keyframes popIn
        {
            0%   {-webkit-transform:scaleY(.8) translateZ(0); opacity:0;}
            100% {-webkit-transform:scaleY(1) translateZ(0); opacity:1;}
        }
      .images .slide > .rel { padding:10px;;}
      /*
      .infoBlurb {padding:10px; margin-bottom:20px; font-size:.75em; text-align: center;}
      */
        .slideTitle {font-weight:600; color:#fff;}

    .panel {padding:30px; border-top:1px solid rgba(255,255,255,.2); border-bottom:4px solid rgba(0,0,0,.4);}
    .panel.p1 {background: linear-gradient(#222, #111);}
    .panel.p2 {background:linear-gradient(#343841, #343841);}
    .panel.p4 {background:#606973;}
    .panel.p6 {background:#504331;}
    .panel.p8 {background:#757997;}
    /*
    .panel.p1 {background:#2ecc71;}
    .panel.p2 {background:#2980b9;}
    .panel.p3 {background:#f39c12;}
    .panel.p4 {background:#8e44ad;}
    .panel.p5 {background:#16a085;}
    */

    /* Hide some desktop-only stuff */
    #loaderView, #navSet, #upDownArrows, #leftSideClickable, .panel.bg, .infoBlurb {display:none;}

    .cv h1 {color: #999;}
    .cv #contactForm {color:#999;}
    textarea, input {
        width:100%;
        border:1px solid #ccc;
        margin:10px 0;
        padding:10px;
    }
    textarea {height:210px;}
    button.btn {color:#fff; background:rgb(0, 150, 255); border:0; width:100%;}














/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Prevent callout */

.nocallout {
    -webkit-touch-callout: none;
}

.pressed {
    background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */

textarea[contenteditable] {
    -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */

.gifhidden {
    position: absolute;
    left: -100%;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.ir br {
    display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 800px) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for viewports that meet the condition */
}