OwlCyberSecurity - MANAGER

Edit File: mega-superstorefinder.css

/*-----------------------------------------------------------------------------
   Super Interactive Maps for Wordpress
-------------------------------------------------------------------------------
    $ Index
-------------------------------------------------------------------------------

$ Media Queries
    $ Fonts
    $ Colors

$ Foundation
        $ Global
        $ Block Grid
        $ Forms
        $ Grid
        $ Off Canvas
        $ Visibility
        $ Extend

$ Assets
        $ Forms
        $ Filters
        $ Icon Label Block
        $ Locations
        $ Markers
        $ Panels
        $ Popups
        $ Sections
        $ Spinners
        $ Sprites
        $ Togglers
        $ Tooltips

$ Main
        $ Contents

$ Pages
        $ Store Locator

$ Helpers

$ Print

-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
    $ Media Queries
/*-----------------------------------------------------------------------------

Xsmall  :   20em (320px) and below
    Small   :   20.063em (321px) to 40em (640px)
    Medium  :   40.063em (641px) to 64em (1024px)
    Large   :   64.063em (1025px) to 90em (1440px)
    Xlarge  :   90.063em (1441px) and above (1920px)

-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
    $ Fonts
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
	$ Colors
/*-----------------------------------------------------------------------------
    
    Black           -   #333
	
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
    $ Foundation
/*-----------------------------------------------------------------------------
    Extracted only the styles that I really require from Foundation, and
    retrofitted it for IE8 (by replacing `rem` units with `px` units)
/*-----------------------------------------------------------------------------
    `-- (Foundation) $ Global
-----------------------------------------------------------------------------*/

meta.foundation-version { font-family: "/5.1.0/"; }
meta.foundation-mq-xsmall { font-family: "/only screen and (max-width: 20em)/"; width: 0em; }
meta.foundation-mq-small { font-family: "/only screen and (max-width:40em)/"; width: 0em; }
meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; }
meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; }
meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; }
meta.foundation-data-attribute-namespace { font-family: false; }

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* Typography resets */

/*-----------------------------------------------------------------------------
    `-- (Foundation) $ Block Grid
-----------------------------------------------------------------------------*/

[class*="block-grid-"] {
    display: block;
    padding: 0;
    /**
    margin: 0 -0.625rem;
    *zoom: 1;
    **/

/*----*/
    margin: 0 -10px;
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table;
}
[class*="block-grid-"]:after { clear: both; }

[class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    /**
    padding: 0 0.625rem 1.25rem;
    **/

/*----*/
    padding: 0 10px 20px;
    list-style: none;
}

@media only screen {
    [class*="small-block-grid"] > li:nth-of-type(n) { clear: none; }

.small-block-grid-1  > li { width: 100%; }
    .small-block-grid-2  > li { width: 50%; }
    .small-block-grid-3  > li { width: 33.33333%; }
    .small-block-grid-4  > li { width: 25%; }
    .small-block-grid-5  > li { width: 20%; }
    .small-block-grid-6  > li { width: 16.66667%; }
    .small-block-grid-7  > li { width: 14.28571%; }
    .small-block-grid-8  > li { width: 12.5%; }
    .small-block-grid-9  > li { width: 11.11111%; }
    .small-block-grid-10 > li { width: 10%; }
    .small-block-grid-11 > li { width: 9.09091%; }
    .small-block-grid-12 > li { width: 8.33333%; }

.small-block-grid-1 > li:nth-of-type(1n+1),
    .small-block-grid-2 > li:nth-of-type(2n+1),
    .small-block-grid-3 > li:nth-of-type(3n+1),
    .small-block-grid-4 > li:nth-of-type(4n+1),
    .small-block-grid-5 > li:nth-of-type(5n+1),
    .small-block-grid-6 > li:nth-of-type(6n+1),
    .small-block-grid-7 > li:nth-of-type(7n+1),
    .small-block-grid-8 > li:nth-of-type(8n+1),
    .small-block-grid-9 > li:nth-of-type(9n+1),
    .small-block-grid-10 > li:nth-of-type(10n+1),
    .small-block-grid-11 > li:nth-of-type(11n+1),
    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both;
    }
}

