@charset "utf-8";

@import .g-main-nav .g-standard .g-dropdown{width:180px}

.g-content{margin:0.625rem;padding:0.938rem}.g-flushed .g-content{margin:0;padding:0}

body{font-size:1rem;line-height:1.5}

h1{font-size:2.25rem}

h2{font-size:1.9rem}

h3{font-size:1.5rem}

h4{font-size:1.15rem}

h5{font-size:1rem}

h6{font-size:0.85rem}

small{font-size:0.875rem}

cite{font-size:0.875rem}

sub,sup{font-size:0.75rem}

code,kbd,pre,samp{font-size:1rem;font-family:Times New Roman;}

textarea,select[multiple=multiple],input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],input:not([type]){border-radius:0.1875rem}

body{color:#000;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#g-page-surround{background:#fff}

@media print{

    #g-page-surround{background:#fff !important;color:#000 !important}}

    a{color:#b90000}

    a:hover{color:#000}

    h1,h2,h3,h4,h5,h6{color:#000}

    .button{display:inline-block;padding:0.5rem 1rem;border-radius:0.1875rem;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);background:#b90000;color:#fff;border:0;line-height:1.5;font-size:1rem;vertical-align:middle;text-shadow:none;-webkit-transition:background 0.1s;-moz-transition:background 0.1s;transition:background 0.1s}

    .button:hover{background:#d30000;color:#fff}

    .button:active,.button:focus{background:#a00000;box-shadow:inset -1px -1px 1px rgba(0, 0, 0, 0.15);color:#fff}

    .gantry-logo{display:inline-block}

    @media only all and (max-width:47.938rem){

        .gantry-logo{display:block;text-align:center}}

        .gantry-logo img{width:150px}

        .logo-large{display:inline-block}

        body{font-family:Times New Roman;font-weight:400}

        h1,h2,h3,h4,h5{font-family:Times New Roman;font-weight:500}

        bold,strong{font-weight:700}

        .button{font-weight:500}blockquote{border-left:10px solid #f0f2f4}

        blockquote p{font-size:1.1rem;color:#333}

        blockquote cite{display:block;text-align:right;color:#000;font-size:1.2rem}

        code{background:#f9f2f4;color:#9c1d3d}

        pre{padding:1rem;margin:2rem 0;background:#f6f6f6;border:1px solid #ddd;border-radius:0.1875rem;line-height:1.15;font-size:0.9rem}

        pre code{color:#237794;background:inherit;font-size:0.9rem}

        hr{border-bottom:4px solid #f0f2f4}

        #g-navigation{background:#b90000;color:#fff;text-align:center;position:relative;z-index:2}

        #g-navigation .g-container{position:relative}

        #g-navigation a{color:#ff8686}

        #g-navigation a:hover{color:#fff}

        #g-navigation .g-social a{background:#9a0000;border:none;color:#fff;-webkit-transition:background 0.2s;-moz-transition:background 0.2s;transition:background 0.2s}

        #g-navigation .g-social a:hover{background:#d80000}

        #g-navigation .g-main-nav{margin:-1.563rem}

        #g-navigation .g-main-nav h1,#g-navigation .g-main-nav h2,#g-navigation .g-main-nav h3,#g-navigation .g-main-nav h4,#g-navigation .g-main-nav h5,#g-navigation .g-main-nav h6,#g-navigation .g-main-nav strong{color:#fff}

        #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{color:#fff}

        #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover{background:#9a0000}

        #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active{background:#fff}

        #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container{color:#666}

        #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected{background:#9a0000}

        #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container{color:#fff}

        #g-navigation .g-main-nav .g-dropdown{background:#9a0000}

        #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container{color:#fff}

        #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover,#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active{background:#860000}

        #g-navigation .g-main-nav .g-toplevel{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;flex-flow:row wrap;justify-content:center;-webkit-justify-content:center}

        #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{border:1px solid #d80000;background:#a50000;border-radius:0.1875rem;margin:-0.2rem 0 -0.2rem 0.5rem;padding:0.2rem}

        #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover{background:#900000}

        #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after{text-align:center}#g-navigation .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{color:#fff}

        #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator,#g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{border:1px solid #d80000;background:#a50000;border-radius:0.1875rem;padding:0.1rem;margin-top:-0.1rem;margin-right:-0.1rem}

        #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover,#g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover{background:#900000}

        #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after,#g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after{text-align:center}#g-navigation .search input{color:#666}

        .g-main-nav .g-toplevel{font-weight:500}.g-main-nav .g-toplevel > li > .g-menu-item-container{padding:1.2rem 0.938rem}.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content{line-height:normal}

        .g-main-nav .g-toplevel i{opacity:0.6}

        .g-main-nav .g-dropdown{text-align:left}.g-main-nav .g-sublevel > li > .g-menu-item-container{padding:0.7815rem 1rem}

        #g-navigation .align-left .g-toplevel,#g-header .align-left .g-toplevel{justify-content:flex-start;-webkit-justify-content:flex-start}

        #g-navigation .align-right .g-toplevel,#g-header .align-right .g-toplevel{justify-content:flex-end;-webkit-justify-content:flex-end}

        .g-menu-item-subtitle{opacity:0.7}.g-nav-overlay,.g-menu-overlay{background:#000}

        @media print{

            #g-navigation{background:#fff !important;color:#000 !important}}

            #g-offcanvas{background:#722829;width:17rem;color:#fff}

            #g-offcanvas a{color:#e5b4b5}

            #g-offcanvas a:hover{color:#fff}

            #g-offcanvas h1,#g-offcanvas h2,#g-offcanvas h3,#g-offcanvas h4,#g-offcanvas h5,#g-offcanvas h6,#g-offcanvas strong{color:#fff}

            #g-offcanvas .button{background:#757575;color:#fff}

            #g-offcanvas .button:hover{background:#828282}#g-offcanvas .button:active{background:#686868}

            .g-offcanvas-toggle{font-size:1.5rem;color:#fff;display:none}

            @media only all and (max-width:48rem){

                .g-offcanvas-toggle{display:block}}

                #g-offcanvas #g-mobilemenu-container ul{background:#722829}

                #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container{color:#fff}

                #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover,#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active{background:#a50000}#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container,#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container{color:#fff}

                #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{border:1px solid #d80000;background:#a50000;border-radius:0.1875rem;margin:-0.2rem 0 -0.2rem 0.5rem;padding:0.2rem}

                #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover{background:#900000}

                #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column{width:17rem}

                #g-mobilemenu-container{margin:-1.563rem}

                @media print{

                    #g-offcanvas{background:#fff !important;color:#000 !important}}

                    .g-offcanvas-open .g-offcanvas-left #g-page-surround{left:17rem}.g-offcanvas-open .g-offcanvas-right #g-page-surround{right:17rem}#g-header{background:rgba(185, 0, 1, 0);color:#fff;position:relative;z-index:3}

                    #g-header a{color:rgba(255, 134, 135, 0)}

                    #g-header a:hover{color:#fff}

                    #g-header .g-main-nav h1,#g-header .g-main-nav h2,#g-header .g-main-nav h3,#g-header .g-main-nav h4,#g-header .g-main-nav h5,#g-header .g-main-nav h6,#g-header .g-main-nav strong{color:#fff}#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container{color:#fff}

                    #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover{background:rgba(154, 0, 1, 0)}

                    #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active{background:#fff}

                    #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container{color:#666}

                    #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected{background:rgba(154, 0, 1, 0)}

                    #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container{color:#fff}

                    #g-header .g-main-nav .g-dropdown{background:rgba(154, 0, 1, 0)}#g-header .g-main-nav .g-sublevel > li > .g-menu-item-container{color:#fff}

                    #g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover,#g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active{background:rgba(134, 0, 1, 0)}

                    #g-header .g-main-nav .g-toplevel{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;flex-flow:row wrap}#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{border:1px solid rgba(216, 0, 1, 0);background:rgba(165, 0, 1, 0);border-radius:0.1875rem;margin:-0.2rem 0 -0.2rem 0.5rem;padding:0.2rem}

                    #g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover{background:rgba(144, 0, 1, 0)}#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after{text-align:center}

                    #g-header .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{color:#fff}

                    #g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator,#g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{border:1px solid rgba(216, 0, 1, 0);background:rgba(165, 0, 1, 0);border-radius:0.1875rem;padding:0.1rem;margin-top:-0.1rem;margin-right:-0.1rem}#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover,#g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover{background:rgba(144, 0, 1, 0)}

                    #g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after,#g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after{text-align:center}#g-header .search input{color:#666}

                    @media print{#g-header{background:#fff !important;color:#000 !important}}

                    #g-showcase{padding:1.5rem 0;background-color:#722829;color:#fff}

                    #g-showcase a{color:#e5b4b5}

                    #g-showcase a:hover{color:#fff}

                    #g-showcase h1,#g-showcase h2,#g-showcase h3,#g-showcase h4,#g-showcase h5,#g-showcase h6,#g-showcase strong{color:#fff}

                    #g-showcase .button{background:#757575;color:#fff}

                    #g-showcase .button:hover{background:#828282}

                    #g-showcase .button:active{background:#686868}

                    #g-showcase .g-social a{background:#5b2021;border:none;color:#fff;-webkit-transition:background 0.2s;-moz-transition:background 0.2s;transition:background 0.2s}

                    #g-showcase .g-social a:hover{background:#893031}

                    @media print{#g-showcase{background:#fff !important;color:#000 !important}}

                    #g-feature{padding:1.5rem 0;background:#fff;color:#666}

                    @media print{#g-feature{background:#fff !important;color:#000 !important}}

                    #g-subfeature{padding:1.5rem 0;background:#f0f0f0;color:#666;border-top:1px solid rgba(0, 0, 0, 0.05);border-bottom:1px solid rgba(0, 0, 0, 0.05)}

                    @media print{

                        #g-subfeature{background:#fff !important;color:#000 !important}}

                        #g-page-surround{box-shadow:0 0 15px rgba(0, 0, 0, 0.4)}

                        #g-main{padding:1.5rem 0;background:#fff;color:#666}

                        @media print{#g-main{background:#fff !important;color:#000 !important}}

                        #g-sidebar,#g-aside{padding:1.5rem 0;color:#666}

                        @media print{#g-sidebar{background:#fff !important;color:#000 !important}}

                        #g-footer{background:#fff;color:#666;border-top:1px solid rgba(0, 0, 0, 0.05)}

                        @media only all and (max-width:47.938rem){

                            #g-footer{text-align:center}}

                            @media print{#g-footer{background:#fff !important;color:#000 !important}}

                            .flush .g-container > .g-grid > .g-block > .g-content{margin:0;padding:0}.moduletable[class*="box"],.widget[class*="box"],.moduletable[class*="shadow"],.widget[class*="shadow"]{padding:0.938rem;margin:0.625rem}.box1.moduletable,.box1.widget,.box1.g-outer-box,.box1 > .g-content{background:#fff}

                            .box1.moduletable,.box1.widget,.box1 > .g-content,.box1.moduletable h1,.box1.widget h1,.box1 > .g-content h1,.box1.moduletable h2,.box1.widget h2,.box1 > .g-content h2,.box1.moduletable h3,.box1.widget h3,.box1 > .g-content h3,.box1.moduletable h4,.box1.widget h4,.box1 > .g-content h4,.box1.moduletable h5,.box1.widget h5,.box1 > .g-content h5,.box1.moduletable h6,.box1.widget h6,.box1 > .g-content h6,.box1.moduletable strong,.box1.widget strong,.box1 > .g-content strong,.box1.moduletable i,.box1.widget i,.box1 > .g-content i{color:#595959}

                            .box2.moduletable,.box2.widget,.box2.g-outer-box,.box2 > .g-content{background:#e0e0e0}

                            .box2.moduletable,.box2.widget,.box2 > .g-content,.box2.moduletable h1,.box2.widget h1,.box2 > .g-content h1,.box2.moduletable h2,.box2.widget h2,.box2 > .g-content h2,.box2.moduletable h3,.box2.widget h3,.box2 > .g-content h3,.box2.moduletable h4,.box2.widget h4,.box2 > .g-content h4,.box2.moduletable h5,.box2.widget h5,.box2 > .g-content h5,.box2.moduletable h6,.box2.widget h6,.box2 > .g-content h6,.box2.moduletable strong,.box2.widget strong,.box2 > .g-content strong,.box2.moduletable i,.box2.widget i,.box2 > .g-content i{color:#6d6d6d}

                            .box3.moduletable,.box3.widget,.box3.g-outer-box,.box3 > .g-content{background:#b90000}

                            .box3.moduletable,.box3.widget,.box3 > .g-content,.box3.moduletable h1,.box3.widget h1,.box3 > .g-content h1,.box3.moduletable h2,.box3.widget h2,.box3 > .g-content h2,.box3.moduletable h3,.box3.widget h3,.box3 > .g-content h3,.box3.moduletable h4,.box3.widget h4,.box3 > .g-content h4,.box3.moduletable h5,.box3.widget h5,.box3 > .g-content h5,.box3.moduletable h6,.box3.widget h6,.box3 > .g-content h6,.box3.moduletable strong,.box3.widget strong,.box3 > .g-content strong,.box3.moduletable i,.box3.widget i,.box3 > .g-content i{color:#fff}

                            .box3.moduletable a,.box3.widget a,.box3 > .g-content a{color:#ff6d6d}

                            .box3.moduletable a:hover,.box3.widget a:hover,.box3 > .g-content a:hover{color:#fff}

                            .box3.moduletable .button,.box3.widget .button,.box3 > .g-content .button{color:#fff;background:#ec0000}

                            .box3.moduletable .button:hover,.box3.widget .button:hover,.box3 > .g-content .button:hover{background:#ff0606}

                            .box4.moduletable,.box4.widget,.box4.g-outer-box,.box4 > .g-content{background:#757575}

                            .box4.moduletable,.box4.widget,.box4 > .g-content,.box4.moduletable h1,.box4.widget h1,.box4 > .g-content h1,.box4.moduletable h2,.box4.widget h2,.box4 > .g-content h2,.box4.moduletable h3,.box4.widget h3,.box4 > .g-content h3,.box4.moduletable h4,.box4.widget h4,.box4 > .g-content h4,.box4.moduletable h5,.box4.widget h5,.box4 > .g-content h5,.box4.moduletable h6,.box4.widget h6,.box4 > .g-content h6,.box4.moduletable strong,.box4.widget strong,.box4 > .g-content strong,.box4.moduletable i,.box4.widget i,.box4 > .g-content i{color:#fff}

                            .box4.moduletable a,.box4.widget a,.box4 > .g-content a{color:#cecece}.box4.moduletable a:hover,.box4.widget a:hover,.box4 > .g-content a:hover{color:#fff}

                            .box4.moduletable .button,.box4.widget .button,.box4 > .g-content .button{color:#e8e8e8;background:#9b9b9b}

                            .box4.moduletable .button:hover,.box4.widget .button:hover,.box4 > .g-content .button:hover{background:#8f8f8f}

                            .shadow.moduletable,.shadow.widget,.shadow.g-outer-box,.shadow > .g-content{box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1)}

                            .shadow2.moduletable,.shadow2.widget,.shadow2.g-outer-box,.shadow2 > .g-content{box-shadow:0 0 4px rgba(0, 0, 0, 0.15)}.disabled.moduletable,.disabled.widget,.disabled.g-outer-box,.disabled > .g-content{opacity:0.4}.square.moduletable,.square.widget,.square.g-outer-box,.square > .g-content{border-radius:none}.rounded.moduletable,.rounded.widget,.rounded.g-outer-box,.rounded > .g-content{border-radius:0.1875rem}table{border:1px solid #eaeaea}th{background:#f7f7f7;padding:0.5rem}td{padding:0.5rem;border:1px solid #eaeaea}textarea,select[multiple=multiple]{background-color:white;border:1px solid #ddd;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.06)}textarea:hover,select[multiple=multiple]:hover{border-color:#c4c4c4}textarea:focus,select[multiple=multiple]:focus{border-color:#b90000}input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],input:not([type]),textarea{background-color:white;border:1px solid #ddd;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.06)}input[type="color"]:hover,input[type="date"]:hover,input[type="datetime"]:hover,input[type="datetime-local"]:hover,input[type="email"]:hover,input[type="month"]:hover,input[type="number"]:hover,input[type="password"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="text"]:hover,input[type="time"]:hover,input[type="url"]:hover,input[type="week"]:hover,input:not([type]):hover,textarea:hover{border-color:#c4c4c4}input[type="color"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="email"]:focus,input[type="month"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="week"]:focus,input:not([type]):focus,textarea:focus{border-color:#b90000}.g-social a{display:inline-block;padding:0.1rem 0.4rem;background:#fafafa;border:1px solid #ddd;border-radius:0.1875rem;margin-bottom:4px}.sample-content{text-align:center}.sample-content .subtitle{text-transform:uppercase;font-size:0.8rem;display:block;margin-top:-1.3rem}.sample-content .sample-icons{font-size:5rem;color:#b90000;opacity:0.6}.sample-content .sample-description{font-size:1.2rem}@media only all and (min-width:48rem){.sample-content .device-promo{width:356px;height:203px;position:relative;float:right;margin-left:3rem;margin-bottom:1rem}.sample-content .device-promo .macbook{width:356px;height:203px;position:absolute;z-index:1;background:url('../images/macbook.png')}.sample-content .device-promo .macbook .macbook-color{position:absolute;width:206px;height:118px;left:37px;top:56px;background:#ccc}.sample-content .device-promo .ipad{width:356px;height:203px;position:absolute;z-index:2;background:url('../images/ipad.png')}.sample-content .device-promo .ipad .ipad-color{position:absolute;width:111px;height:163px;right:27px;top:20px;background:#b90000}.sample-content .device-promo .iphone{width:356px;height:203px;position:absolute;z-index:3;background:url('../images/iphone.png')}.sample-content .device-promo .iphone .iphone-color{position:absolute;width:46px;height:75px;right:4px;top:112px;background:#757575}}.sample-content .middle{text-align:center}.sample-content .fa-github-square{color:#ddd;margin-top:1.5rem;font-size:10rem}@media only all and (min-width:48rem) and (max-width:59.938rem){.sample-content .fa-github-square{font-size:8rem}}

                            @media only all and (max-width:47.938rem){

                                .sample-content .fa-github-square{float:none !important;margin-right:0}}

                                .sample-content .info-box{background:#f5f5f5;border:1px solid #e6e6e6;padding:0.938rem;border-radius:0.1875rem;margin-bottom:4rem}.sample-content .fa-graduation-cap{color:#d9d9d9;margin:1rem 2rem 1rem 1rem;font-size:6rem}

                                @media only all and (min-width:60rem){#g-showcase .sample-description{padding:0 6rem}}

                                @media only all and (min-width:60rem){#g-subfeature .sample-content .g-content{padding-left:2rem;padding-right:2rem}}

                                @media only all and (min-width:48rem){#g-main .sample-content{text-align:inherit}}

                                .g-content-array{margin-left:-0.938rem;margin-right:-0.938rem}

                                .g-content-array .g-grid{margin-bottom:2.3445rem}

                                .g-content-array .g-grid:last-child{margin-bottom:0}

                                @media only all and (max-width:47.938rem){

                                    .g-content-array .g-grid:last-child .g-block:last-child .g-array-item{margin-bottom:0}}

                                    @media only all and (max-width:47.938rem){

                                        .g-content-array .g-grid{margin-bottom:0}}

                                        .g-content-array .g-content{margin:0;padding-top:0;padding-bottom:0}

                            @media only all and (max-width:47.938rem){.g-content-array .g-array-item{margin-bottom:2.3445rem}}

                            .g-content-array .g-array-item-image{margin:0 0 15px 0}

                            .g-content-array .g-item-title{margin:0}

                            .g-content-array .g-array-item-details,.g-content-array .g-array-item-text,.g-content-array .g-array-item-read-more{margin:15px 0 0}

                            .g-content-array .g-array-item-details{font-size:90%}

                            .g-content-array .g-array-item-details > span{margin-right:10px}

                            .g-content-array .g-array-item-details i{margin-right:5px}

                            .g-main-nav .g-standard .g-dropdown{-webkit-transition:none;-moz-transition:none;transition:none}

                            .g-main-nav .g-standard .g-fade.g-dropdown{-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-moz-transition:opacity 0.3s ease-out, -moz-transform 0.3s ease-out;transition:opacity 0.3s ease-out, transform 0.3s ease-out}

                            .g-main-nav .g-standard .g-zoom.g-active{-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-name:g-dropdown-zoom;-moz-animation-name:g-dropdown-zoom;animation-name:g-dropdown-zoom}

                            .g-main-nav .g-standard .g-fade-in-up.g-active{-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-name:g-dropdown-fade-in-up;-moz-animation-name:g-dropdown-fade-in-up;animation-name:g-dropdown-fade-in-up}

                            .g-main-nav .g-fullwidth > .g-dropdown{-webkit-transition:none;-moz-transition:none;transition:none}.g-main-nav .g-fullwidth > .g-fade.g-dropdown{-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-moz-transition:opacity 0.3s ease-out, -moz-transform 0.3s ease-out;transition:opacity 0.3s ease-out, transform 0.3s ease-out}

                            .g-main-nav .g-fullwidth > .g-zoom.g-active{-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-name:g-dropdown-zoom;-moz-animation-name:g-dropdown-zoom;animation-name:g-dropdown-zoom}.g-main-nav .g-fullwidth > .g-fade-in-up.g-active{-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-name:g-dropdown-fade-in-up;-moz-animation-name:g-dropdown-fade-in-up;animation-name:g-dropdown-fade-in-up}

                            @-webkit-keyframes g-dropdown-zoom{0%{opacity:0;-webkit-transform:scale3d(0.8, 0.8, 0.8)}

                            100%{opacity:1}}

                            @-moz-keyframes g-dropdown-zoom{0%{opacity:0;-moz-transform:scale3d(0.8, 0.8, 0.8)}100%{opacity:1}}@keyframes g-dropdown-zoom{0%{opacity:0;-webkit-transform:scale3d(0.8, 0.8, 0.8);-moz-transform:scale3d(0.8, 0.8, 0.8);-ms-transform:scale3d(0.8, 0.8, 0.8);-o-transform:scale3d(0.8, 0.8, 0.8);transform:scale3d(0.8, 0.8, 0.8)}100%{opacity:1}}

                            @-webkit-keyframes g-dropdown-fade-in-up{0%{opacity:0;-webkit-transform:translate3d(0, 30px, 0)}100%{opacity:1}}@-moz-keyframes g-dropdown-fade-in-up{0%{opacity:0;-moz-transform:translate3d(0, 30px, 0)}100%{opacity:1}}@keyframes g-dropdown-fade-in-up{0%{opacity:0;-webkit-transform:translate3d(0, 30px, 0);-moz-transform:translate3d(0, 30px, 0);-ms-transform:translate3d(0, 30px, 0);-o-transform:translate3d(0, 30px, 0);transform:translate3d(0, 30px, 0)}100%{opacity:1}}.g-container{width:75rem}@media only all and (min-width:60rem) and (max-width:74.938rem){.g-container{width:60rem}}@media only all and (min-width:48rem) and (max-width:59.938rem){.g-container{width:48rem}}

                            @media only all and (min-width:30.062rem) and (max-width:47.938rem){.g-container{width:30rem}}

                            @media only all and (max-width:30rem){

                                .g-container{width:100%}}

                                .g-container.g-flushed{width:100%}@media only all and (max-width:47.938rem){

                                    .g-block{-webkit-flex-grow:0;-moz-flex-grow:0;flex-grow:0;-ms-flex-positive:0;-webkit-flex-basis:100%;-moz-flex-basis:100%;flex-basis:100%;-ms-flex-preferred-size:100%}}

                                    @media only all and (max-width:47.938rem){body [class*="size-"]{

                                        -webkit-flex-grow:0;-moz-flex-grow:0;flex-grow:0;-ms-flex-positive:0;-webkit-flex-basis:100%;-moz-flex-basis:100%;flex-basis:100%;-ms-flex-preferred-size:100%;max-width:100%}}

                                    @media only all and (max-width:47.938rem){

                                        @supports not (flex-wrap: wrap){.g-grid{display:block;-webkit-box-lines:inherit;-moz-box-lines:inherit;box-lines:inherit;-webkit-flex-wrap:inherit;-moz-flex-wrap:inherit;-ms-flex-wrap:inherit;flex-wrap:inherit}

                                        .g-block{display:block;-webkit-box-flex:inherit;-moz-box-flex:inherit;box-flex:inherit;-webkit-flex:inherit;-moz-flex:inherit;-ms-flex:inherit;flex:inherit}}}

                                        @media only all and (min-width:75rem){

                                            .visible-large{display:inherit !important}

                                        .g-block.visible-large{display:block !important}

                                    .hidden-large{display:none !important}

                                    .visible-desktop{display:inherit !important}

                                    .g-block.visible-desktop{display:block !important}

                                    .hidden-desktop{display:none !important}}

                                    @media only all and (min-width:60rem) and (max-width:74.938rem){

                                        .visible-large{display:none !important}

                                        .hidden-large{display:inherit !important}

                                        .g-block.hidden-large{display:block !important}

                                        .visible-desktop{display:inherit !important}

                                        .g-block.visible-desktop{display:block !important}

                                        .hidden-desktop{display:none !important}}

                                        @media only all and (min-width:48rem) and (max-width:59.938rem){

                                            .visible-tablet{display:inherit !important}

                                            .g-block.visible-tablet{display:block !important}

                                            .hidden-tablet{display:none !important}

                                            .hidden-desktop{display:inherit !important}

                                            .g-block.hidden-desktop{display:block !important}

                                            .visible-desktop{display:none !important}

                                            .visible-large{display:none !important}

                                            .hidden-large{display:inherit !important}

                                            .g-block.hidden-large{display:block !important}}

                                            @media only all and (max-width:47.938rem){

                                                .visible-phone{display:inherit !important}

                                                .g-block.visible-phone{display:block !important}

                                                .hidden-phone{display:none !important}

                                                .hidden-desktop{display:inherit !important}

                                                .g-block.hidden-desktop{display:block !important}

                                                .visible-desktop{display:none !important}

                                                .hidden-large{display:inherit !important}

                                                .g-block.hidden-large{display:block !important}

                                                .visible-large{display:none !important}}

                                                @media only all and (max-width:47.938rem){

                                                    .align-right{text-align:inherit !important}

                                                    .align-left{text-align:inherit !important}}