/* Reset */

    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,
    input, button {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    
    img {
        margin-bottom: 0;
        display: block;
    }

    html,
    body {
        height: 100%;
    }

    .clearfix {
        clear: both;
    }

/* Body */

    body {
        font-size: 16px;
        line-height: 26px;
        color: #555;
        font-family: 'Karla', helvetica, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }

/* ======== GENUS BEGIN ======== */

    /* Content */

        .gns-content {
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
            padding: 60px;
        }

        @media only screen and (max-width: 650px) {

            .gns-content {
                padding: 30px;
            }

        }

            .gns-content.big {
                max-width: 1200px;
            }

            .gns-content.small {
                max-width: 800px;
            }

            .gns-content.tiny {
                max-width: 600px;
            }

    /* Full Screen */

        .gns-fullScreen {
            width: 100%;
            height: 100%;
            display: table;
        }

            .gns-fullScreen.bb {
                /* BB stands for border bottom */
                border-bottom: 1px solid #dedede;
            }

        .gns-fullScreenInner {
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }

    /* Text */

        /* Headings */

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

            h1 {
                font-size: 64px;
                line-height: 74px;
            }

            h2 {
                font-size: 54px;
                line-height: 64px;
            }

            h3 {
                font-size: 44px;
                line-height: 54px;
            }

            h4 {
                font-size: 34px;
                line-height: 44px;
            }

            h5 {
                font-size: 24px;
                line-height: 34px;
            }

            h6 {
                font-size: 14px;
                line-height: 24px;
                letter-spacing: 2px;
                text-transform: uppercase;
            }

        /* Paragraphs */

            p {
                margin-bottom: 30px;
                display: block;
            }

            .gns-pFix {
                margin-top: -15px;
            }

        /* Links */

            a {
                color: #3097ca;
                text-decoration: none;
                cursor: pointer;
            }

            a:hover {
                text-decoration: underline;
            }

        /* Highlights */

            highlight {
                background: #F6F0D4;
            }

        /* Pre */

            pre {
                border: 1px solid #dedede;
                background: #f0f0f0;
                display: block;
                padding: 25px 30px;
            }

            @media only screen and (max-width: 650px) {

                pre {
                    padding: 15px 20px;
                }

            }

            code {
                font-family: 'Menlo';
                font-size: 14px;
                line-height: 24px;
                background: #f0f0f0;
            }

        /* Blockquote */

            blockquote {
                border-left: 2px solid #dedede;
                padding-left: 15px;
                font-style: italic;
            }

    /* Images */

        .gns-fullWidthImage {
            width: 100%;
            height: auto;
            display: block;
            margin: 0;
        }

    /* Buttons */

        .gns-button {
            outline: none;
            border: 0;
            -webkit-appearance: none;
            display: inline-block;
            background: #3a99d8;
            text-decoration: none;
            color: #fff;
            text-decoration: none;
            padding: 10px 20px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            cursor: pointer;
        }

            .gns-button:hover {
                background: #2f81b7;
                text-decoration: none;
            }

        .gns-button.wide {
            display: block;
            text-align: center;
        }

        .gns-button.light { background: #ddd; color: #555; }
        .gns-button.light:hover { background: #bbb; }

        .gns-button.dark { background: #333; }
        .gns-button.dark:hover { background: #000; }

        .gns-button.positive { background: #39ca74; }
        .gns-button.positive:hover { background: #30ad63; }

        .gns-button.negative { background: #e54d42; }
        .gns-button.negative:hover { background: #be3a31; }
        
    /* Form Elements */
    
        /* Fields */
        
            .gns-field {
                /* Reset */
                -webkit-appearance: none;
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                outline: none;
                -webkit-font-smoothing: antialiased;
                -moz-font-smoothing: antialiased;
                font-smoothing: antialiased;
                border: 0;
                
                /* Styles */
                margin-bottom: 16px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                background: #f0f0f0;
                font-size: 16px;
                line-height: 26px;
                color: #555;
                font-family: 'Karla', helvetica, sans-serif;
                padding: 12px 18px;
            }
            
            .gns-field:focus {
                outline: 1px solid #3097ca;
            }
            
        /* Checkboxes */
        
            .gns-checkbox {
                -webkit-appearance: none;
                outline: none;
                width: 16px;
                height: 16px;
                background-image: url(img/genus-checkbox.png);
                background-size: 16px 32px;
                background-position: top;
                margin-bottom: -3px;
                margin-right: 8px;
            }
            
            .gns-checkbox:checked {
                background-position: bottom;
            }
            
        /* Radio Buttons */
        
            .gns-radio {
                -webkit-appearance: none;
                outline: none;
                width: 16px;
                height: 16px;
                background-image: url(img/genus-radio.png);
                background-size: 16px 32px;
                background-position: top;
                margin-bottom: -3px;
                margin-right: 8px;
            }
            
            .gns-radio:checked {
            background-position: bottom;
            }

    /* Gaps & Separators */

        .gns-gapB {
            margin-bottom: 60px;
        }

        .gns-gapS {
            margin-bottom: 30px;
        }

        hr {
            border: 0;
            border-top: 1px solid #dedede;
            margin-top: 60px;
            padding-bottom: 60px;
        }

        @media only screen and (max-width: 650px) {

            .gns-gapB {
                margin-bottom: 30px;
            }

            .gns-gapS {
                margin-bottom: 15px;
            }

            hr {
                margin-top: 30px;
                padding-bottom: 30px;
            }

        }

    /* Columns */

        .gns-cols {
        	overflow: hidden;
        }

        .gns-colsInner {
        	margin-left: -2%;
        	margin-right: -2%;
        }

        .gns-testBlock {
        	background: #000;
        	display: block;
        	height: 4px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            margin-bottom: 4px;
        }

        .gns-col {
        	float: left;
        	display: block;
        	margin-left: 2%;
        	margin-right: 2%;
        }

        /* Columns */

        	.span_1_of_1 {
        		width: 100%;
        		margin: 0;
        	}

        	.span_1_of_2 {
        		width: 46%;
        	}

        		.span_2_of_2 {
        			width: 100%;
        			margin: 0;
        		}

        	.span_1_of_3 {
        		width: 29.333%;
        	}

        		.span_2_of_3 {
        			width: 62.666%;
        		}

        		.span_3_of_3 {
        			width: 100%;
        			margin: 0;
        		}

        	.span_1_of_4 {
        		width: 21%;
        	}

        		.span_2_of_4 {
        			width: 46%;
        		}

        		.span_3_of_4 {
        			width: 71%;
        		}

        		.span_4_of_4 {
        			width: 100%;
        			margin: 0;
        		}

        	.span_1_of_5 {
        		width: 16%;
        	}

        		.span_2_of_5 {
        			width: 36%;
        		}

        		.span_3_of_5 {
        			width: 56%;
        		}

        		.span_4_of_5 {
        			width: 76%;
        		}

        		.span_5_of_5 {
        			width: 100%;
        			margin: 0;
        		}

        	.span_1_of_6 {
        		width: 12.666%;
        	}

        		.span_2_of_6 {
        			width: 29.332%;
        		}

        		.span_3_of_6 {
        			width: 46%;
        		}

        		.span_4_of_6 {
        			width: 62.666%;
        		}

        		.span_5_of_6 {
        			width: 79.332%;
        		}

        		.span_6_of_6 {
        			width: 100%;
        			margin: 0;
        		}

        	.span_1_of_7 {
        		width: 10.286%;
        	}

        		.span_2_of_7 {
        			width: 24.572%;
        		}

        		.span_3_of_7 {
        			width: 38.858%;
        		}

        		.span_4_of_7 {
        			width: 53.114%;
        		}

        		.span_5_of_7 {
        			width: 67.43%;
        		}

        		.span_6_of_7 {
        			width: 81.716%;
        		}

        		.span_7_of_7 {
        			width: 100%;
        			margin: 0;
        		}

        	.span_1_of_8 {
        		width: 8.5%;
        	}

        		.span_2_of_8 {
        			width: 21%;
        		}

        		.span_3_of_8 {
        			width: 33.5%;
        		}

        		.span_4_of_8 {
        			width: 46%;
        		}

        		.span_5_of_8 {
        			width: 58.5%;
        		}

        		.span_6_of_8 {
        			width: 71%;
        		}

        		.span_7_of_8 {
        			width: 83.5%;
        		}

        		.span_8_of_8 {
        			width: 100%;
        			margin: 0;
        		}

            @media only screen and (max-width: 650px) {

        		.gns-colsInner {
        			margin-left: 0;
        			margin-right: 0;
        		}

        		.gns-col {
        			width: 100%;
        			margin-top: 0;
        			margin-left: 0;
        			margin-right: 0;
        		}

        		.gns-cols.spaceOnMobile {
        			margin-top: -25px;
        		}

        		.gns-cols.spaceOnMobile .col {
        			margin-top: 25px;
        		}

        	}

    /* Lists */

        ul,
        ol {
            margin-left: 18px;
        }

/* ======== GENUS END ======== */