@media only screen and (max-width: 20em) {
    [class*="xsmall-block-grid"] > li:nth-of-type(n) { clear: none; }

.xsmall-block-grid-1  > li { width: 100%; }
    .xsmall-block-grid-2  > li { width: 50%; }
    .xsmall-block-grid-3  > li { width: 33.33333%; }
    .xsmall-block-grid-4  > li { width: 25%; }
    .xsmall-block-grid-5  > li { width: 20%; }
    .xsmall-block-grid-6  > li { width: 16.66667%; }
    .xsmall-block-grid-7  > li { width: 14.28571%; }
    .xsmall-block-grid-8  > li { width: 12.5%; }
    .xsmall-block-grid-9  > li { width: 11.11111%; }
    .xsmall-block-grid-10 > li { width: 10%; }
    .xsmall-block-grid-11 > li { width: 9.09091%; }
    .xsmall-block-grid-12 > li { width: 8.33333%; }

.xsmall-block-grid-1 > li:nth-of-type(1n+1),
    .xsmall-block-grid-2 > li:nth-of-type(2n+1),
    .xsmall-block-grid-3 > li:nth-of-type(3n+1),
    .xsmall-block-grid-4 > li:nth-of-type(4n+1),
    .xsmall-block-grid-5 > li:nth-of-type(5n+1),
    .xsmall-block-grid-6 > li:nth-of-type(6n+1),
    .xsmall-block-grid-7 > li:nth-of-type(7n+1),
    .xsmall-block-grid-8 > li:nth-of-type(8n+1),
    .xsmall-block-grid-9 > li:nth-of-type(9n+1),
    .xsmall-block-grid-10 > li:nth-of-type(10n+1),
    .xsmall-block-grid-11 > li:nth-of-type(11n+1),
    .xsmall-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 40.063em) {
    [class*="medium-block-grid"] > li:nth-of-type(n) { clear: none; }

.medium-block-grid-1 > li { width: 100%; }
    .medium-block-grid-2 > li { width: 50%; }
    .medium-block-grid-3 > li { width: 33.33333%; }
    .medium-block-grid-4 > li { width: 25%; }
    .medium-block-grid-5 > li { width: 20%; }
    .medium-block-grid-6 > li { width: 16.66667%; }
    .medium-block-grid-7 > li { width: 14.28571%; }
    .medium-block-grid-8 > li { width: 12.5%; }
    .medium-block-grid-9 > li { width: 11.11111%; }
    .medium-block-grid-10 > li { width: 10%; }
    .medium-block-grid-11 > li { width: 9.09091%; }
    .medium-block-grid-12 > li { width: 8.33333%; }

.medium-block-grid-1 > li:nth-of-type(1n+1),
    .medium-block-grid-2 > li:nth-of-type(2n+1),
    .medium-block-grid-3 > li:nth-of-type(3n+1),
    .medium-block-grid-4 > li:nth-of-type(4n+1),
    .medium-block-grid-5 > li:nth-of-type(5n+1),
    .medium-block-grid-6 > li:nth-of-type(6n+1),
    .medium-block-grid-7 > li:nth-of-type(7n+1),
    .medium-block-grid-8 > li:nth-of-type(8n+1),
    .medium-block-grid-9 > li:nth-of-type(9n+1),
    .medium-block-grid-10 > li:nth-of-type(10n+1),
    .medium-block-grid-11 > li:nth-of-type(11n+1),
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 64.063em) {
    [class*="large-block-grid"] > li:nth-of-type(n) { clear: none; }

.large-block-grid-1  > li { width: 100%; }
    .large-block-grid-2  > li { width: 50%; }
    .large-block-grid-3  > li { width: 33.33333%; }
    .large-block-grid-4  > li { width: 25%; }
    .large-block-grid-5  > li { width: 20%; }
    .large-block-grid-6  > li { width: 16.66667%; }
    .large-block-grid-7  > li { width: 14.28571%; }
    .large-block-grid-8  > li { width: 12.5%; }
    .large-block-grid-9  > li { width: 11.11111%; }
    .large-block-grid-10 > li { width: 10%; }
    .large-block-grid-11 > li { width: 9.09091%; }
    .large-block-grid-12 > li { width: 8.33333%; }

.large-block-grid-1 > li:nth-of-type(1n+1),
    .large-block-grid-2 > li:nth-of-type(2n+1),
    .large-block-grid-3 > li:nth-of-type(3n+1),
    .large-block-grid-4 > li:nth-of-type(4n+1),
    .large-block-grid-5 > li:nth-of-type(5n+1),
    .large-block-grid-6 > li:nth-of-type(6n+1),
    .large-block-grid-7 > li:nth-of-type(7n+1),
    .large-block-grid-8 > li:nth-of-type(8n+1),
    .large-block-grid-9 > li:nth-of-type(9n+1),
    .large-block-grid-10 > li:nth-of-type(10n+1),
    .large-block-grid-11 > li:nth-of-type(11n+1),
    .large-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both;
    }
}

