h1
    {
        float: none;
        display: inline-block;
        vertical-align: middle;
        font-size: 24pt;
        font-family: cabin, oswald, arial;
        font-weight: normal;
        color: #444444;
        text-align: center;
    }
    
    .flexContainer
    {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;

        display: -webkit-flex;
        -webkit-flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -webkit-align-content: flex-start;

    }

    #templateContainerDiv
    {
        display: inline-block;
        width: 100%;
    }

    .templateRowContainer
    {
        display: inline-block;
        width: 100%;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .templateRowContainer:nth-child(n + 2)
    {
        border-top: 1px solid #DDDDDD;
    }

    .templateRowContainer:nth-child(2n + 2)
    {
        background-color: #F5F5F5;
    }

    .templateRowContainer:nth-child(2n + 2) .row .column:nth-child(1)
    {
        order: 2;
        -webkit-order: 2;
    }

    .templateRowContainer:nth-child(2n + 2) .row .column:nth-child(2)
    {
        order: 1;
        -webkit-order: 1;
    }

    .templateRowContainer:first-child
    {
        padding-top: 40px;
    }

    .templateRowContainer:last-child
    {
        padding-bottom: 120px;
    }


    .row
    {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
		column-gap: 40px;
    }
    
    #row-introduction,
	#row-how-much
    {
        align-items: flex-start;
    }





    .column
    {
		display: inline-block;
        box-sizing: border-box;
        border: none;
        margin: 0px;
        padding: 0px;
		flex-grow: 1;
		flex-shrink: 1;
    }

    .columnImage
    {
		max-width: 35%;
		flex-grow: 0;
    }
    
    .column25
    {
        width: 25%;
    }

    .column50
    {
        width: 50%;
    }

    .column75
    {
        width: 75%;
    }

    .column100
    {
        width: 100%;
    }

    .column h2
    {
        width: 100%;
        font-size: 24pt;
        font-family: cabin, avenir;
        text-transform: none, uppercase;
        padding-bottom: 5px;
		text-align: left;
    }
    
    .column h2:after
    {
        display: block;
        display: none;
        width: 100px;
        height: 2px;
        overflow: hidden;
        background-color: #999999;
        content: "";
        margin: auto;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 10pt;
        line-height: 0%;
    }   
    
    .column h3
    {
        width: 100%;
        font-size: 12pt;
        font-family: cabin, avenir;
        font-weight: normal;
        text-transform: none, uppercase;
        margin-top: -15px;
        padding-bottom: 15px;
        color: #777777;
    }   
        
    .column img
	{
        max-width: 100%;
        max-height: 300px;  
    }
    
    .column img.roundedEdges
    {
        border-radius: 4px;
        box-shadow: 8px 8px 12px #CCCCCC;
    }
    
    .column img.imageBorder
    {
        border-radius: 0px;
        border: 1px solid #CCCCCC;
        box-shadow: 8px 8px 12px #EEEEEE;
    }   

    .singleTemplate .column h2
    {
        /*display: none;*/
    }

    .column p
	{
        width: 100%;
        font-size: 12pt;
        font-family: helvetica, avenir;
        padding-top: 20px;
        font-weight: 100;
        color: #222222;
        line-height: 160%;
		text-align: left;

    }
    
    .column p a
    {
        font-size: inherit;
        font-family: inherit;
        color: inherit;
        text-decoration: underline;
		text-decoration-color: #AAAAAA;
		text-decoration-thickness: 1px;
		text-underline-offset: 4px;
    }

    #tourSelectContainer
    {
        display: none;
        width: 100%;
        padding-top: 20px;
        text-align: center;
    }   
    
    #tourSelect
    {
        display: none;
        font-size: 12pt;
        font-family: avenir;
        padding: 10px;
        border: 1px solid #999999;
    }

    #tourNavigationContainer
    {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .tourNavigationHeader
    {
        display: inline-block;
        vertical-align: top;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 15px;
        font-size: 10pt;
        font-family: avenir, oswald, arial;
        color: #444444;
        text-transform: uppercase;
        position: relative;
    }

    .tourNavigationHeader > a
    {
        display: block;
        font-size: inherit;
        font-family: inherit;
        color: inherit;
        margin: 0px;
		padding-bottom: 4px;
        border-bottom: 2px solid #FFFFFF;
    }

    .tourNavigationHeader.selected > a
    {
        border-bottom: 2px solid #999999;
    }

    .tourNavigationHeader:hover > a
    {
        border-bottom: 2px solid #335577;
    }


    .tourNavigationHeader > p
    {
        float: left;
        width: 100%;
        padding-top: 5px;
        font: 8pt arial;
        color: #666666;
    }


    .tourNavigationDropdown
    {
        visibility: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        width: calc(100% - 42px);
        padding: 20px;
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius: 2px;
        text-align: center;
    }

    .tourNavigationDropdown .dropdownColumn
    {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 30%;
        text-align: center;
    }

    .tourNavigationDropdown p
    {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding-bottom: 5px;
        text-align: left;
        font-size: 10pt;
        font-family: arial;
        font-weight: normal;
        color: #444444;
    }

    .tourNavigationDropdown p a
    {
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: inherit;
        color: inherit;

        /*-webkit-flex-shrink: 0.5;*/
        border-bottom: 1px solid #FFFFFF;
    }

    .tourNavigationDropdown p a:hover
    {
        border-bottom: 1px solid #999999;
    }

    .tourNavigationDropdown p a.selected
    {
        border-bottom: 1px solid #999999;
    }

    .linkpreviousarrowtop, .linknextarrowtop
    {
        float: none;
        display: inline-block;
        vertical-align: middle;
        opacity: 0.20;
        filter: alpha(opacity=20);
        max-height: 35px;
        border: none;
        visibility: hidden;
    }

    .linkpreviousarrowtop
    {
        padding-left: 0px;
        padding-right: 15px;
    }

    .linknextarrowtop
    {
        padding-right: 0px;
        padding-left: 15px;
    }

    .linkpreviousarrowside, .linknextarrowside
    {
        position: absolute;
        top: 50%;
        top: calc(50% - 40px);
        top: -webkit-calc(50% - 40px);
        border: none;
        opacity: 0.20;
        filter: alpha(opacity=20);
        max-height: 40px;
        padding: 25px;
        border: none;
        z-index: 1000;
    }

    .linkpreviousarrowside:hover, .linknextarrowside:hover
    {
        opacity: 1.00;
        filter: alpha(opacity=100);
    }

    .linkpreviousarrowside
    {
        left: 0px;
    }

    .linknextarrowside
    {
        right: 0px;
    }

    .imagecontainerdiv
    {
        float: left;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .imagecontainerdiv img
    {
        width: 100%;
    }

    .textcontainerdiv
    {
        float: left;
        width: 100%;
    }

    .textcontainerdiv p
    {
        font: 10pt arial;
        color: #444444;
        padding-top: 15px;
    }

    .textcontainerdiv p a
    {
        font: inherit;
        color: inherit;
        text-decoration: underline;
    }

    .buttonContainer
    {
        display: inline-block;
        width: 100%;
        padding-top: 40px;
		text-align: left;
    }

    .ghostButton,
	.ghostButton:link,
	.ghostButton:active,
	.ghostButton:visited,
	.ghostButton:hover
    {
        display: inline-block;
        text-align: center;
        font-size: 12pt;
        font-family: cabin, oswald, arial;
        text-transform: none, uppercase;
        color: #444444;
        border: 1px solid #999999;
        border-radius: 4px;
        padding: 8px;
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 10px;
        background-color: #FFFFFF;
        letter-spacing: 0.5px;
        word-spacing: 1px;
		box-shadow: 0px 14px 4px -8px rgba(0,0,0,0.05);
    }

    .ghostButton:hover
    {
        color: #FFFFFF;
        background-color: rgba(106,201,157,0.90);
        border: 1px solid rgba(106,201,157,0.90);
    }

	.ghostButton:hover img
	{
		filter: invert(100%);
	}



    @media screen and (max-width: 1400px)
    {
        .linkpreviousarrowtop, .linknextarrowtop
        {
            visibility: visible;
        }

        .linkpreviousarrowside, .linknextarrowside
        {
            display: none;
        }
    }


    @media screen and (max-width: 800px)
    {
        h1
        {
            display: none;
        }
        
        #tourSelect
        {
            display: inline-block;
        }
        
        #tourNavigationContainer
        {
            display: none;
        }
        
		.row
		{
			flex-wrap: wrap;
		}
		
        .templateRowContainer .row .column:nth-child(1)
        {
            order: 2;
            -webkit-order: 2;
        }

        .templateRowContainer .row .column:nth-child(2)
        {
            order: 1;
            -webkit-order: 1;
        }

        .templateRowContainer:first-child
        {
            padding-top: 40px;
        }

        .templateRowContainer:last-child
        {
            padding-bottom: 120px;
        }   
    
        .column50
        {
            width: 90%;
        }
        
        .columnImage
        {
            width: 90%;
            max-width: 100%;
            padding-top: 40px;
        }
        
        .column img
        {
            max-height: 400px;
        }

        .linkpreviousarrowside
        {
            padding-left: 5px;
            /*display: inline-block;*/
        }

        .linknextarrowside
        {
            padding-right: 5px;
            /*display: inline-block;*/
        }
    }

    @media screen and (max-width: 640px)
    {
        .linkpreviousarrowtop, .linknextarrowtop
        {
            visibility: visible;
        }

        .linkpreviousarrowside, .linknextarrowside
        {
            display: none;
        }

        .tourNavigationDropdown
        {
            column-count: 2;
            -webkit-column-count: 2;
            -moz-column-count: 2;
        }

    }


    @media screen and (max-width: 480px)
    {
        .tourNavigationDropdown
        {
            column-count: 1;
            -webkit-column-count: 1;
            -moz-column-count: 1;
        }

    }