/* CSS Document */


/* colors */
.teal {background: #00A79D;}
.orange {background: #F99B28;}
.green {background: #76C14E;}
.tangerine {background: #F26322;}
.indigo {background: #2E3791;}
.purple {background: #743C97;}
.black {background: #000;}

/* functions */
.clearfix {overflow: auto;}

body {background: #ccc; padding: 0; margin: 0; text-align: center; font-family: 'Open Sans', sans-serif; width: 100%;}

#wrapper {
    background: #fff;
    position: relative; height: 1920px; max-height: 1920px; padding: 0; margin: 0 auto; width: 100%; max-width: 1080px; 
}

nav {
    z-index: 2000;
    bottom: 0; left: 50%; transform: translateX(-50%);
    position: absolute; background: #fff; width: 262px; height: 85px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 0; margin: 0;
}
    nav ul {padding: 15px 0 0 0; margin: 0 auto; width: 90%;}
        nav ul li {float: left; width: 33.33%; list-style: none; padding: 0; margin: 0;} 
            nav ul li img {width: 60px; height: auto;} 
             nav ul li:hover {opacity: 0.8;} 

.row { position: relative;}
.row .outer  {display: block; background-size: cover; position: relative;}
    .row .inner {display: block; position: absolute; width: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
    .home .row .inner {top: 62%;}
    .row img {
        display: block; width: 100%; max-width: 100%; margin: auto;
    }
    .row img.icon {
        width: auto; height: 64px;
    }
    .row h2 {
        width: 100%; font-size: 58px; font-weight: 100; color: #fff; text-decoration: none;
        line-height: 1.1; padding: 10px 0; margin: 0; 
    }

    .home .row h2 {min-height: 120px;}


    .row a:hover {opacity: 0.8;}

.tall-row {}
    .tall-row .outer {height: 1920px; width: 100%;}
    
.split-row {height: 540px; width: 100%;}
    .split-row .outer {height: 540px; width: 50%; float: left; text-decoration: none;}
    .home .split-row .inner {top: 300px; }
    
.full-row {height: 300px; width: 100%;}
    .full-row .outer {height: 300px; width: 100%;}
    
.secondary {}

#education img.icon {padding-top: 120px; margin: 0 auto 10px auto;}
#education h2 {line-height: 1.25; font-size: 78px;}

#certification img.icon {padding-top: 120px; margin: 0 auto 10px auto;}
#certification h2 {font-size: 78px; width: 85%; margin: auto;}

#resources .full-row h2 {line-height: 1.25; font-size: 52px;} 

#photo img.icon {padding-top: 120px; margin: 0 auto 10px auto;}
#photo h2 {font-size: 78px; line-height: 1.25; width: 85%; margin: auto;}


/* slider */
#slider {height: 1920px; width: 100%; position:relative; padding: 0; margin: 0;}
#slider ul {padding: 0; margin: 0;}
    #slider ul li {
        padding: 0; margin: 0; display:none; height: 1920px; width: 100%; background-position: center center; background-size: cover;
    }

    #slider  .flex-direction-nav { display:none; }

    #slider  .flex-control-nav { 
        text-align:center; position:absolute; 
        top: 25px; left: 50%; transform: translateX(-50%); width:100%; z-index:100; 
    }
        #slider  .flex-control-nav li { display:inline-block; margin: 0 4px; }
        #slider  .flex-control-nav li a { opacity: 0.8; display:block; width: 24px; height: 24px; background:#eee; border-radius:50%; text-indent:-9999px; }

        #slider  .flex-control-nav li:hover a { opacity: 0.5; }
        #slider  .flex-control-nav li .flex-active { background:#2D2D94; }