/*-----------------------------------------------------------------------------
    `-- (Foundation) 
-----------------------------------------------------------------------------*/

/* Label Styles */
label.simlabel {
    /**font-size: 0.875rem;**/
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
}

body:before {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    -webkit-transition: height 0.25s ease-out;
       -moz-transition: height 0.25s ease-out;
         -o-transition: height 0.25s ease-out;
            transition: height 0.25s ease-out;
}
body.comparison-row-is-shown:before {
    height: 80px;
}
body .sim-main-content{
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

p { margin-bottom: 1em; }

.searchbar_td, .searchbar_tr, .store-locator__geolocator-cell{
border:0px !important;
}

/*-----------------------------------------------------------------------------
    `-- (Foundation) $ Grid
-----------------------------------------------------------------------------*/

/*
 * Legend:
 *   (a) /** property **/
/*          ` Original property from the Foundation framework
 *          ` Denoted with double-starred block comments
 *   (b) /*----*/
/*          ` Any properties after this line break is our own,
 *            not originally used in the framework.
 */

.sim-main-content .sim-row {
    /**width: 100%;**/
    margin: 0 auto;
    /** 
    max-width: 62.5;
    *zoom: 1;
        (` Foundation supposedly doesn't support IE7, so what's this *zoom for?)
    **/

/*----*/
    max-width: 1170px;
}
.sim-main-content .sim-row.collapse {
    /*----*/
    max-width: 1160px;
}

.sim-main-content .sim-row:before,
    .sim-main-content .sim-row:after {
        content: " "; display: table;
    }
    .sim-main-content .sim-row:after { clear: both; }

.sim-main-content .sim-row.collapse > .sim-column,
    .sim-main-content .sim-row.collapse > .columns {
        padding-left: 0;
        padding-right: 0;
        float: left;
    }
    .sim-main-content .sim-row.collapse .sim-row {
        margin-left: 0;
        margin-right: 0;
    }

.sim-main-content .sim-row .sim-row {
        width: auto;
        max-width: none;
        /** 
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
        margin-top: 0;
        margin-bottom: 0;
        *zoom: 1;
        **/

/*----*/
        margin-left: -5px;
        margin-right: -5px;
    }

.sim-main-content .sim-row .sim-row.collapse {
        max-width: none;
        /** 
        margin: 0;
        *zoom: 1;
        **/

/*----*/
        margin-left: 0;
        margin-right: 0;
    }

.sim-column,
    .columns {
        width: 100%;
        /**
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        **/
        float: left;

/*----*/
        padding-left: 5px;
        padding-right: 5px;

position: relative;
    }

.sim-column.end,
    .columns.end {
        /**
        float: left;
        **/

/*----*/
        float: right;
    }

.push-0  { left:  0%;        right: auto; }
    .pull-0  { right: 0%;        left: auto;  }
    .push-1  { left:  8.33333%;  right: auto; }
    .pull-1  { right: 8.33333%;  left: auto;  }
    .push-2  { left:  16.66667%; right: auto; }
    .pull-2  { right: 16.66667%; left: auto;  }
    .push-3  { left:  25%;       right: auto; }
    .pull-3  { right: 25%;       left: auto;  }
    .push-4  { left:  33.33333%; right: auto; }
    .pull-4  { right: 33.33333%; left: auto;  }
    .push-5  { left:  41.66667%; right: auto; }
    .pull-5  { right: 41.66667%; left: auto;  }
    .push-6  { left:  50%;       right: auto; }
    .pull-6  { right: 50%;       left: auto;  }
    .push-7  { left:  58.33333%; right: auto; }
    .pull-7  { right: 58.33333%; left: auto;  }
    .push-8  { left:  66.66667%; right: auto; }
    .pull-8  { right: 66.66667%; left: auto;  }
    .push-9  { left:  75%;       right: auto; }
    .pull-9  { right: 75%;       left: auto;  }
    .push-10 { left: 83.33333%;  right: auto; }
    .pull-10 { right: 83.33333%; left: auto;  }
    .push-11 { left:  91.66667%; right: auto; }
    .pull-11 { right: 91.66667%; left: auto;  }

@media only screen {
    .sim-column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .sim-column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }
    .sim-column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right;
    }

[class*="small-push-"] { right: auto; }
    [class*="small-pull-"] { left:  auto; }

.small-push-0  { left:  0%;        }
    .small-pull-0  { right: 0%;        }
    .small-push-1  { left:  8.33333%;  }
    .small-pull-1  { right: 8.33333%;  }
    .small-push-2  { left:  16.66667%; }
    .small-pull-2  { right: 16.66667%; }
    .small-push-3  { left:  25%;       }
    .small-pull-3  { right: 25%;       }
    .small-push-4  { left:  33.33333%; }
    .small-pull-4  { right: 33.33333%; }
    .small-push-5  { left:  41.66667%; }
    .small-pull-5  { right: 41.66667%; }
    .small-push-6  { left:  50%;       }
    .small-pull-6  { right: 50%;       }
    .small-push-7  { left:  58.33333%; }
    .small-pull-7  { right: 58.33333%; }
    .small-push-8  { left:  66.66667%; }
    .small-pull-8  { right: 66.66667%; }
    .small-push-9  { left:  75%;       }
    .small-pull-9  { right: 75%;       }
    .small-push-10 { left:  83.33333%; }
    .small-pull-10 { right: 83.33333%; }
    .small-push-11 { left:  91.66667%; }
    .small-pull-11 { right: 91.66667%; }

.small-1  { width: 8.33333%;  }
    .small-2  { width: 16.66667%; }
    .small-3  { width: 25%;       }
    .small-4  { width: 33.33333%; }
    .small-5  { width: 41.66667%; }
    .small-6  { width: 50%;       }
    .small-7  { width: 58.33333%; }
    .small-8  { width: 66.66667%; }
    .small-9  { width: 75%;       }
    .small-10 { width: 83.33333%; }
    .small-11 { width: 91.66667%; }
    .small-12 { width: 100%;      }

.small-offset-0  { margin-left: 0%;        }
    .small-offset-1  { margin-left: 8.33333%;  }
    .small-offset-2  { margin-left: 16.66667%; }
    .small-offset-3  { margin-left: 25%;       }
    .small-offset-4  { margin-left: 33.33333%; }
    .small-offset-5  { margin-left: 41.66667%; }
    .small-offset-6  { margin-left: 50%;       }
    .small-offset-7  { margin-left: 58.33333%; }
    .small-offset-8  { margin-left: 66.66667%; }
    .small-offset-9  { margin-left: 75%;       }
    .small-offset-10 { margin-left: 83.33333%; }
    .small-offset-11 { margin-left: 91.66667%; }

.small-reset-order,
    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }
}

@media only screen and (max-width: 20em) {
    .sim-column.xsmall-centered,
    .columns.xsmall-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

.sim-column.xsmall-uncentered,
    .columns.xsmall-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

.sim-column.xsmall-uncentered.opposite,
    .columns.xsmall-uncentered.opposite {
        float: right;
    }

[class*="xsmall-push-"] { right: auto; }
    [class*="xsmall-pull-"] { left:  auto; }

.xsmall-push-0  { left:  0%;        }
    .xsmall-pull-0  { right: 0%;        }
    .xsmall-push-1  { left:  8.33333%;  }
    .xsmall-pull-1  { right: 8.33333%;  }
    .xsmall-push-2  { left:  16.66667%; }
    .xsmall-pull-2  { right: 16.66667%; }
    .xsmall-push-3  { left:  25%;       }
    .xsmall-pull-3  { right: 25%;       }
    .xsmall-push-4  { left:  33.33333%; }
    .xsmall-pull-4  { right: 33.33333%; }
    .xsmall-push-5  { left:  41.66667%; }
    .xsmall-pull-5  { right: 41.66667%; }
    .xsmall-push-6  { left:  50%;       }
    .xsmall-pull-6  { right: 50%;       }
    .xsmall-push-7  { left:  58.33333%; }
    .xsmall-pull-7  { right: 58.33333%; }
    .xsmall-push-8  { left:  66.66667%; }
    .xsmall-pull-8  { right: 66.66667%; }
    .xsmall-push-9  { left:  75%;       }
    .xsmall-pull-9  { right: 75%;       }
    .xsmall-push-10 { left:  83.33333%; }
    .xsmall-pull-10 { right: 83.33333%; }
    .xsmall-push-11 { left:  91.66667%; }
    .xsmall-pull-11 { right: 91.66667%; }

.xsmall-1  { width: 8.33333%;  }
    .xsmall-2  { width: 16.66667%; }
    .xsmall-3  { width: 25%;       }
    .xsmall-4  { width: 33.33333%; }
    .xsmall-5  { width: 41.66667%; }
    .xsmall-6  { width: 50%;       }
    .xsmall-7  { width: 58.33333%; }
    .xsmall-8  { width: 66.66667%; }
    .xsmall-9  { width: 75%;       }
    .xsmall-10 { width: 83.33333%; }
    .xsmall-11 { width: 91.66667%; }
    .xsmall-12 { width: 100%;      }

.xsmall-offset-0  { margin-left: 0%;        }
    .xsmall-offset-1  { margin-left: 8.33333%;  }
    .xsmall-offset-2  { margin-left: 16.66667%; }
    .xsmall-offset-3  { margin-left: 25%;       }
    .xsmall-offset-4  { margin-left: 33.33333%; }
    .xsmall-offset-5  { margin-left: 41.66667%; }
    .xsmall-offset-6  { margin-left: 50%;       }
    .xsmall-offset-7  { margin-left: 58.33333%; }
    .xsmall-offset-8  { margin-left: 66.66667%; }
    .xsmall-offset-9  { margin-left: 75%;       }
    .xsmall-offset-10 { margin-left: 83.33333%; }
    .xsmall-offset-11 { margin-left: 91.66667%; }

.xsmall-reset-order,
    .xsmall-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) {
    .sim-column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .sim-column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }
    .sim-column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right;
    }

[class*="medium-push-"] { right: auto; }
    [class*="medium-pull-"] { left:  auto; }

.medium-push-0  { left:  0%;        }
    .medium-pull-0  { right: 0%;        }
    .medium-push-1  { left:  8.33333%;  }
    .medium-pull-1  { right: 8.33333%;  }
    .medium-push-2  { left:  16.66667%; }
    .medium-pull-2  { right: 16.66667%; }
    .medium-push-3  { left:  25%;       }
    .medium-pull-3  { right: 25%;       }
    .medium-push-4  { left:  33.33333%; }
    .medium-pull-4  { right: 33.33333%; }
    .medium-push-5  { left:  41.66667%; }
    .medium-pull-5  { right: 41.66667%; }
    .medium-push-6  { left:  50%;       }
    .medium-pull-6  { right: 50%;       }
    .medium-push-7  { left:  58.33333%; }
    .medium-pull-7  { right: 58.33333%; }
    .medium-push-8  { left:  66.66667%; }
    .medium-pull-8  { right: 66.66667%; }
    .medium-push-9  { left:  75%;       }
    .medium-pull-9  { right: 75%;       }
    .medium-push-10 { left:  83.33333%; }
    .medium-pull-10 { right: 83.33333%; }
    .medium-push-11 { left:  91.66667%; }
    .medium-pull-11 { right: 91.66667%; }

.medium-1  { width: 8.33333%;  }
    .medium-2  { width: 16.66667%; }
    .medium-3  { width: 25%;       }
    .medium-4  { width: 33.33333%; }
    .medium-5  { width: 41.66667%; }
    .medium-6  { width: 50%;       }
    .medium-7  { width: 58.33333%; }
    .medium-8  { width: 66.66667%; }
    .medium-9  { width: 75%;       }
    .medium-10 { width: 83.33333%; }
    .medium-11 { width: 91.66667%; }
    .medium-12 { width: 100%;      }

.medium-offset-0  { margin-left: 0%;        }
    .medium-offset-1  { margin-left: 8.33333%;  }
    .medium-offset-2  { margin-left: 16.66667%; }
    .medium-offset-3  { margin-left: 25%;       }
    .medium-offset-4  { margin-left: 33.33333%; }
    .medium-offset-5  { margin-left: 41.66667%; }
    .medium-offset-6  { margin-left: 50%;       }
    .medium-offset-7  { margin-left: 58.33333%; }
    .medium-offset-8  { margin-left: 66.66667%; }
    .medium-offset-9  { margin-left: 75%;       }
    .medium-offset-10 { margin-left: 83.33333%; }
    .medium-offset-11 { margin-left: 91.66667%; }

.medium-reset-order,
    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }
}

@media only screen and (min-width: 64.063em) {
    .sim-column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

.sim-column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

.sim-column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right;
    }

[class*="large-push-"] { right: auto; }
    [class*="large-pull-"] { left: auto;  }

.large-push-0  { left:  0%;        }
    .large-pull-0  { right: 0%;        }
    .large-push-1  { left:  8.33333%;  }
    .large-pull-1  { right: 8.33333%;  }
    .large-push-2  { left:  16.66667%; }
    .large-pull-2  { right: 16.66667%; }
    .large-push-3  { left:  25%;       }
    .large-pull-3  { right: 25%;       }
    .large-push-4  { left:  33.33333%; }
    .large-pull-4  { right: 33.33333%; }
    .large-push-5  { left:  41.66667%; }
    .large-pull-5  { right: 41.66667%; }
    .large-push-6  { left:  50%;       }
    .large-pull-6  { right: 50%;       }
    .large-push-7  { left:  58.33333%; }
    .large-pull-7  { right: 58.33333%; }
    .large-push-8  { left:  66.66667%; }
    .large-pull-8  { right: 66.66667%; }
    .large-push-9  { left:  75%;       }
    .large-pull-9  { right: 75%;       }
    .large-push-10 { left:  83.33333%; }
    .large-pull-10 { right: 83.33333%; }
    .large-push-11 { left:  91.66667%; }
    .large-pull-11 { right: 91.66667%; }

.large-1  { width: 8.33333%;  }
    .large-2  { width: 16.66667%; }
    .large-3  { width: 25%;       }
    .large-4  { width: 33.33333%; }
    .large-5  { width: 41.66667%; }
    .large-6  { width: 50%;       }
    .large-7  { width: 58.33333%; }
    .large-8  { width: 66.66667%; }
    .large-9  { width: 75%;       }
    .large-10 { width: 83.33333%; }
    .large-11 { width: 91.66667%; }
    .large-12 { width: 100%;      }

.large-offset-0  { margin-left: 0%;        }
    .large-offset-1  { margin-left: 8.33333%;  }
    .large-offset-2  { margin-left: 16.66667%; }
    .large-offset-3  { margin-left: 25%;       }
    .large-offset-4  { margin-left: 33.33333%; }
    .large-offset-5  { margin-left: 41.66667%; }
    .large-offset-6  { margin-left: 50%;       }
    .large-offset-7  { margin-left: 58.33333%; }
    .large-offset-8  { margin-left: 66.66667%; }
    .large-offset-9  { margin-left: 75%;       }
    .large-offset-10 { margin-left: 83.33333%; }
    .large-offset-11 { margin-left: 91.66667%; }

.large-reset-order,
    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }
}

@media only screen and (min-width: 90.063em) {
    .sim-column.xlarge-centered,
    .columns.xlarge-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

.sim-column.xlarge-uncentered,
    .columns.xlarge-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

.sim-column.xlarge-uncentered.opposite,
    .columns.xlarge-uncentered.opposite {
        float: right;
    }

.xlarge-push-0 { left: 0%; right: auto; }
    .xlarge-pull-0 { right: 0%; left: auto; }
    .xlarge-push-1 { left: 8.33333%; right: auto; }
    .xlarge-pull-1 { right: 8.33333%; left: auto; }
    .xlarge-push-2 { left: 16.66667%; right: auto; }
    .xlarge-pull-2 { right: 16.66667%; left: auto; }
    .xlarge-push-3 { left: 25%; right: auto; }
    .xlarge-pull-3 { right: 25%; left: auto; }
    .xlarge-push-4 { left: 33.33333%; right: auto; }
    .xlarge-pull-4 { right: 33.33333%; left: auto; }
    .xlarge-push-5 { left: 41.66667%; right: auto; }
    .xlarge-pull-5 { right: 41.66667%; left: auto; }
    .xlarge-push-6 { left: 50%; right: auto; }
    .xlarge-pull-6 { right: 50%; left: auto; }
    .xlarge-push-7 { left: 58.33333%; right: auto; }
    .xlarge-pull-7 { right: 58.33333%; left: auto; }
    .xlarge-push-8 { left: 66.66667%; right: auto; }
    .xlarge-pull-8 { right: 66.66667%; left: auto; }
    .xlarge-push-9 { left: 75%; right: auto; }
    .xlarge-pull-9 { right: 75%; left: auto; }
    .xlarge-push-10 { left: 83.33333%; right: auto; }
    .xlarge-pull-10 { right: 83.33333%; left: auto; }
    .xlarge-push-11 { left: 91.66667%; right: auto; }
    .xlarge-pull-11 { right: 91.66667%; left: auto; }

.xlarge-1  { width: 8.33333%; }
    .xlarge-2  { width: 16.66667%; }
    .xlarge-3  { width: 25%; }
    .xlarge-4  { width: 33.33333%; }
    .xlarge-5  { width: 41.66667%; }
    .xlarge-6  { width: 50%; }
    .xlarge-7  { width: 58.33333%; }
    .xlarge-8  { width: 66.66667%; }
    .xlarge-9  { width: 75%; }
    .xlarge-10 { width: 83.33333%; }
    .xlarge-11 { width: 91.66667%; }
    .xlarge-12 { width: 100%; }

.xlarge-offset-0  { margin-left: 0%; }
    .xlarge-offset-1  { margin-left: 8.33333%; }
    .xlarge-offset-2  { margin-left: 16.66667%; }
    .xlarge-offset-3  { margin-left: 25%; }
    .xlarge-offset-4  { margin-left: 33.33333%; }
    .xlarge-offset-5  { margin-left: 41.66667%; }
    .xlarge-offset-6  { margin-left: 50%; }
    .xlarge-offset-7  { margin-left: 58.33333%; }
    .xlarge-offset-8  { margin-left: 66.66667%; }
    .xlarge-offset-9  { margin-left: 75%; }
    .xlarge-offset-10 { margin-left: 83.33333%; }
    .xlarge-offset-11 { margin-left: 91.66667%; }

.xlarge-reset-order,
    .xlarge-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }
}

/*-----------------------------------------------------------------------------
    `-- (Foundation) $ Visibility
-----------------------------------------------------------------------------*/

/** SMALL visibility classes **/
@media only screen and (max-width: 20em) {
    .show-for-small,
    .show-for-small-up,
    .show-for-small-only {
        display: none !important;
    }
}

@media only screen and (min-width: 20.063em) {
    .hide-for-small,
    .hide-for-small-up {
        display: none !important;
    }
}

@media only screen and (min-width: 20.063em) and (max-width: 40em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media only screen and (max-width: 40em) {
    .hide-for-small-down,
    .show-for-medium,
    .show-for-medium-up,
    .show-for-medium-only {
        display: none !important;
    }
}

@media only screen and (min-width: 40.063em) {
    .show-for-small-down,
    .show-for-small-only,
    .hide-for-medium,
    .hide-for-medium-up {
        display: none !important;
    }
}

/** MEDIUM visibility classes **/

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .hide-for-medium-only {
        display: none !important;
    }
}

@media only screen and (max-width: 64em) {
    .hide-for-medium-down,
    .show-for-large,
    .show-for-large-up,
    .show-for-large-only {
        display: none !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .show-for-medium-down,
    .show-for-medium-only,
    .hide-for-large,
    .hide-for-large-up {
        display: none !important;
    }
}

/** LARGE visibility classes **/

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .hide-for-large-only {
        display: none !important;
    }
}

@media only screen and (max-width: 90em) {
    .hide-for-large-down,
    .show-for-xlarge,
    .show-for-xlarge-up,
    .show-for-xlarge-only {
        display: none !important;
    }
}

@media only screen and (min-width: 90.063em) {
    .show-for-large-down,
    .show-for-large-only,
    .hide-for-xlarge,
    .hide-for-xlarge-up,
    .hide-for-xlarge-only {
        display: none !important;
    }
}

/** XLARGE visibility classes **/

@media only screen and (max-width: 120em) {
    .hide-for-xlarge-down {
        display: none !important;
    }
}

@media only screen and (min-width: 120.063em) {
    .show-for-xlarge-down,
    .show-for-xlarge-only {
        display: none !important;
    }
}

/* Orientation visibility classes */
@media only screen and (orientation: landscape) {
    .show-for-portrait,
    .hide-for-landscape { display: none !important; }
}
@media only screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait { display: none !important; }
}

/* Touch devices visibility classes */
.no-touch .show-for-touch,
.touch .hide-for-touch { display: none !important; }

/*-----------------------------------------------------------------------------
    `-- (Foundation) $ Extend
/*-----------------------------------------------------------------------------
    Some additional classes in the style of the Foundation framework.
-----------------------------------------------------------------------------*/

@media only screen and (min-width: 20.063em) {
    .small-clear-left,
    .small-up-clear-left { clear: left; }
    .small-clear-right,
    .small-up-clear-right { clear: right; }
    .small-clear-both,
    .small-up-clear-both { clear: both; }
}

@media only screen and (max-width: 40em) {
    .small-only-clear-left { clear: left; }
    .small-only-clear-right { clear: right; }
    .small-only-clear-both { clear: both; }
}

@media only screen and (min-width: 20.063em) and (max-width: 64em) {
    .small-to-medium-clear-left { clear: left; }
    .small-to-medium-clear-right { clear: right; }
    .small-to-medium-clear-both { clear: both; }
}

@media only screen and (min-width: 40.063em) {
    .medium-clear-left,
    .medium-up-clear-left { clear: left; }
    .medium-clear-right,
    .medium-up-clear-right { clear: right; }
    .medium-clear-both,
    .medium-up-clear-both { clear: both; }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .medium-only-clear-left { clear: left; }
    .medium-only-clear-right { clear: right; }
    .medium-only-clear-both { clear: both; }
}

@media only screen and (min-width: 40.063em) and (max-width: 90em) {
    .medium-to-large-clear-left { clear: left; }
    .medium-to-large-clear-right { clear: right; }
    .medium-to-large-clear-both { clear: both; }
}

@media only screen and (min-width: 64.063em) {
    .large-clear-left,
    .large-up-clear-left { clear: left; }
    .large-clear-right,
    .large-up-clear-right { clear: right; }
    .large-clear-both,
    .large-up-clear-both { clear: both; }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .large-only-clear-left { clear: left; }
    .large-only-clear-right { clear: right; }
    .large-only-clear-both { clear: both; }
}

@media only screen and (min-width: 90.063em) {
    .xlarge-clear-left,
    .xlarge-up-clear-left { clear: left; }
    .xlarge-clear-right,
    .xlarge-up-clear-right { clear: right; }
    .xlarge-clear-both,
    .xlarge-up-clear-both { clear: both; }
}

/*-----------------------------------------------------------------------------
	`-- (Assets) $ Buttons
-----------------------------------------------------------------------------*/

#applyFilterOptions {
    padding: 0.6em 0.4em;
    border: 0;
    border-radius: 5px;
    outline: 0;
    display: inline-block;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    background: center center no-repeat #038cd6;
    color: white;
    font-family: 'Roboto Condensed', 'Roboto', 'Helvetica Neue Condensed', 'Helvetica Condensed', 'Helvetica Neue', Helvetica, 'Arial Condensed', Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#applyFilterOptionsCancel {
    padding: 0.6em 0.4em;
    border: 0;
    border-radius: 5px;
    outline: 0;
    display: inline-block;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    background: center center no-repeat #038cd6;
    color: white;
    font-family: 'Roboto Condensed', 'Roboto', 'Helvetica Neue Condensed', 'Helvetica Condensed', 'Helvetica Neue', Helvetica, 'Arial Condensed', Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.align-to-button {
    padding: 0.7em 0;
    line-height: 32px;
    display: inline-block;
}

#applyFilterOptions:hover {
    background-color: #0073b1;
    color: #fff;
}

#applyFilterOptions.flat {
    box-shadow: none;
}

#applyFilterOptions[disabled],
#applyFilterOptions.disabled {
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.1);
    background-color: #ededed;
    color: #ccc;
    cursor: default;
}

#applyFilterOptions.grey {
    background-color: #c6c6c6;
    color: #fff;
}
#applyFilterOptions.grey:hover {
    background-color: #aaa;
}

#applyFilterOptions.light-grey,
#applyFilterOptions.is-loading {
    background-color: #efefef;
    color: #0079CC;
}
#applyFilterOptions.light-grey:hover {
    background-color: #ddd;
}

#applyFilterOptions.is-loading {
    background-image: url(../images/icons/spinner-grey.gif);
    background-size: 35px;
    color: transparent;
    cursor: default;
}

#applyFilterOptions.expand,
button.expand {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#applyFilterOptions.expand,
input#applyFilterOptions.expand {
    width: 100%;
}

#applyFilterOptions.padded {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

#applyFilterOptions.small {
    font-size: 16px;
}
.align-to-button.small {
    line-height: 22px;
}

#applyFilterOptions.xlarge {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 26px;
}