/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
}

.column,.columns {
    width: 100%;
    float: left;
    box-sizing: border-box
}

@media (min-width: 550px) {
    .column,.columns {
        margin-left:4%
    }

    .column:first-child,.columns:first-child {
        margin-left: 0
    }

    .one.column,.one.columns {
        width: 4.66666666667%
    }

    .two.columns {
        width: 13.3333333333%
    }

    .three.columns {
        width: 22%
    }

    .four.columns {
        width: 30.6666666667%
    }

    .five.columns {
        width: 39.3333333333%
    }

    .six.columns {
        width: 48%
    }

    .seven.columns {
        width: 56.6666666667%
    }

    .eight.columns {
        width: 65.3333333333%
    }

    .nine.columns {
        width: 74%
    }

    .ten.columns {
        width: 82.6666666667%
    }

    .eleven.columns {
        width: 91.3333333333%
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0
    }

    .one-third.column {
        width: 30.6666666667%
    }

    .two-thirds.column {
        width: 65.3333333333%
    }

    .one-half.column {
        width: 48%
    }

    .offset-by-one.column,.offset-by-one.columns {
        margin-left: 8.66666666667%
    }

    .offset-by-two.column,.offset-by-two.columns {
        margin-left: 17.3333333333%
    }

    .offset-by-three.column,.offset-by-three.columns {
        margin-left: 26%
    }

    .offset-by-four.column,.offset-by-four.columns {
        margin-left: 34.6666666667%
    }

    .offset-by-five.column,.offset-by-five.columns {
        margin-left: 43.3333333333%
    }

    .offset-by-six.column,.offset-by-six.columns {
        margin-left: 52%
    }

    .offset-by-seven.column,.offset-by-seven.columns {
        margin-left: 60.6666666667%
    }

    .offset-by-eight.column,.offset-by-eight.columns {
        margin-left: 69.3333333333%
    }

    .offset-by-nine.column,.offset-by-nine.columns {
        margin-left: 78%
    }

    .offset-by-ten.column,.offset-by-ten.columns {
        margin-left: 86.6666666667%
    }

    .offset-by-eleven.column,.offset-by-eleven.columns {
        margin-left: 95.3333333333%
    }

    .offset-by-one-third.column,.offset-by-one-third.columns {
        margin-left: 34.6666666667%
    }

    .offset-by-two-thirds.column,.offset-by-two-thirds.columns {
        margin-left: 69.3333333333%
    }

    .offset-by-one-half.column,.offset-by-one-half.columns {
        margin-left: 52%
    }
}

html {
    font-size: 62.5%
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300
}

h1 {
    font-size: 4rem;
    line-height: 1.2;
    letter-spacing: -.1rem
}

h2 {
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: -.1rem
}

h3 {
    font-size: 3rem;
    line-height: 1.3;
    letter-spacing: -.1rem
}

h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.08rem
}

h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem
}

h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0
}

@media (min-width: 550px) {
    h1 {
        font-size:5rem
    }

    h2 {
        font-size: 4.2rem
    }

    h3 {
        font-size: 3.6rem
    }

    h4 {
        font-size: 3rem
    }

    h5 {
        font-size: 2.4rem
    }

    h6 {
        font-size: 1.5rem
    }
}

p {
    margin-top: 0
}

a {
    color: #30A9FF
}

a:hover {
    color: #2198ED
}

a:focus {
    outline: 0;
    color: #333
}

.button,button,input[type=button],input[type=reset],input[type=submit] {
    display: inline-block;
    height: 46px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box
}

.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover {
    color: #333;
    border-color: #888;
    outline: 0
}

.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary {
    color: #FFF;
    background-color: #30A9FF;
    border-color: #30A9FF
}

.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover {
    color: #FFF;
    background-color: #2198ED;
    border-color: #2198ED
}

input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    height: 46px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box
}

input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus {
    border: 1px solid #30A9FF;
    outline: 0
}

label,legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600
}

fieldset {
    padding: 0;
    border-width: 0
}

input[type=checkbox],input[type=radio] {
    display: inline
}

label>.label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: 400
}

ul {
    list-style: circle inside
}

ol {
    list-style: decimal inside
}

ol,ul {
    padding-left: 0;
    margin-top: 0
}

ol ol,ol ul,ul ol,ul ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%
}

li {
    margin-bottom: 1rem
}

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px
}

pre>code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre
}

td,th {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1
}

td:first-child,th:first-child {
    padding-left: 0
}

td:last-child,th:last-child {
    padding-right: 0
}

.button,button {
    margin-bottom: 1rem
}

fieldset,input,select,textarea {
    margin-bottom: 1.5rem
}

blockquote,dl,figure,form,ol,p,pre,table,ul {
    margin-bottom: 0
}

form {
    margin: 0
}

.u-full-width {
    width: 100%;
    box-sizing: border-box
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box
}

.u-pull-right {
    float: right
}

.u-pull-left {
    float: left
}

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1
}

.container:after,.row:after,.u-cf {
    content: "";
    display: table;
    clear: both
}

html {
    height: 100%;
    overflow-x: hidden
}

.curtains {
    width: 100%;
    z-index: 1;
    position: relative
}

.curtains>li {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    background: #fff;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index: 1
}

.curtains>li.hidden {
    display: none
}

.curtains>li:first-child {
    z-index: 2
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgba(11,11,11,.7);
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-a,.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure {
    line-height: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-size: 13px;
    font-family: "Open Sans",Arial,Helvetica,Sans-serif;
    line-height: 1.42857143;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color: #222;
    padding: 0;
    margin: 0
}

.clearfix:after,.search-form:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: .1px;
    font-size: .1em;
    line-height: 0
}

.search-form {
    position: relative
}

.search-form .search-input {
    font-size: 14px;
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
    z-index: 2;
    border-color: #eee
}

.search-form .search-select {
    font-size: 10px;
    height: 34px;
    margin-left: -1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #eee;
    border-bottom-color: #ddd;
    border-left-color: #eee;
    border-right-color: #ddd;
    background: #fff url(../images/select-icon-down.png) no-repeat right 50%;
    z-index: 2;
    position: relative;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    color: #333;
    margin-bottom: 0
}

.search-form .search-input:focus,.search-form .search-select:focus {
    z-index: 3
}

.search-form .button-primary {
    text-indent: -999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px 20px;
    background-image: url(../images/icon-search.png);
    margin-bottom: 0;
    border-radius: 0;
    z-index: 2;
    position: relative;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.burger-menu {
    z-index: 1000;
    text-decoration: none;
    color: #30A9FF;
    display: block;
    text-align: right;
    position: absolute;
    right: 0;
    top: 7px
}

.burger-menu .caption {
    color: rgba(255,255,255,.8);
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    margin-top: 2px;
    text-transform: uppercase;
    font-weight: 400
}

.burger-menu .hamburger {
    border-radius: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right
}

.burger-menu .hamburger hr {
    margin: 3px 0;
    border: none;
    padding: 0;
    height: 3px;
    background: rgba(255,255,255,.8);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    transition: all 150ms ease-out
}

.burger-menu:hover .caption {
    color: #fff
}

.burger-menu.active .hamburger hr,.burger-menu:hover .hamburger hr {
    opacity: 0;
    background: #fff
}

.burger-menu.active .hamburger hr:first-child,.burger-menu:hover .hamburger hr:first-child {
    top: 5px;
    position: relative;
    opacity: 1!important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.burger-menu.active .hamburger hr:last-child,.burger-menu:hover .hamburger hr:last-child {
    top: -7px;
    position: relative;
    opacity: 1!important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu {
    position: relative
}

.menu-list {
    display: none;
    background: #fff;
    text-align: left;
    z-index: 100;
    position: absolute;
    top: 40px;
    right: 0;
    padding: 8px 0;
    min-width: 200px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1)
}

.menu-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu-list ul li {
    margin: 0;
    padding: 0
}

.menu-list ul li.extension a {
    background: #f4f9fb url(../images/icon-browser-logos.png) no-repeat scroll 95% 50% / 64px auto;
    padding-right: 80px
}

.menu-list ul li a {
    display: block;
    text-decoration: none;
    padding: 6px 10px;
    font-size: 11px
}

.menu-list ul li a:hover {
    background-color: #f1f1f1;
    color: #192635
}

.menu2 li a {
    text-indent: 15px
}

.pagination {
    position: relative;
    margin-top: 40px;
    clear: both;
    border-top: 1px solid #eee;
    padding-top: 20px
}

.paginator {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.paginator li {
    padding: 0;
    float: left;
    list-style: outside none none;
    display: inline-block;
    width: auto;
    cursor: pointer;
    font-size: 12px;
    height: 23px;
    line-height: 26px;
    outline: medium none;
    position: relative;
    white-space: nowrap;
    margin: 4px 3px
}

.paginator li a {
    display: block;
    padding: 0 10px;
    text-decoration: none;
    border: 1px solid #eee;
    border-radius: 100px
}

.paginator li a:hover {
    background-color: #eee
}

.paginator .pager-current {
    text-align: center
}

.paginator .pager-current a {
    color: #333;
    font-weight: 700;
    background: #eee
}

.paginator .pager-previous {
    text-align: right
}

.paginator .pager-previous a {
    border-color: #eee
}

.paginator .pager-previous a:before {
    content: "←";
    float: left;
    color: #30A9FF;
    width: 20px
}

.paginator .pager-next a {
    border-color: #eee
}

.paginator .pager-next a:before {
    content: "→";
    float: right;
    width: 20px;
    color: #30A9FF;
    margin-left: 10px
}

.btn-feedback {
    width: 38px;
    height: 141px;
    display: block;
    background: url(../images/btn-feedback.png) no-repeat 0 50%;
    overflow: hidden;
    text-indent: -999999px;
    position: fixed;
    right: -2px;
    top: calc(50vh - 70px);
    z-index: 999
}

.feedback-modal {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 700px;
    margin: 20px auto
}

.feedback-modal p {
    margin-bottom: 15px
}

.mshort-loader {
    pointer-events: none;
    position: relative;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    z-index: 100
}

.mshort-loader span.spinner {
    position: relative;
    display: block;
    top: calc(30vh - 32px);
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: #fff url(../images/mshort-loader.gif) no-repeat 50% 50%;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc,inset 0 0 0 1px #ddd
}

.mshort-loader span.spinner .text {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    color: #999;
    font-weight: 700;
    display: none
}

.mshort-ac {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 3px 5px rgba(180,180,180,.3);
    position: relative;
    top: -1px;
    width: calc(100% - 33px);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 999
}

.mshort-ac .inner {
    position: relative;
    padding: 0;
    font-size: 14px
}

.mshort-ac .inner ul {
    list-style: none;
    margin: 0;
    padding: 5px 0
}

.mshort-ac .inner ul li {
    position: relative;
    padding: 0;
    margin: 1px 0
}

.mshort-ac .inner ul li a {
    display: block;
    padding: 4px 10px;
    text-decoration: none;
    color: #192635
}

.mshort-ac .inner ul li a span {
    font-weight: 700
}

.mshort-ac .inner ul li a:hover,.mshort-ac .inner ul li.active a {
    background: #F1F9FF
}

.section.header .mshort-ac {
    position: absolute;
    box-shadow: 0 3px 5px rgba(180,180,180,.6);
    border: none;
    top: 34px;
    left: 1px;
    right: 0;
    width: calc(100% - 44px)
}

.pg-index {
    background: #F8F8F8
}

.pg-index .btn-feedback {
    display: none
}

.pg-index .section.hero .container {
    max-width: 780px
}

.pg-index .search-form .search-select {
    height: 46px;
    margin-right: 0;
    margin-left: -1px
}

.pg-index .search-form .search-input {
    border-bottom-color: #EAEAEA;
    border-right-color: #EAEAEA
}

.pg-index .search-form .search-input:focus,.pg-index .search-form .search-select:focus {
    border-color: #30A9FF;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.pg-index .search-form .button-primary {
    margin-left: -1px;
    z-index: 3;
    float: none
}

.pg-index .search-form .nav-settings {
    font-size: 10px;
    padding: 3px 0;
    margin-top: 7px;
    display: block;
    text-decoration: none;
    color: #999;
    position: absolute;
    right: 40px
}

.pg-index .search-form .nav-settings:hover {
    color: #333
}

.pg-index .search-form .nav-settings i {
    background: url(../images/icon-setting.png) no-repeat 0 50%;
    background-size: 10px;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 3px 5px 0 0;
    float: left
}

.pg-index .hero {
    position: relative;
    margin-top: 15vh;
    min-height: calc(85vh - 223px)
}

.pg-index .hero h1 {
    background: url(../images/logo-small.png) no-repeat 50% 0;
    text-indent: -99999px;
    overflow: hidden
}

.pg-index .hero h2 {
    font-size: 18px;
    color: #666;
    font-weight: 300;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pg-index .hero .logo {
    text-align: center;
    height: 60px;
    margin-bottom: 20px
}

.pg-index .hero .madeincanada {
    clear: both;
    width: 100%;
    margin-top: 20%;
    text-align: center;
    position: relative;
    color: #999
}

.pg-index .hero .madeincanada i {
    width: 14px;
    height: 16px;
    display: inline-block;
    background: url(../images/maple-leaf-red.png) no-repeat 0 0;
    margin-right: 5px;
    position: relative;
    top: 3px
}

.tmpl-a .burger-menu .hamburger hr {
    background: #0095fe
}

.tmpl-a .burger-menu .caption {
    color: #0095fe
}

.tmpl-a.menu-active .burger-menu .caption {
    color: #999
}

.tmpl-a.menu-active .burger-menu .hamburger hr {
    background: #999
}

.tmpl-a .section.header .container {
    padding: 15px 20px
}

.tmpl-a .section.header .logo {
    height: 30px
}

.tmpl-a .section.header .logo a {
    display: none;
    height: 30px;
    text-indent: -999px;
    overflow: hidden
}

.tmpl-b .section.header .logo {
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo-small.png) no-repeat 0 50%;
    height: 30px;
    background-size: auto 30px
}

.tmpl-b .section.header .logo a {
    display: block;
    height: 30px
}

.tmpl-b .section.header {
    border-bottom: 1px solid #F1F2F3
}

.tmpl-b .section.header .container {
    padding: 15px 20px
}

.tmpl-b .section.header .search-form {
    border-color: #30A9FF
}

.tmpl-b .section.header .search-form .search-input {
    height: 34px;
    line-height: 34px;
    border-radius: 0;
    font-size: 12px
}

.tmpl-b .section.header .search-form .button-primary {
    height: 34px;
    line-height: 34px;
    background-size: 13px;
    border-radius: 0
}

.tmpl-b .section.header .search-form .search-input,.tmpl-b .section.header .search-form .search-select {
    border-color: transparent
}

.tmpl-b .section.header .search-form .button-primary {
    border-color: transparent;
    background-image: url(../images/icon-search-blue.png);
    background-color: #192635;
    margin-left: 0
}

.tmpl-b .section.header .search-form .button-primary:hover {
    background-color: #eee
}

.tmpl-b .section.header .menu {
    text-align: right
}

.tmpl-b .section.content {
    min-height: 35vh
}

.tmpl-b .section.content .container {
    padding: 20px
}

.tmpl-b .section.breadcrumb {
    background: #f1f1f1
}

.tmpl-b .section.breadcrumb .container {
    padding: 20px
}

.tmpl-b .section.breadcrumb .page-crumb {
    list-style: none;
    margin: 0;
    padding: 0
}

.tmpl-b .section.breadcrumb .page-crumb li {
    float: left;
    padding: 0;
    margin: 0 40px 0 0
}

.tmpl-b .section.breadcrumb .page-crumb li a {
    color: #666;
    font-size: 14px;
    text-decoration: none
}

.tmpl-c {
    background:
}

.tmpl-c .section.header {
    border-bottom: 1px solid #F1F2F3;
    background: #F8F8F8
}

.tmpl-c .section.header .container {
    padding: 15px 20px
}

.tmpl-c .section.header .logo {
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo-small.png) no-repeat 0 50%;
    height: 30px;
    background-size: auto 30px
}

.tmpl-c .section.header .logo a {
    display: block;
    height: 30px
}

.tmpl-c .section.header .search-form .search-input {
    height: 34px;
    border-radius: 0;
    font-size: 12px;
    border-bottom-color: #eaeaea;
    border-right-color: #eaeaea;
    margin-left: 0
}

.tmpl-c .section.header .search-form .search-input:focus,.tmpl-c .section.header .search-form .search-select:focus {
    border-color: #30A9FF;
    transition: border .2s ease-in-out
}

.tmpl-c .section.header .search-form .button-primary {
    height: 34px;
    line-height: 34px;
    background-size: 13px;
    border-radius: 0;
    margin-left: -1px
}

.tmpl-c .section.content {
    padding: 0;
    min-height: calc(75vh - 65.2px)
}

.tmpl-c .burger-menu .hamburger hr {
    background: #30A9FF
}

.tmpl-c .burger-menu .caption {
    color: #30A9FF
}

.tmpl-c.menu-active .burger-menu .caption {
    color: #999
}

.tmpl-c.menu-active .burger-menu .hamburger hr {
    background: #999
}

.pg-resources .section.header {
    border-color: rgba(0,0,0,.1);
    background: #30A9FF
}

.pg-resources .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-resources .section.header .search-form .search-input {
    border-color: transparent
}

.pg-resources .section.header .search-form .button-primary {
    border-color: transparent;
    background-image: url(../images/icon-search-blue.png)
}

.pg-resources .section.header .search-form .button-primary:hover {
    background-color: #eee
}

.pg-resources .section.hero {
    background: #FFF url(../images/icon-globe-large.png) no-repeat center 140px;
    padding: 0;
    border-bottom: 1px solid #ddd
}

.pg-resources .section.hero .container .row {
    min-height: 10vh;
    padding-top: 100px;
    padding-bottom: 60px
}

.pg-resources .section.hero .container .row h1.headliner {
    color: #666;
    font-weight: 300;
    text-align: center
}

.pg-resources .section.hero .container .row h2.subheading {
    font-size: 20px;
    text-align: center;
    color: rgba(0,0,0,.7);
    letter-spacing: 0
}

.pg-resources .section.hero .container .row h3 {
    font-size: 18px
}

.pg-resources .section.content {
    padding-top: 30px;
    padding-bottom: 30px
}

.pg-resources .section.content h5 {
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.pg-resources .section.content .videos .four.columns {
    text-align: center
}

.pg-resources .section.content .videos .four.columns .popup-youtube {
    text-decoration: none
}

.pg-resources .section.content .videos .four.columns .popup-youtube:hover {
    text-decoration: underline
}

.pg-resources .section.content .videos .four.columns .popup-youtube img {
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 3px;
    overflow: hidden;
    background: #fff
}

.pg-about .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-about .section.header .search-form .search-input {
    border-color: transparent
}

.pg-about .section.header .search-form .button-primary {
    border-color: transparent;
    background-image: url(../images/icon-search-blue.png)
}

.pg-about .section.header .search-form .button-primary:hover {
    background-color: #eee
}

.pg-about .section.header {
    border-color: rgba(0,0,0,.1);
    background: #498EE0 url(../images/about-team-1920x1080.jpg) no-repeat 50% 0;
    background-attachment: fixed;
    background-size: cover
}

.pg-about .section.hero {
    background: #498EE0 url(../images/about-team-1920x1080.jpg) no-repeat 50% 0;
    background-attachment: fixed;
    background-size: cover;
    text-align: left;
    position: relative
}

.pg-about .section.hero .row {
    min-height: calc(100vh - 162.5px);
    position: relative
}

.pg-about .section.hero .headliner {
    padding: 0;
    margin: 0;
    font-size: 62px;
    line-height: 54px;
    letter-spacing: -1px;
    font-weight: 300;
    color: rgba(255,255,255,1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    text-align: center
}

.pg-about .section.content {
    padding: 20px 0
}

.pg-about .section.content p {
    margin-bottom: 2rem;
    line-height: 26px;
    font-size: 14px;
    color: #666
}

.pg-about .section.content h1.heading {
    margin: 0;
    padding: 0;
    color: #999;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pg-about .section.content .row .subheading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300;
    text-transform: uppercase
}

.pg-about .section.content .row.about .box {
    background: #eee;
    min-height: 272.5px;
    padding: 40px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative
}

.pg-about .section.content .row.about .box .head {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 10px;
    color: rgba(0,0,0,.6)
}

.pg-about .section.content .row.about .box .content {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    min-height: 100px
}

.pg-about .section.content .row.about .box .link {
    font-weight: 500;
    font-size: 16px;
    position: absolute;
    bottom: 40px
}

.pg-about .section.content .row.about .box .link a {
    text-decoration: none;
    color: rgba(0,0,0,.6);
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.pg-about .section.content .row.about .box .link a:hover {
    color: #000;
    border-color: #000
}

.pg-about .section.content .row.about .box1 {
    background: #FFBFC2 url(../images/about-manifesto-hero3.png) no-repeat 120% 260%;
    background-size: 250px
}

.pg-about .section.content .row.about .box2 {
    background: #FEE17A url(../images/icon-rocket.png) no-repeat -40px 100px;
    background-size: 200px
}

.pg-about .section.content .row.about .box3 {
    background: #A1E6FF url(../images/icon-case-large.png) no-repeat 140% 200%
}

.pg-about .section.content .row.about .box4 {
    background: #84ED7E url(../images/icon-events-bg.png) no-repeat 130% 370%;
    background-size: 250px
}

.pg-about .section.content .row.about .box5 {
    background: #B5BAC0 url(../images/icon-globe-large.png) no-repeat 140% 250%
}

.pg-about .section.content.mission {
    border-top: 1px solid transparent;
    padding: 15vh 0 10vh;
    background: #FEE17A url(../images/icon-rocket.png) no-repeat 10% 110%;
    min-height: 80vh
}

.pg-about .section.content.mission .eight p {
    font-size: 36px;
    line-height: 66px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    padding: 0 5px;
    display: inline
}

.pg-about .about-manifesto .manifesto-list {
    font-family: "open sans",Sans-serif,Arial;
    list-style: none
}

.pg-about .manifesto-line {
    position: relative
}

.pg-about .section.content.slogan {
    padding: 15vh 0
}

.pg-about .section.content.slogan .twelve p {
    position: relative;
    text-align: center;
    font-size: 44px;
    line-height: 64px;
    color: #498EE0
}

.pg-about .section.content.manifesto {
    border-bottom: 1px solid #eee;
    padding: 15vh 0
}

.pg-about .section.content.manifesto ul {
    list-style: none;
    margin-bottom: 20px;
    clear: both
}

.pg-about .section.content.manifesto ul li {
    font-size: 20px;
    font-weight: 400;
    color: #666;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pg-about .section.content.manifesto .button-primary {
    margin-top: 40px;
    padding: 10px 20px;
    border: 1px solid #30A9FF;
    border-radius: 3px;
    text-decoration: none;
    float: left
}

.pg-manifesto {
    padding-top: 0!important
}

.pg-manifesto .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-manifesto .section.header .search-form .search-input {
    border-color: transparent
}

.pg-manifesto .section.header .search-form .button-primary {
    background-image: url(../images/icon-search-blue.png);
    background-color: #eee
}

.pg-manifesto .section.header .search-form .button-primary:hover {
    background-color: #eee
}

.pg-manifesto .section.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
    border-color: rgba(255,255,255,.1)
}

.pg-manifesto .section.hero {
    z-index: 1000;
    background: #263647 url(../images/bg-manifesto-title.png) repeat 0 0 fixed!important
}

.pg-manifesto .section.hero .container .row {
    min-height: calc(100vh - 62px);
    background: url(../images/about-manifesto-hero2.png) no-repeat right 30vh;
    padding-top: 30vh
}

.pg-manifesto .section.manifesto .container {
    max-width: 60vw
}

.pg-manifesto .section.manifesto .arrow-down {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
    animation-name: bounce;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    background: url(../images/hero-more-arrow.png) no-repeat scroll 50% center / 12px auto;
    clear: none;
    opacity: .4;
    margin: 0 auto;
    position: absolute;
    bottom: 20vh;
    left: 0;
    right: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-bottom: 50px
}

.pg-manifesto .section.manifesto {
    list-style: none;
    padding: 0;
    margin: 0
}

.pg-manifesto .section.manifesto li {
    margin: 0;
    padding: 0
}

.pg-manifesto .section.manifesto .row {
    font-size: 42px;
    font-weight: 300;
    position: relative;
    padding-top: 30vh
}

.pg-manifesto .section.manifesto.line1 {
    background: #4B5EB2 url(../images/bg-manifesto-title1.png) repeat 0 0 fixed;
    color: #fff
}

.pg-manifesto .section.manifesto.line1 .connector {
    position: absolute;
    right: 25%;
    bottom: -70px;
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
}

.pg-manifesto .section.manifesto.line2 {
    background: #4BB263 url(../images/bg-manifesto-title6.png) repeat 0 0 fixed;
    color: #fff
}

.pg-manifesto .section.manifesto.line2 .connector {
    position: absolute;
    left: 10%;
    bottom: -70px;
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.pg-manifesto .section.manifesto.line3 {
    background: #2F8CCC url(../images/bg-manifesto-title1.png) repeat 0 0 fixed;
    color: #fff
}

.pg-manifesto .section.manifesto.line3 .connector {
    position: absolute;
    right: 20%;
    bottom: -60px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.pg-manifesto .section.manifesto.line4 {
    background: #E37225 url(../images/bg-manifesto-title1.png) repeat 0 0 fixed;
    color: #fff
}

.pg-manifesto .section.manifesto.line4 .connector {
    position: absolute;
    left: 20%;
    bottom: 0;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.pg-manifesto .section.manifesto.line5 {
    background: #B5BAC0 url(../images/bg-manifesto-title1.png) repeat 0 0 fixed;
    color: rgba(0,0,0,.7)
}

.pg-manifesto .section.manifesto.line5 .connector {
    position: absolute;
    right: 30%;
    bottom: -160px;
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.pg-manifesto .section.manifesto.line6 {
    background: #1ABC9C url(../images/bg-manifesto-title6.png) repeat 0 0 fixed;
    color: #fff
}

.pg-manifesto .section.manifesto.line6 .connector {
    position: absolute;
    left: 22%;
    bottom: -170px;
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.pg-manifesto .section.manifesto.line7 {
    background: #EDBD1D url(../images/bg-manifesto-title1.png) repeat 0 0 fixed;
    color: rgba(0,0,0,.7)
}

.pg-manifesto .section.manifesto.line7 .connector {
    position: absolute;
    right: 25%;
    bottom: -160px;
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.pg-manifesto .section.manifesto.line8 {
    background: #263647 url(../images/bg-manifesto-title3.png) repeat 0 0 fixed;
    color: #fff
}

.pg-manifesto .section.manifesto.line9 {
    background: #222 url(../images/bg-manifesto-title9.png) repeat 0 0 fixed;
    color: rgba(227,209,136,.8)
}

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(16px)
    }

    60% {
        -webkit-transform: translateY(8px)
    }
}

@-ms-keyframes bounce {
    0%,100%,20%,50%,80% {
        -ms-transform: translateY(0)
    }

    40% {
        -ms-transform: translateY(16px)
    }

    60% {
        -ms-transform: translateY(8px)
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(16px)
    }

    60% {
        transform: translateY(8px)
    }
}

.pg-careers .button-back {
    float: right
}

.pg-careers .section.header {
    background: #498EE0;
    border-color: rgba(255,255,255,.1)
}

.pg-careers .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-careers .section.hero {
    background: #498EE0 url(../images/hero-connected-web.png) no-repeat 50% 0
}

.pg-careers .section.hero .container .row {
    min-height: 30vh;
    padding-top: 6vh
}

.pg-careers .section.hero .container .row h1.headliner {
    color: #fff;
    font-weight: 300;
    text-align: center
}

.pg-careers .section.hero .container .row h2.subheading {
    font-size: 20px;
    text-align: center;
    color: rgba(255,255,255,.7);
    letter-spacing: 0
}

.pg-careers .section.hero .container .row h3 {
    font-size: 18px
}

.pg-careers .section.content {
    padding-top: 30px;
    padding-bottom: 30px
}

.pg-careers .perks ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

.pg-careers .perks ul li {
    position: relative;
    padding-left: 80px;
    min-height: 60px;
    padding-right: 120px;
    font-size: 14px
}

.pg-careers .perks .icon {
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: -10px;
    width: 60px;
    height: 60px;
    background: url(../images/careers-icon.png) no-repeat 0 0
}

.pg-careers .perks .icon-wage {
    background-position: 0 -10px
}

.pg-careers .perks .icon-dresscode {
    background-position: 0 -70px
}

.pg-careers .perks .icon-gear {
    background-position: 0 -120px;
:top}

.pg-careers .perks .icon-creative {
    background-position: -60px -60px
}

.pg-careers .perks .icon-toronto {
    background-position: -60px -5px
}

.pg-careers .perks .icon-vacation {
    background-position: -60px -130px
}

.pg-careers .openings .row1 {
    border-top: 1px solid #eee
}

.pg-careers .openings .row {
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

.pg-careers .openings .row p {
    line-height: 22px
}

.pg-careers .openings .row h5 {
    font-weight: 600;
    font-size: 14px
}

.pg-careers .openings .row ul {
    margin-left: 30px
}

.pg-tour .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-tour .section.header {
    background: #498EE0;
    border-color: rgba(255,255,255,.1)!important
}

.pg-tour .section.hero {
    background: #498EE0;
    text-align: left;
    position: relative;
    padding: 5% 0 0;
    border-bottom: 1px solid #eee
}

.pg-tour .section.hero .row {
    min-height: inherit;
    position: relative
}

.pg-tour .section.hero h1.headliner {
    padding: 0;
    margin: 0;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -1px;
    font-weight: 300;
    color: #ACF9FF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center
}

.pg-tour .section.hero h2.subheading {
    padding: 0;
    margin: 0;
    font-size: 22px;
    line-height: 44px;
    font-weight: 400;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center
}

.pg-tour .section.hero .hero-img {
    text-align: center;
    position: relative;
    height: 45vh;
    overflow: hidden;
    margin-top: 2vh;
    padding-top: 4px
}

.pg-tour .section.hero .hero-img img {
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 0 0 2px rgba(0,0,0,.2)
}

.pg-tour .section.content {
    padding: 60px 0;
    border-bottom: 1px solid #eee
}

.pg-tour .section.content p {
    font-size: 16px;
    line-height: 26px;
    color: #444
}

.pg-tour .section.content .subheading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.pg-tour .section.content .screenshot {
    max-height: 700px;
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden
}

.pg-tour .section.content .more-scroll-btn {
    text-decoration: none;
    font-size: 16px;
    width: 140px;
    color: #666;
    margin-top: 50px;
    text-align: left;
    padding: 0 40px 0 0;
    display: inline-block;
    position: relative
}

.pg-tour .section.content .more-scroll-btn .icon {
    background: #ccc url(../images/hero-more-arrow.png) no-repeat scroll 50% center / 12px auto;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    background-position: 50% center;
    clear: none;
    position: absolute;
    top: -3px;
    right: 0
}

.pg-tour .section.content .more-scroll-btn.backtotop .icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pg-tour .section.discover .row .screenshot {
    margin-bottom: -50px
}

.pg-tour .section.discover .row .screenshot img {
    max-width: 850px
}

.pg-tour .section.discover {
    padding-bottom: 0;
    overflow: hidden
}

.pg-tour .section.discover .container {
    padding: 0 0 0 20px
}

.pg-tour .section.discover .more-scroll-btn {
    margin-bottom: 30px
}

.pg-tour .section.customization {
    z-index: 2;
    min-height: 70vh
}

.pg-tour .section.customization .row {
    padding-bottom: 60px
}

.pg-tour .section.customization .row h4 {
    color: #5564BA;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px
}

.pg-tour .section.customization .row .column p {
    color: #777
}

.pg-tour .section.customization .row .columns {
    margin-bottom: 20px
}

.pg-tour .section.customization .row .one-third.column {
    min-height: 200px
}

.pg-tour .section.customization .more-scroll-btn {
    margin: 0;
    text-align: center;
    width: 130px;
    display: block
}

.pg-tour .section.customization .column span.icon {
    background: #fff url(../images/icon-searchfilters-sprite.png) no-repeat 50% 50%;
    padding: 0;
    border-radius: 200%;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    box-shadow: inset 0 0 10px 1px #fafafa;
    border: 1px solid transparent
}

.pg-tour .section.customization .column.popularity span.icon {
    background-position: -1px -1px;
    border-color: #ff785d
}

.pg-tour .section.customization .column.popularity h4 {
    color: #ff785d
}

.pg-tour .section.customization .column.shopping span.icon {
    background-position: -1px -85px;
    border-color: #3ad377
}

.pg-tour .section.customization .column.shopping h4 {
    color: #3ad377
}

.pg-tour .section.customization .column.social span.icon {
    background-position: -1px -170px;
    border-color: #65c3ff
}

.pg-tour .section.customization .column.social h4 {
    color: #65c3ff
}

.pg-tour .section.customization .column.privacy span.icon {
    background-position: -1px -255px;
    border-color: #f12929
}

.pg-tour .section.customization .column.privacy h4 {
    color: #f12929
}

.pg-tour .section.customization .column.geo span.icon {
    background-position: -1px -337px;
    border-color: #fbcd17
}

.pg-tour .section.customization .column.geo h4 {
    color: #fbcd17
}

.pg-tour .section.customization .column.advertising span.icon {
    background-position: -1px -425px;
    border-color: #8d39d3
}

.pg-tour .section.customization .column.advertising h4 {
    color: #8d39d3
}

.pg-tour .section.mobile {
    padding-bottom: 0;
    background: #498EE0;
    min-height: 60vh;
    overflow: visible
}

.pg-tour .section.mobile .subheading,.pg-tour .section.mobile h3.heading {
    color: #fff
}

.pg-tour .section.mobile .row .column p {
    color: #eee
}

.pg-tour .section.mobile .screenshot {
    pointer-events: none;
    background: url(../images/tour-section-mobile.png) no-repeat right bottom;
    background-size: auto 100%;
    min-height: 700px;
    border-radius: 0;
    border: none;
    margin-top: -170px;
    overflow: visible
}

.pg-tour .section.mobile .screenshot img {
    height: 100%;
    width: auto
}

.pg-tour .section.mobile .more-scroll-btn {
    color: rgba(0,0,0,.6)
}

.pg-tour .section.mobile .more-scroll-btn .icon {
    background-color: rgba(0,0,0,.3)
}

.pg-tour .section.extensions {
    min-height: 60vh
}

.pg-tour .section.extensions .screenshot {
    background: url(../images/tour-section-extension.png) no-repeat right -2px;
    overflow: hidden;
    min-height: 35vh
}

.pg-tour .section.customization .subheading,.pg-tour .section.customization .twelve.columns p,.pg-tour .section.customization h3.heading {
    text-align: center
}

.pg-tour .section.extensions .button-primary {
    margin-top: 20px;
    padding: 15px;
    background: #45D565 url(../images/icon-browser-logos.png) no-repeat scroll 95% 50% / 64px auto;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #19B13B;
    padding-right: 100px;
    color: #fff!important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none
}

.pg-contact .btn-feedback {
    display: none
}

.pg-contact .section.header {
    background: #498EE0;
    border-color: rgba(255,255,255,.1)
}

.pg-contact .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-contact .section.hero {
    min-height: 30vh;
    z-index: 1000;
    background: #fafafa url(../images/bg-atlas.png) no-repeat 50% -18px;
    border-bottom: 1px solid #eee
}

.pg-contact .section.hero .container .row {
    padding-top: 10vh
}

.pg-contact .section.hero .container .row h1.headliner {
    text-align: center
}

.pg-contact .section.hero .container .row h2.subheading {
    text-align: center;
    font-size: 22px
}

.pg-contact .section.content {
    min-height: 50vh
}

.pg-contact .section.content .contact {
    padding-top: 20px
}

.pg-contact .section.content .contact .col1 h3.head {
    font-size: 16px;
    font-weight: 600
}

.pg-contact .section.content .contact .col2 .container {
    margin-bottom: 20px;
    background: #f1f1f1
}

.pg-contact .section.content .contact .contact-list {
    list-style-position: outside;
    margin-left: 20px
}

.pg-contact .section.content .contact .contact-list li {
    margin-top: 20px
}

.pg-contact .section.content .contact .contact-list li span {
    display: block;
    font-weight: 600
}

.pg-contact .section.content .contact .col3 .map .head {
    font-weight: 600;
    margin-bottom: 10px
}

.pg-contact .section.content .contact .col3 .elsewhere {
    margin-top: 10px
}

.pg-contact .section.content .contact .col3 .elsewhere .head {
    font-weight: 600;
    margin-bottom: 10px
}

.pg-contact .section.content .contact .col3 .elsewhere .follow .social.linkedin {
    background-position: 0 0
}

.pg-contact .section.content .contact .col3 .elsewhere .follow .social.facebook {
    background-position: -24px 0
}

.pg-contact .section.content .contact .col3 .elsewhere .follow .social.twitter {
    background-position: -48px 0
}

.pg-contact .section.content .contact .col3 .elsewhere .follow .social.instagram {
    background-position: -96px 0
}

.pg-contact .section.content .contact .col3 .elsewhere .follow .social.youtube {
    background-position: -72px 0
}

textarea.contact-mesg, textarea.business-mesg {
    min-height: 120px
}

.confirm {
    position: absolute;
    right: -50000px
}

.pg-press .section.hero {
    border-bottom: 1px solid #eee;
    background: #fafafa url(../images/bg-atlas.png) no-repeat 50% -18px
}

.pg-press .section.hero .container .row {
    padding-top: 14vh;
    background: transparent url(../images/icon-press.png) no-repeat right 55px;
    min-height: 30vh;
    position: relative
}

.pg-press .section.hero .container .row h1.headliner {
    text-align: left
}

.pg-press .section.content h2.subheading {
    font-size: 24px;
    font-weight: 400;
    color: #999
}

.pg-press .section.content .row.news {
    padding-top: 40px
}

.pg-press .section.content .news .articles .row {
    margin-bottom: 20px
}

.pg-press .section.content .news .articles .three.columns {
    text-align: center;
    border: 1px solid #ddd;
    padding: 35px 20px 30px;
    border-radius: 3px;
    margin-bottom: 10px
}

.pg-press .section.content .news .articles .nine.columns p {
    color: #666;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400
}

.pg-press .section.content .news .articles .article-logo {
    max-width: 140px
}

.pg-press .section.content .news .articles .article-title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 10px
}

.pg-press .section.content .news .articles .article-title a {
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #999
}

.pg-press .section.content .news .articles .article-title a:hover {
    text-decoration: none;
    border-bottom-color: #498EE0;
    color: #498EE0
}

.pg-press #slides {
    margin: 0 auto;
    display: none;
    overflow: hidden;
    width: 310px;
    position: absolute;
    right: 80px;
    top: 120px;
    text-align: center;
    z-index: 3
}

.pg-press #slides .slidesjs-container {
    height: 60px!important
}

.pg-press #slides .press-logo {
    margin-top: 10px
}

.pg-press #slides .slidesjs-navigation,.pg-press #slides .slidesjs-pagination {
    display: none!important
}

.pg-spread {
    padding-top: 0!important
}

.pg-spread .section.header {
    background: 0 0;
    border-color: rgba(255,255,255,.1);
    top: 0!important;
    position: relative!important
}

.pg-spread .section.hero {
    border-bottom: none;
    background: 0 0
}

.pg-spread .section.hero .container .row {
    padding-top: 80px;
    padding-bottom: 110px;
    position: relative
}

.pg-spread .section.hero .container .row h1.headliner {
    text-align: center;
    z-index: 2;
    color: #fff
}

.pg-spread .section.hero .container .row h2.subheading {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255,255,255,.5);
    text-align: center;
    z-index: 2
}

.pg-spread .section.hero .colors {
    position: absolute;
    top: 0;
    left: 0 right:0;
:bottom;:0;width: 100%;
    height: 430px;
    z-index: -1;
    background: #1e8ecf;
    background-image: -webkit--webkit-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-webkit--webkit-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -webkit--moz-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-webkit--moz-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -webkit--o-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-webkit--o-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -webkit--ms-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-webkit--ms-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -webkit-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-webkit-linear-gradient(108deg,#26d0ce,#1a2980 90%);
    background-image: -moz--webkit-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-moz--webkit-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -moz--moz-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-moz--moz-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -moz--o-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-moz--o-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -moz--ms-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-moz--ms-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -moz-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-moz-linear-gradient(108deg,#26d0ce,#1a2980 90%);
    background-image: -ms--webkit-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-ms--webkit-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms--moz-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-ms--moz-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms--o-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-ms--o-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms--ms-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-ms--ms-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms-radial-gradient(closest-corner,rgba(16,47,70,0)60%,rgba(16,47,70,.26)),-ms-linear-gradient(108deg,#26d0ce,#1a2980 90%)
}

.pg-spread .section.hero .colors .color1,.pg-spread .section.hero .colors .color2,.pg-spread .section.hero .colors .color3,.pg-spread .section.hero .colors .color4,.pg-spread .section.hero .colors .color5 {
    width: 20%;
    height: 100%;
    float: left;
    position: relative;
    margin: 0
}

.pg-spread .section.content h3.subheading {
    font-size: 24px;
    font-weight: 400;
    color: #999
}

.pg-spread .section.content .row {
    margin-top: -60px;
    padding: 0 8vw
}

.pg-spread .section.content .container {
    min-height: 45vh
}

.pg-spread .spread-col {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 0 0 4px rgba(188,188,188,.4)
}

.pg-spread .spread-col .icon {
    width: 120px;
    height: 120px;
    margin: 40px auto;
    border-radius: 30px
}

.pg-spread .spread-col h3 {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 5px
}

.pg-spread .spread-col h4 {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin: 0;
    padding: 0;
    letter-spacing: 0
}

.pg-spread .spread-col p {
    padding: 10px;
    text-align: center
}

.pg-spread .spread-col .button-primary {
    display: block;
    margin: 20px auto;
    height: 40px;
    width: 50%;
    min-width: 100px;
    padding: 0 20px;
    color: #555;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 2px solid #bbb;
    cursor: pointer;
    border-radius: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .1s ease-in-out
}

.pg-spread .spread-col .button-primary:hover {
    transition: all .1s ease-in-out
}

.pg-spread .spread-col textarea.text {
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    margin-top: 10px;
    box-shadow: inset 1px 1px 3px #eee
}

.pg-spread .spread-col.fb .icon {
    background: #3a5897 url(../images/icon-spread-fb.png) no-repeat 50% 50%;
    background-size: 101%
}

.pg-spread .spread-col.fb .button-primary {
    border-color: #3a5897;
    color: #3a5897
}

.pg-spread .spread-col.fb .button-primary:hover {
    background: #3a5897;
    color: #fff
}

.pg-spread .spread-col.tw .icon {
    background: #5da8dc url(../images/icon-spread-tw.png) no-repeat 50% 50%;
    background-size: 90%
}

.pg-spread .spread-col.tw .button-primary {
    border-color: #5da8dc;
    color: #5da8dc
}

.pg-spread .spread-col.tw .button-primary:hover {
    background: #5da8dc;
    color: #fff
}

.pg-spread .spread-col.li .icon {
    background: #007bb6 url(../images/icon-spread-li.png) no-repeat 50% 50%;
    background-size: 90%
}

.pg-spread .spread-col.li .button-primary {
    border-color: #007bb6;
    color: #007bb6
}

.pg-spread .spread-col.li .button-primary:hover {
    background: #007bb6;
    color: #fff
}

.feedback-modal.fb,.feedback-modal.li,.feedback-modal.tw {
    width: 90%;
    max-width: 800px;
    min-height: 500px!important
}

.feedback-modal.fb .one-half.column,.feedback-modal.li .one-half.column,.feedback-modal.tw .one-half.column {
    margin-left: 0
}

.feedback-modal.fb h5,.feedback-modal.li h5,.feedback-modal.tw h5 {
    font-size: 16px;
    font-weight: 400;
    color: #999
}

.feedback-modal.fb {
    background: #fff url(../images/icon-spread-fb.png) no-repeat 30px top;
    background-size: 60px;
    padding-top: 80px;
    border-radius: 4px
}

.feedback-modal.fb .row {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px
}

.feedback-modal.fb h4 {
    margin-bottom: 5px
}

.feedback-modal.tw {
    background: #fff url(../images/icon-spread-tw.png) no-repeat 30px top;
    background-size: 60px;
    padding-top: 80px;
    border-radius: 4px
}

.feedback-modal.tw h4 {
    margin-bottom: 5px
}

.feedback-modal.tw .row {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px
}

.feedback-modal.tw textarea.text {
    width: 90%;
    clear: both;
    margin-bottom: 10px;
    min-height: 100px;
    background: #eee
}

.feedback-modal.li {
    background: #fff url(../images/icon-spread-li.png) no-repeat 30px top;
    background-size: 60px;
    padding-top: 80px;
    border-radius: 4px
}

.feedback-modal.li .row {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px
}

.feedback-modal.li h4 {
    margin-bottom: 5px
}

.pg-events .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-events .section.header {
    background: #00CB43;
    border-bottom-color: rgba(255,255,255,.1)
}

.pg-events .section.hero {
    border-bottom: 1px solid transparent;
    background: #00CB43
}

.pg-events .section.hero .container .row {
    padding-top: 14vh;
    min-height: 30vh;
    position: relative;
    background: transparent url(../images/icon-events-bg.png) no-repeat right 55px
}

.pg-events .section.hero .container .row h1.headliner {
    text-align: left;
    color: #fff
}

.pg-events .section.content h2.subheading {
    font-size: 24px;
    font-weight: 400;
    color: #999
}

.pg-events .section.content .row.current-events {
    padding-bottom: 30px
}

.pg-events .section.content .row.current-events,.pg-events .section.content .row.past-events {
    padding-top: 40px
}

.pg-events .section.content .row.past-events {
    border-top: 1px solid #eee
}

.pg-events .section.content .row.past-events .subheading {
    color: #ccc
}

.pg-events .section.content .articles .row {
    margin-bottom: 20px
}

.pg-events .section.content .articles .three.columns {
    text-align: center;
    border: 1px solid #ddd;
    padding: 35px 20px 30px;
    border-radius: 3px;
    margin-bottom: 10px
}

.pg-events .section.content .articles .nine.columns p {
    color: #666;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400
}

.pg-events .section.content .articles .article-logo {
    max-width: 140px
}

.pg-events .section.content .articles .article-title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 10px
}

.pg-events .section.content .articles .article-title a {
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #999
}

.pg-events .section.content .articles .article-title a:hover {
    text-decoration: none;
    border-bottom-color: #498EE0;
    color: #498EE0
}

.pg-events .section.content .articles .byline {
    margin-bottom: 10px
}

.pg-events .section.content .articles .date {
    background: url(../images/icon-events-time.png) no-repeat 0 50%;
    padding-left: 15px;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px
}

.pg-events .section.content .articles .location {
    background: url(../images/icon-events-location.png) no-repeat 2px 50%;
    padding-left: 15px;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px
}

.pg-events .section.content .articles .url {
    background: url(../images/icon-events-link.png) no-repeat 0 50%;
    padding-left: 15px;
    font-size: 12px;
    display: inline-block
}

.pg-events .section.content .articles .video-thumb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
    margin-top: 10px
}

.pg-events .section.content .articles .video-thumb a {
    background: #35abff;
    display: block
}

.pg-events .section.content .articles .video-thumb .video-img {
    position: relative;
    opacity: .5;
    border-radius: 3px;
    -webkit-transition: opacity linear 100ms;
    transition: opacity linear 100ms
}

.pg-events .section.content .articles .video-thumb a:hover .video-img {
    opacity: 1
}

.pg-events .section.content .articles .video-thumb .video-mask {
    background: url(../images/icon-video-play.png) no-repeat 50% 50%;
    display: block;
    position: absolute;
    z-index: 211;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 3px;
    opacity: .8
}

.pg-events .section.content .articles .popup-gallery {
    margin-top: 10px
}

.pg-events .section.content .articles .popup-gallery a {
    background: #35abff;
    position: relative;
    width: 75px;
    height: 75px;
    display: inline-block;
    margin: 0 3px 3px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
    border: 1px solid rgba(0,0,0,.5)
}

.pg-events .section.content .articles .popup-gallery a img {
    opacity: .5;
    border-radius: 3px;
    -webkit-transition: opacity linear 100ms;
    transition: opacity linear 100ms
}

.pg-events .section.content .articles .popup-gallery a:hover img {
    opacity: 1;
    border-radius: 3px
}

.pg-privacy .section.hero {
    border-bottom: 1px solid #eee
}

.pg-privacy .section.hero .container .row {
    padding-top: 14vh;
    background: transparent url(../images/about-manifesto-hero2.png) no-repeat right 150%;
    min-height: 30vh
}

.pg-privacy .section.hero .container .row h1.headliner {
    text-align: left
}

.pg-privacy .section.content {
    padding-top: 10px
}

.pg-privacy .section.content p {
    line-height: 22px;
    margin-bottom: 20px;
    color: #333
}

.pg-privacy .section.content ul {
    list-style-position: outside;
    margin-left: 15px
}

.pg-privacy .section.content ul li {
    line-height: 22px
}

.pg-privacy .section.content .row {
    margin: 30px 0
}

.pg-privacy .section.content .row h5 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 10px
}

.pg-terms .section.hero {
    border-bottom: 1px solid #eee
}

.pg-terms .section.hero .container .row {
    padding-top: 14vh;
    background: transparent url(../images/about-manifesto-hero2.png) no-repeat right 150%;
    min-height: 30vh
}

.pg-terms .section.hero .container .row h1.headliner {
    text-align: left
}

.pg-terms .section.content {
    padding-top: 10px
}

.pg-terms .section.content p {
    line-height: 22px;
    margin-bottom: 20px;
    color: #333
}

.pg-terms .section.content ul {
    list-style-position: outside;
    margin-left: 15px
}

.pg-terms .section.content ul li {
    line-height: 22px
}

.pg-terms .section.content .row {
    margin: 30px 0
}

.pg-terms .section.content .row h5 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 10px
}

.pg-settings .section.header {
    background: #498EE0;
    border-color: rgba(255,255,255,.1)
}

.pg-settings .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-settings .section.hero {
    border-bottom: 1px solid #eee;
    background: #498ee0;
    min-height: inherit
}

.pg-settings .section.hero .container .row {
    padding-top: 12vh;
    background: transparent url(../images/icon-settings-bg.png) no-repeat center -30%;
    min-height: 23vh
}

.pg-settings .section.hero .container .row h1.headliner {
    text-align: center;
    color: #fff
}

.pg-settings .setting-controls {
    position: relative
}

.pg-settings .section.content {
    margin-bottom: 50px
}

.pg-settings .section.content h2.subheading {
    font-size: 24px;
    font-weight: 400;
    color: #999
}

.pg-settings .section.content .container {
    padding-top: 40px
}

.pg-settings .setting-controls .row {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 120px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px
}

.pg-settings .setting-controls .one-third.column {
    padding-left: 60px
}

.pg-settings .setting-controls h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    letter-spacing: 0;
    margin-top: 5px
}

.pg-settings .setting-controls p span {
    display: block;
    color: #999;
    font-style: italic
}

.pg-settings .setting-controls textarea {
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
    min-height: 120px;
    border-radius: 3px;
    max-height: 300px
}

.pg-settings .setting-controls .adult-filter ul {
    list-style: none;
    margin-top: 10px
}

.pg-settings .setting-controls .icon {
    background: url(../images/icons-settings-sprite.png) no-repeat 0 0;
    display: inline-block;
    width: 44px;
    height: 43px;
    overflow: hidden;
    position: absolute;
    left: 0
}

.pg-settings .setting-controls .icon.icon-include {
    background-position: 0 0
}

.pg-settings .setting-controls .icon.icon-exclude {
    background-position: -44px 0;
}

.pg-settings .setting-controls .icon.icon-fav {
    background-position: -88px 0
}

.pg-settings .setting-controls .icon.icon-adult {
    background-position: -133px 3px
}

.pg-settings .setting-controls .icon.icon-country {
    background-position: -176px 0
}

.pg-settings .setting-controls .icon.icon-window {
    background-position: -220px 0
}

.pg-settings .setting-controls .icon.icon-language {
    background-position: -264px 0
}

.pg-error .section.header {
    background: #498EE0;
    border-color: rgba(255,255,255,.1)
}

.pg-error .section.header .logo {
    background-image: url(../images/logo-small-white.png)
}

.pg-error .hero {
    background: #fafafa;
    border-bottom: 1px solid #eee
}

.pg-error .hero .row {
    background: url(../images/mshort-robo.png) no-repeat right bottom;
    min-height: 30vh;
    padding-right: 30%
}

.pg-error h1.headliner {
    font-size: 32px;
    padding-top: 10%;
    color: #498EE0;
    letter-spacing: 0
}

.pg-error h2.subheading {
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    margin: 0;
    color: #999
}

.pg-error h3 {
    font-size: 22px;
    font-weight: 400
}

.pg-error .section.content {
    padding-top: 30px;
    min-height: 50vh
}

.pg-502 {
    padding: 0!important
}

.pg-502 .section.hero {
    background: 0 0;
    padding: 0;
    padding-top: 30vh;
    border: none;
    height: 100vh
}

.pg-502 .section.hero .logo {
    text-align: center;
    width: auto;
    padding: 0;
    margin-bottom: 40px
}

.pg-502 .section.hero .row {
    background: 0 0;
    padding: 0
}

.pg-502 .section.hero h1.headliner {
    padding: 0;
    text-align: center;
    margin: 0;
    font-size: 21px;
    letter-spacing: 0
}

.pg-502 .section.hero h2.subheading {
    padding: 0;
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    letter-spacing: 0
}

.pg-502 .section.hero .robo-sad {
    position: fixed;
    background: url(../images/mshort-robo-sad.png) no-repeat 50% bottom;
    width: 159px;
    height: 193px;
    left: 0;
    right: 0;
    bottom: -80px;
    margin: 0 auto;
    z-index: 1px
}

.pg-submit {
    background: #192635;
    padding-top: 0!important
}

.pg-submit .section.header {
    border-bottom: 1px solid #2d3d4e;
    background: #192635;
    position: relative!important;
    top: 0!important
}

.pg-submit .section.hero {
    padding: 5% 0 0
}

.pg-submit .section.hero.submit-store {
    background: #7B2FCC url(../images/submit-store-bg.png) no-repeat 50% 50px
}

.pg-submit .section.hero .container .row {
    position: relative
}

.pg-submit .section.hero .container .row h1.headliner {
    text-align: center;
    color: #fff
}

.pg-submit .section.hero .container .row h2.subheading {
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px;
    font-size: 19px;
    line-height: 32px;
    letter-spacing: 0;
    color: rgba(255,255,255,.5)
}

.pg-submit .section.content {
    min-height: calc(75vh - 225.2px)
}

.pg-submit .section.content .first {
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 6px;
    margin-top: 20px
}

.pg-submit .section.content .first input,.pg-submit .section.content .first select {
    color: #333
}

.pg-submit .section.content .first .button-primary {
    margin-top: 20px;
    background: #00C262;
    border-color: #00C262;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    color: #fff
}

.pg-submit .section.content .first .button-primary:hover {
    background: #00B35A;
    border-color: #00B35A
}

.pg-submit .section.content .intro {
    padding-top: 20px
}

.pg-submit .section.content .intro p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px
}

.pg-submit .section.content {
    padding-top: 20px;
    padding-bottom: 20px
}

.pg-submit .section.content h2.subheading {
    font-size: 24px;
    font-weight: 400;
    color: #999
}

.pg-submit .section.content p {
    margin-bottom: 20px
}

.pg-submit .platform-logos {
    background: #fff;
    margin-top: 23px;
    border-radius: 4px
}

.pg-submit .platform-logos div {
    display: none;
    background-position: 0 50%;
    background-size: auto 100%!important;
    background-repeat: no-repeat!important;
    height: 44px;
    text-indent: -9999px;
    overflow: hidden
}

.pg-submit .section.content .submtform {
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 0 4px rgba(0,0,0,.1)
}

.pg-submit .section.content .submtform .divider {
    border-top: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 10px
}

.pg-submit .platform-logos .threedcart {
    background-image: url(../images/platform-logo-3dcart.png)
}

.pg-submit .platform-logos .asp {
    background-image: url(../images/platform-logo-asp.png)
}

.pg-submit .platform-logos .bigcommerce {
    background-image: url(../images/platform-logo-bigcommerce.png)
}

.pg-submit .platform-logos .channeladvisor {
    background-image: url(../images/platform-logo-channeladvisor.png)
}

.pg-submit .platform-logos .hybris {
    background-image: url(../images/platform-logo-hybris.png)
}

.pg-submit .platform-logos .magento {
    background-image: url(../images/platform-logo-magento.png)
}

.pg-submit .platform-logos .magento-ent {
    background: url(../images/platform-logo-magento-ent.png)
}

.pg-submit .platform-logos .miva {
    background-image: url(../images/platform-logo-miva.png)
}

.pg-submit .platform-logos .mozu {
    background-image: url(../images/platform-logo-mozu.png)
}

.pg-submit .platform-logos .netsuite {
    background-image: url(../images/platform-logo-netsuite.png)
}

.pg-submit .platform-logos .oscommerce {
    background-image: url(../images/platform-logo-oscommerce.png)
}

.pg-submit .platform-logos .shopsite {
    background-image: url(../images/platform-logo-shopsite.png)
}

.pg-submit .platform-logos .squarespace {
    background-image: url(../images/platform-logo-squarespace.png)
}

.pg-submit .platform-logos .volusion {
    background-image: url(../images/platform-logo-volusion.png)
}

.pg-submit .platform-logos .woocommerce {
    background-image: url(../images/platform-logo-woocommerce.png)
}

.pg-submit .platform-logos .xcart {
    background-image: url(../images/platform-logo-xcart.png)
}

.pg-submit .platform-logos .yahoo {
    background-image: url(../images/platform-logo-yahoo.png)
}

.submtform,.submtform .row {
    position: relative
}

.pg-submit .submitall .one-third {
    text-align: center;
    margin-top: 20px;
    transition: box-shadow 150ms ease-in-out
}

.pg-submit .submitall .one-third:hover {
    transition: box-shadow 150ms ease-in-out
}

.pg-submit .submitall .one-third:hover .button-primary {
    background: rgba(255,255,255,.9);
    color: #333;
    transition: all 150ms ease-in-out
}

.pg-submit .submitall .one-third a {
    display: block;
    text-decoration: none;
    padding: 30px 20px;
    min-height: 260px
}

.pg-submit .submitall .one-third h3 {
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 20px
}

.pg-submit .submitall .one-third .button-primary {
    border-radius: 3px;
    background: rgba(255,255,255,.3);
    padding: 10px 30px;
    font-size: 12px;
    margin: 30px 20px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 150ms ease-in-out
}

.pg-submit .submitall .one-third.store {
    background: #7022b9 url(../images/submit-store-bg.png) no-repeat 50% bottom
}

.pg-submit .submitall .one-third.site {
    background: #2196f3 url(../images/submit-site-bg.png) no-repeat 50% bottom
}

.pg-submit .submitall .one-third.claim {
    background: #22b966 url(../images/submit-claim-bg.png) no-repeat 50% bottom
}

.pg-submit .section.footer {
    border-top: 1px solid #2d3d4e
}

.submit-modal {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 700px;
    margin: 10px auto
}

.submit-modal p {
    margin-bottom: 15px
}

.submit-modal .mfp-close {
    color: #fff
}

.submit-modal .button-primary {
    display: block;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    max-width: 300px;
    margin: 0 auto
}

.submit-modal .row.divider {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 10px
}

.submit-modal .content-thanks {
    min-height: 200px;
    padding: 10% 0 20%;
    background: url(../images/logo-small.png) no-repeat center 80%
}

.submit-modal .content-thanks h5 {
    text-align: center
}

.submit-modal.store .header {
    background: #7022b9 url(../images/submit-store-bg.png) center bottom no-repeat;
    min-height: 200px;
    text-align: center;
    color: #fff;
    margin: -30px -30px 30px -30px;
    padding-top: 40px
}

.submit-modal.store .header h4 {
    font-weight: 400;
    font-size: 32 px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 20px
}

.submit-modal.site .header {
    background: #2196f3 url(../images/submit-site-bg.png) center bottom no-repeat;
    min-height: 200px;
    text-align: center;
    color: #fff;
    margin: -30px -30px 30px -30px;
    padding-top: 40px
}

.submit-modal.site .header h4 {
    font-weight: 400;
    font-size: 32 px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 20px
}

.submit-modal.claim .header {
    background: #22b966 url(../images/submit-claim-bg.png) center bottom no-repeat;
    min-height: 200px;
    text-align: center;
    color: #fff;
    margin: -30px -30px 30px -30px;
    padding-top: 40px
}

.submit-modal.claim .header h4 {
    font-weight: 400;
    font-size: 32 px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 20px
}

.search-results .no-results {
    margin: 10px
}

.search-results .no-results h2 {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    color: #999;
    margin-bottom: 10px
}

.search-results .no-results p {
    color: #999
}

.search-filters {
    padding: 20px 0;
    margin-left: 0
}

.results-nav {
    padding: 0;
    margin: 0;
    position: relative
}

.results-nav legend {
    position: relative
}

.results-nav .loader {
    background: url(../images/filter-loader.gif) no-repeat 0 50%;
    display: block;
    width: 16px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.results-nav .loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    z-index: 2;
    padding: 20px 0;
    cursor: wait;
    display: none
}

.results-nav .loading .loading-text {
    color: #268EE5;
    font-weight: 400;
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 0 5px;
    border-radius: 10px;
    display: none
}

.results-nav fieldset.load {
    opacity: 0
}

.results-nav a {
    text-decoration: none
}

.search-results {
    padding: 20px 0 40px;
    position: relative;
    min-height: calc(65vh - 100px);
    font-family: arial,"helvetica Neue",Helvetica,sans-serif
}

.search-filters h4 {
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #333
}

.search-filters ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px
}

.search-filters ul li {
    margin: 3px 0;
    padding: 0
}

.mshort-sidebar .btn-close {
    display: none
}

.search-filters input.filter-checkbox {
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 2px;
    display: none
}

.search-filters span.filter-checkbox {
    width: 14px;
    height: 14px;
    position: relative;
    display: inline-block;
    float: left;
    background: url(../images/icon-filters-checkbox-sprite.png) no-repeat 0 0;
    cursor: pointer;
    overflow: hidden
}

.search-filters .filter-name {
    display: table-cell;
    cursor: pointer;
    color: #999
}

.search-filters .filter-name:hover {
    color: #268EE5
}

.search-filters .active span.filter-checkbox {
    background-position: 0 -14px
}

.search-filters .active .filter-name {
    color: #268EE5
}

.search-filters .disabled .filter-name {
    color: #ccc!important;
    cursor: default
}

.search-filters .disabled span.filter-checkbox {
    opacity: .3
}

.search-filters .filter-name:hover {
    text-decoration: none;
    padding-bottom: 0
}

.search-filters fieldset {
    border: none;
    padding: 0;
    margin: 12px 0 10px;
    position: relative
}

.search-filters fieldset .coming-soon {
    background: url(../images/filter-coming-soon.png) no-repeat 50% 20%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.search-filters fieldset.beta,.search-filters fieldset.beta legend {
    opacity: .7
}

.search-filters fieldset.beta .filter-checkbox {
    opacity: .5;
    cursor: not-allowed
}

.search-filters fieldset.beta .filter-name {
    color: #ccc
}

.search-filters fieldset legend {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    padding: 0 4px 2px 0;
    text-transform: uppercase;
    color: #999
}

.search-filters fieldset legend .icon-title {
    background-image: url(../images/icon-ui-filters-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 16px;
    width: 16px;
    float: left;
    margin-top: -2px;
    margin-right: 3px
}

.search-filters .filter-date legend .icon-title {
    background: url(../images/icon-events-time.png) no-repeat 0 50%;
    width: 11px;
    height: 12px;
    display: inline-block;
    margin: 1px 5px 0 0;
    float: left
}

.search-filters .filter-checkbox {
    margin-right: 5px
}

.search-filters .nav-settings,.search-filters .nav-suggestfeature {
    font-size: 11px;
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #999;
    border-radius: 4px;
    border: 1px solid transparent
}

.search-filters .nav-suggestfeature {
    color: #36c267
}

.search-filters .nav-settings:hover {
    border-color: #ccc
}

.search-filters .nav-suggestfeature:hover {
    border-color: #36c267
}

.search-filters .nav-settings i {
    background: url(../images/icon-setting.png) no-repeat 0 50%;
    width: 14px;
    height: 13px;
    display: inline-block;
    margin: 2px 5px 0 0;
    float: left
}

.search-filters .nav-suggestfeature i {
    background: url(../images/icon-suggestfeature.png) no-repeat 0 50%;
    width: 14px;
    height: 16px;
    display: inline-block;
    margin: 0 5px 0 0;
    float: left
}

.search-filters .select span.filter-checkbox {
    margin-top: 6px
}

.search-filters select {
    padding: 2px;
    height: inherit;
    max-width: 150px
}

.filter-popularity legend .icon-title {
    background-position: 0 0!important
}

.filter-shopping legend .icon-title {
    background-position: 0 -16px!important
}

.filter-communication legend .icon-title {
    background-position: 0 -32px!important
}

.filter-country legend .icon-title {
    background-position: 0 -48px!important
}

.filter-privacy legend .icon-title {
    background-position: 0 -63px!important
}

.filter-advertising legend .icon-title {
    background-position: 0 -79px!important
}

.filters-toggle {
    border-radius: 3px;
    padding: 0;
    margin-top: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left
}

.filters-toggle hr {
    border: 1px solid #727272;
    background: #727272;
    height: 1px;
    border-radius: 2px;
    margin: 3px 0
}

.filters-opened .filters-toggle hr {
    border-color: #30a9ff;
    background: #30a9ff
}

.collapse-filters {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    padding: 0 5px;
    cursor: pointer
}

.collapsed-filters .collapse-filters {
    left: -60px
}

.search-results .results-info p {
    padding: 0;
    margin: 0;
    float: left
}

.search-results .results-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.search-results .results-list li {
    margin-bottom: 20px
}

.search-results .results-list .r-name {
    font-size: 16px;
    line-height: 19px
}

.search-results .results-list .r-name a {
    color: #255DD5;
    text-decoration: none
}

.search-results .results-list .r-name a:visited {
    color: purple
}

.search-results .results-list .r-name a:hover {
    text-decoration: underline
}

.search-results .results-list .r-url {
    font-size: 13px;
    color: #47a749;
    line-height: 19px;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: inline-block;
    float: left
}

.search-results .results-list .link-claim {
    color: #999;
    text-decoration: none;
    margin-left: 4px;
    font-size: 11px;
    font-weight: 400;
    display: inline-block;
    transition: all 150ms ease-in-out;
    border-left: 1px dotted #ccc;
    line-height: 11px;
    padding-left: 5px
}

.search-results .results-list .link-claim:before {
    background: url(../images/icon-claim-sprite.png) no-repeat -20px -20px;
    color: #fff;
    content: '.';
    display: inline-block;
    float: right;
    width: 16px;
    height: 10px;
    opacity: 0;
    transition: all 150ms ease-in-out
}

.search-results .results-list .link-claim:hover:before {
    background: url(../images/icon-claim-sprite.png) no-repeat 0 -20px;
    opacity: 1;
    transition: all 150ms ease-in-out
}

.search-results .results-list .link-claim:hover {
    color: #255DD5;
    background-position: right -19px;
    text-decoration: none;
    transition: all 150ms ease-in-out
}

.search-results .results-list .r-description {
    color: #444;
    font-size: 13px;
    line-height: 16px;
    clear: both
}

.search-panel {
    padding: 20px 0
}

.search-panel .removed-sites {
    margin: 0;
    padding: 20px 10px;
    background: #fafafa;
    max-height: 83vh;
    overflow-y: auto
}

.search-panel .removed-sites h4 {
    margin: 0;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 12px;
    padding: 0 10px 10px
}

.search-panel .removed-sites h4 strong {
    text-decoration: underline
}

.search-panel .removed-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.search-panel .removed-list li {
    padding: 0 8px;
    font-size: 12px;
    border: 1px solid transparent;
    margin-bottom: -1px;
    z-index: 1;
    overflow: hidden
}

.search-panel .removed-list li.active {
    border-color: #d6e0ee;
    background: #fff;
    z-index: 2
}

.search-panel .removed-list .link-name {
    margin: 5px 0 0;
    display: inline-block;
    font-weight: 600;
    color: #666
}

.search-panel .removed-list .link-name em {
    font-style: normal;
    font-size: 10px;
    font-weight: 400;
    color: #999
}

.search-panel .removed-list .r-name {
    font-size: 16px;
    line-height: 19px
}

.search-panel .removed-list .r-name a {
    color: #255DD5;
    text-decoration: none
}

.search-panel .removed-list .r-name a:visited {
    color: purple
}

.search-panel .removed-list .r-name a:hover {
    text-decoration: underline
}

.search-panel .removed-list .r-url {
    font-size: 13px;
    color: #47a749;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%
}

.search-panel .removed-list .r-description {
    color: #444;
    font-size: 13px;
    line-height: 16px
}

.search-panel .removed-list .icon-allow {
    cursor: pointer;
    display: inline-block;
    float: right;
    border-radius: 2px
}

.search-panel .icon-plus {
    background: url(../images/icon-plus.png) no-repeat 50% 50%;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 5px;
    opacity: .4
}

.search-panel .icon-plus:hover {
    background-color: #ACEC80;
    background-size: 10px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    opacity: 1
}

.search-panel .icon-preview {
    float: right;
    display: inline-block;
    border-radius: 2px;
    background: url(../images/icon-preview.png) 50% 50% no-repeat;
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    margin-left: 4px;
    cursor: pointer;
    margin-top: 5px
}

.search-panel .icon-preview:hover,.search-panel .removed-list li.active .icon-preview {
    background-image: url(../images/icon-search.png);
    background-size: 8px;
    background-color: #30A9FF;
    opacity: 1;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1)
}

.search-panel .filter-result-preview {
    display: none;
    padding: 0;
    margin: 0 0 5px;
    overflow-y: auto;
    max-height: 100px
}

.search-panel .filter-result-preview .results-list {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
    list-style: none
}

.search-panel .filter-result-preview .results-list * {
    font-weight: 400;
    font-size: 11px!important;
    margin: 0;
    padding: 0;
    line-height: 14px!important;
    width: auto
}

.search-panel .filter-result-preview .results-list li {
    width: auto;
    padding: 5px 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid #eee
}

.search-panel .filter-result-preview .results-list li:last-child {
    border-bottom-color: none
}

.search-panel .nav-toggle hr {
    background: #fff;
    border-color: #fff;
    border-radius: 3px
}

.search-panel .removed-list li i {
    background-image: url(../images/icon-ui-filters-sprite.png);
    background-repeat: no-repeat;
    background-position: -1000px -1000px;
    text-indent: -9999px;
    overflow: hidden;
    height: 16px;
    width: 16px;
    margin-right: 2px;
    margin-top: 5px;
    float: right;
    z-index: -100;
    display: none
}

.search-panel .removed-list li.active i,.search-panel .removed-list li:hover i {
    display: inherit
}

.search-panel .removed-list li i.active {
    opacity: 1!important;
    z-index: 1;
    position: relative;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%)
}

.search-panel .removed-list li i.filter-popularity {
    background-position: -1px -1px!important
}

.search-panel .removed-list li i.filter-shopping {
    background-position: 0 -16px!important
}

.search-panel .removed-list li i.filter-communication {
    background-position: -1px -33px!important
}

.search-panel .removed-list li i.filter-country {
    background-position: -1px -49px!important
}

.search-panel .removed-list li i.filter-privacy {
    background-position: 0 -65px!important
}

.search-panel .removed-list li i.filter-advertising {
    background-position: 0 -81px!important
}

.section.footer {
    clear: both;
    margin-top: -1px;
    min-height: 200px;
    z-index: 2;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #192635
}

.section.footer .madeincanada {
    background: url(../images/maple-leaf.png) no-repeat 0 50%;
    display: inline-block;
    padding-left: 20px;
    color: rgba(213,237,254,.25)
}

.section.footer .block-intro {
    font-size: 11px;
    color: rgba(213,237,254,.4)
}

.section.footer .block-intro a {
    color: rgba(213,237,254,.4)
}

.section.footer .block-intro a:hover {
    color: rgba(255,255,255,1)
}

.section.footer .block-intro .logo-small {
    background: url(../images/logo-small.png) no-repeat 0 0;
    height: 20px;
    margin-bottom: 10px;
    background-size: auto 20px
}

.section.footer .block-intro p {
    margin-top: 10px
}

.section.footer .container {
    padding: 20px 20px 0
}

.section.footer .head {
    font-weight: 600;
    color: rgba(255,255,255,.7);
    margin-bottom: 10px
}

.section.footer .columns {
    padding-bottom: 20px
}

.section.footer .footer-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.section.footer .footer-list li {
    margin: 0;
    padding: 2px 0
}

.section.footer .footer-list li a {
    font-size: 11px;
    color: rgba(213,237,254,.4);
    text-decoration: none;
    font-weight: 600;
    font-family: "Open Sans",Arial
}

.section.footer .footer-list li a:hover {
    text-decoration: underline
}

.follow {
    margin-top: 10px
}

.follow .social {
    margin-right: 5px;
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    background-image: url(../images/social-icon-sprite.png);
    background-repeat: no-repeat;
    background-size: auto 48px;
    background-attachment: scroll
}

.follow .social.linkedin {
    background-position: 0 -24px
}

.follow .social.facebook {
    background-position: -24px -24px
}

.follow .social.twitter {
    background-position: -48px -24px
}

.follow .social.youtube {
    background-position: -72px -24px
}

.follow .social.instagram {
    background-position: -96px -24px
}

.follow .social:hover {
    background-position-y: 0
}

.section.extension {
    z-index: 2
}

.section.extension .container {
    margin-bottom: 0
}

.section.extension .container .row {
    padding-bottom: 0;
    margin-bottom: 0
}

.section.extension .head {
    font-size: 26px;
    margin-bottom: 0;
    color: #666;
    font-weight: 400
}

.section.extension .subheading {
    font-size: 14px;
    color: #999
}

.section.extension .column.col1,.section.extension .column.col2,.section.extension .column.col3 {
    text-align: left
}

.section.extension .browser-icons {
    background: url(../images/icon-browser-logos-x2.png) no-repeat left top;
    height: 30px;
    display: block;
    background-size: auto 45px
}

.section.extension .primary-button {
    position: relative;
    top: -18px;
    margin-left: 5px;
    background: rgba(221,221,221,.45);
    display: inline-block;
    padding: 4px 8px;
    border-radius: 3px;
    color: #999;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}

.section.extension .primary-button:hover,.section.extension:hover .primary-button {
    background: #45D565;
    color: #fff
}

#mc_embed_signup,#mc_embed_signup form {
    margin: 0;
    padding: 0
}

#mc_embed_signup label {
    color: #999;
    font-size: 11px
}

#mc_embed_signup input.email {
    height: 32px;
    padding: 5px;
    float: left;
    background: #fafafa;
    border: 1px solid #ddd;
    color: #999;
    border-radius: 0;
    width: calc(80% - 100px)
}

#mc_embed_signup input.email:focus {
    border-color: #eee;
    color: #333;
    background: #fff
}

#mc_embed_signup input.button {
    padding: 0 5px;
    margin-left: -1px;
    height: 32px;
    line-height: 30px;
    float: left;
    border-color: #ddd;
    border-radius: 0;
    letter-spacing: .1px;
    color: #999
}

#mc_embed_signup input.button:hover {
    color: #666
}

.mobile,.mobile body {
    overflow-x: hidden
}

.mobile .mshort-sidebar {
    padding: 10px 15px;
    margin: 0;
    width: 220px;
    height: calc(100% - 1px);
    bottom: 0;
    top: 0;
    left: -220px;
    margin-left: 0;
    overflow-y: auto;
    background: #fff;
    position: fixed;
    border-right: 1px solid #eee
}

.mobile .mshort-sidebar-content {
    position: relative;
    top: 0;
    left: 0;
    min-height: 100%;
    z-index: 10
}

.mobile .mshort-sidebar-pulled {
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.mobile .mshort-sidebar-pushed {
    -webkit-transform: translate3d(220px,0,0);
    -moz-transform: translate3d(220px,0,0);
    -ms-transform: translate3d(220px,0,0);
    -o-transform: translate3d(220px,0,0);
    transform: translate3d(220px,0,0)
}

.mobile .mshort-sidebar-scroll-disabled {
    position: fixed;
    overflow: hidden
}

.mobile .mshort-sidebar .btn-close {
    z-index: 100;
    display: block;
    color: #30A9FF;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 10px
}

.mobile .mshort-sidebar .btn-close .caption {
    color: #30A9FF;
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    margin-top: 2px;
    float: left
}

.mobile .mshort-sidebar .btn-close .hamburger {
    border-radius: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 3px
}

.mobile .mshort-sidebar .btn-close .hamburger hr {
    margin: 3px 0;
    border: none;
    padding: 0;
    height: 3px;
    background: #30A9FF;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out
}

.mobile .mshort-sidebar .btn-close.active .caption {
    color: #30A9FF;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 19px
}

.mobile .mshort-sidebar .btn-close.active .hamburger hr {
    opacity: 0;
    background: #30A9FF
}

.mobile .mshort-sidebar .btn-close.active .hamburger hr:first-child {
    top: 5px;
    position: relative;
    opacity: 1!important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mobile .mshort-sidebar .btn-close.active .hamburger hr:last-child {
    top: -7px;
    position: relative;
    opacity: 1!important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.counter {
    display: none;
    position: absolute;
    top: 12px;
    left: 20px
}

.mobile .counter {
    display: inline-block
}

.mobile .mshort-sidebar .counter .numb {
    display: block;
    font-size: 8px;
    font-family: verdana,tahoma,arial,Sans-serif;
    color: rgba(0,120,237,.8)
}

.timer {
    position: relative;
    display: none;
    padding: 0;
    text-align: center
}

.timer-svg {
    display: none
}

.mobile .timer,.mobile .timer-svg {
    display: inline-block
}

.timer svg {
    width: 16px;
    height: 16px
}

.timer svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg)
}

.timer svg:nth-child(2) path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: rgba(255,255,255,.9);
    -webkit-animation: load 5.1s;
    -moz-animation: load 5.1s;
    -o-animation: load 5.1s;
    animation: load 5.1s
}

.results-nav-slim {
    display: none;
    padding: 2px;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
    cursor: pointer
}

.sidebar-link {
    height: 30px;
    display: block
}

.sidebar-link span.caption {
    position: absolute;
    top: 5px;
    right: -50px;
    color: #0095fe;
    text-transform: uppercase;
    font-weight: 400
}

.sidebar-link .dot {
    width: 4px;
    height: 4px;
    background: #30A9FF;
    display: inline-block;
    margin: 2px;
    float: left;
    border-radius: 4px
}

.mshort-sidebar-push-end .sidebar-link .dot {
    background: #ddd;
    box-shadow: inset 1px 1px #999
}

.mshort-sidebar-push-end .sidebar-link span.caption {
    color: #ddd
}

.results-nav-slim fieldset legend .icon-title {
    width: 100%!important
}

.results-nav-slim .filter-popularity legend .icon-title {
    background-position: 50% 0!important
}

.results-nav-slim .filter-shopping legend .icon-title {
    background-position: 50% -16px!important
}

.results-nav-slim .filter-advertising legend .icon-title {
    background-position: 50% -79px!important
}

.results-nav-slim .filter-privacy legend .icon-title {
    background-position: 50% -63px!important
}

.results-nav-slim .filter-country legend .icon-title {
    background-position: 50% -48px!important
}

.results-nav-slim .filter-communication legend .icon-title {
    background-position: 50% -32px!important
}

.droids {
    display: none!important
}

#contact-form label.error, #business-form label.error {
    color: #FB3A3A;
    padding: 0;
    text-align: left;
    width: 220px
}

label.error {
    color: #FB3A3A!important;
    padding: 0;
    text-align: left;
    width: 220px
}

.cards {
    position: relative;
    margin: 40px 0
}

.cards-inner {
    position: relative;
    text-align: center
}

.cards-inner h2 {
    font-size: 24px;
    font-size: 24px;
    font-weight: 200;
    color: #0089DD;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif
}

.cards .card {
    height: 360px;
    background: #d6e0ee;
    padding: 10px;
    position: relative;
    overflow: hidden
}

.cards .card-content {
    background: #fff;
    padding: 30px;
    text-align: center;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    transition: all 150ms ease-in-out
}

.cards .card-content p {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #999
}

.cards .card-head {
    color: #567ebb;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    text-align: left;
    letter-spacing: 0
}

.cards .card-btn {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border-radius: 250px;
    padding: 15px 20px;
    text-align: center;
    border: 1px solid #e0e7f2;
    display: block;
    text-decoration: none;
    color: #48699d;
    transition: all 150ms ease-in-out;
    outline: 0
}

.cards .card-btn:hover,.cards .card:hover .card-btn {
    border-color: #d6e0ee;
    transition: all 150ms ease-in-out
}

.cards .card1 .card-head {
    font-weight: 600;
    border: none;
    font-size: 18px;
    margin-bottom: 10px;
    color: rgba(0,0,0,.6);
    text-align: center
}

.cards .card1 .card-content {
    background: #fff url(../images/icon-rocket.png) no-repeat center 90%;
    background-size: 140px
}

.cards .card1 .card-btn {
    bottom: auto;
    text-decoration: none;
    color: rgba(0,0,0,.6);
    font-weight: 600;
    border: 1px solid rgba(0,0,0,.2)
}

.cards .card2 .card-content {
    background: #fff url(../images/icon-browser-logos-x2.png) no-repeat 50% 50%
}

.cards .card2 .card-head {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #30A9FF
}

.cards .card2 .card-content img {
    margin-top: 30px
}

.cards .card2 .card-btn {
    background: #45D565;
    border: 1px solid #19B13B;
    color: #fff;
    font-weight: 700
}

.cards .card2 .card-btn:hover {
    border-color: #19B13B
}

.cards .card3 .card-head {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #95d641
}

.cards .card3 .card-content p {
    text-align: center
}

@media (max-width: 1200px) {
    .tmpl-b .section.header .logo,.tmpl-c .section.header .logo {
        background-image:url(../images/logo-m.png)
    }
}

@media (max-width: 550px) {
    .search-form .search-select {
        width:80%
    }

    .search-form .button-primary {
        width: 20%;
        margin-top: 5px
    }

    .search-results {
        padding: 15px 0 0;
        box-shadow: none
    }

    .search-results .results-list {
        width: auto;
        padding: 0;
        margin: 0
    }

    .search-results .results-list li {
        margin-bottom: 10px
    }

    .search-results .results-list .r-name {
        font-size: 14px;
        line-height: 20px
    }

    .search-results .results-list .r-url {
        font-size: 11px;
        max-width: 75%
    }

    .search-results .results-list .r-description {
        font-size: 12px;
        line-height: 16px
    }

    .menu {
        position: inherit
    }

    .burger-menu {
        position: absolute;
        top: 15px;
        right: 10px
    }

    .menu-list {
        right: 10px
    }

    .section.header .search-form {
        margin-top: 10px
    }

    .pg-tour .section.mobile {
        min-height: inherit;
        padding-bottom: 0!important
    }

    .pg-tour .section.mobile .screenshot {
        margin-top: 20px;
        background-position: 0 0;
        background-size: 100% auto;
        min-height: 350px
    }

    .pg-tour .section.content .more-scroll-btn {
        display: none!important
    }

    .pg-tour .section.customization .row .column p,.pg-tour .section.customization .row h4 {
        text-align: center
    }

    .pg-tour .section.mobile .container {
        padding-bottom: 0
    }

    .pg-tour .section.extensions .screenshot {
        margin-top: 30px
    }

    .pg-tour .section.hero h1.headliner {
        font-size: 26px;
        line-height: 34px
    }

    .pg-tour .section.hero h2.subheading {
        padding: 10px 40px 0;
        margin: 0;
        font-size: 16px;
        line-height: 23px;
        font-weight: 500
    }

    .pg-tour .section.hero .hero-img {
        padding: 5px 5px 0;
        height: auto;
        max-height: 25vh
    }

    .pg-tour .section.hero .hero-img img {
        max-width: 100%
    }

    .pg-tour .section.discover .row .screenshot {
        min-height: inherit;
        width: 100%
    }

    .pg-tour .section.discover .row .screenshot img {
        width: 100%
    }

    .pg-manifesto .section.hero .container .row {
        background-image: none;
        background-position: 0 bottom
    }

    .pg-manifesto .section.manifesto .container {
        max-width: inherit
    }

    .pg-manifesto .section.manifesto .row {
        font-size: 18px;
        padding-top: 50vh;
        text-align: center
    }

    .pg-manifesto .section.manifesto.hero .row {
        padding-top: 30vh
    }

    .pg-manifesto .section.footer {
        display: none
    }

    .search-form .search-select {
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 0
    }

    .pg-press .section.hero .container .row {
        background: 0 0;
        padding-top: 40px
    }

    .pg-press .section.hero .container .row h1.headliner {
        text-align: center
    }

    .pg-press #slides {
        position: relative;
        Left: 0;
        right: 0;
        top: 0
    }

    .paginator li {
        display: none
    }

    .paginator li.pager-current {
        width: calc(20% - 6px)
    }

    .paginator li.pager-next,.paginator li.pager-previous {
        width: calc(50% - 6px)
    }

    .paginator li.pager-current,.paginator li.pager-next,.paginator li.pager-previous {
        display: block
    }

    .pg-about .section.header {
        position: relative;
        height: auto;
        background: #498EE0
    }

    .pg-about .section.hero {
        background-size: cover;
        background-attachment: scroll;
        height: 240px
    }

    .pg-about .section.hero .row {
        min-height: inherit
    }

    .pg-about .section.hero .headliner {
        top: 100px;
        position: relative;
        font-size: 22px;
        font-weight: 400
    }

    .pg-index .hero {
        margin-top: 6vh;
        min-height: calc(100vh - 210px)
    }

    .pg-index .search-form .nav-settings {
        position: relative;
        right: inherit;
        bottom: inherit;
        float: none;
        clear: both;
        display: block;
        padding: 10px 0
    }

    .pg-about .section.content .row.about .box {
        margin: 10px 0 0
    }

    .pg-about .section.content.manifesto,.pg-about .section.content.mission {
        padding: 20px 0
    }

    .pg-about .section.content.mission .four {
        min-height: inherit
    }

    .pg-about .section.content.mission .eight p {
        font-size: 22px;
        line-height: 36px
    }

    .pg-about .section.content.manifesto ul li {
        font-size: 16px;
        line-height: 22px;
        font-weight: 400
    }

    .pg-about .section.content.slogan {
        min-height: inherit;
        padding: 30px 0
    }

    .results-nav-slim {
        display: block
    }

    .mshort-sidebar {
        padding: 10px 15px;
        margin: 0;
        width: 220px;
        height: calc(100% - 1px);
        bottom: 0;
        top: 0;
        left: 0;
        margin-left: -220px
    }

    .tmpl-b .section.header .container,.tmpl-c .section.header .container {
        padding: 10px
    }

    .tmpl-c .section.header .logo {
        background-image: url(../images/logo-m.png);
        background-position: 50% 50%;
        width: 40px;
        margin-left: calc(50% - 20px)
    }

    .tmpl-b .section.header .logo {
        background-image: url(../images/logo-m.png)
    }

    input[type=email],input[type=number],input[type=text],select,textarea {
        font-size: 16px!important
    }

    .section.footer .columns {
        width: 50%
    }

    .btn-feedback {
        display: none
    }

    .section.footer .block-intro {
        width: auto;
        clear: both
    }

    .pg-tour .section.content {
        padding: 40px 0
    }

    .pg-tour .section.discover .column:first-child {
        padding-left: 0
    }

    .pg-tour .section.content p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .pg-submit .section.hero .container .row {
        padding: 10px 0
    }

    .pg-submit .section.hero .container .row h1.headliner {
        font-size: 22px;
        font-weight: 400
    }

    .pg-submit .section.hero .container .row h2.subheading {
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        line-height: 22px;
        margin-bottom: 10px
    }

    .section.extension {
        display: none
    }
}

@media (min-width: 700px) and (max-width:1980px) {
    .nav-up {
        top:-65.2px!important
    }

    .tmpl-b .section.header,.tmpl-c .section.header {
        height: 62.5px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        -webkit-transition: top .2s ease-in-out;
        -moz-transition: top .2s ease-in-out;
        -o-transition: top .2s ease-in-out;
        transition: top .2s ease-in-out
    }

    .tmpl-b,.tmpl-c {
        padding-top: 63px
    }

    .pg-results .nav-up {
        top: 0!important
    }

    .pg-results .section.header {
        position: relative!important
    }

    .pg-results {
        padding-top: 0!important
    }
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-devicepixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .pg-index .hero h1 {
        background-image:url(../images/logo-small-x2.png);
        background-size: auto 45px
    }

    .search-form .search-select {
        background-image: url(../images/select-icon-down-x2.png);
        background-size: auto 10px
    }

    .section.footer .madeincanada {
        background-image: url(../images/maple-leaf-x2.png);
        background-size: auto 16px
    }

    .pg-index .hero .madeincanada i {
        background-image: url(../images/maple-leaf-red-x2.png);
        background-size: auto 16px
    }

    .search-filters .nav-settings i {
        background-size: url(../images/icon-setting-x2.png);
        background-size: 12px auto;
        margin-top: 2px
    }

    .pg-index .search-form .nav-settings i {
        background-size: url(../images/icon-setting-x2.png);
        background-size: auto 6px;
        margin-right: 0
    }

    .search-form .button-primary {
        background-size: url(../images/icon-search-x2.png);
        background-size: 16px
    }

    .menu-list ul li.extension a {
        background-size: url(../images/icon-browser-logos-x2.png);
        background-size: auto 15px
    }

    .tmpl-c .section.header .logo {
        background-image: url(../images/logo-m-x2.png)
    }

    .search-filters fieldset legend .icon-title {
        background-image: url(../images/icon-ui-filters-sprite-x2.png);
        background-size: 15px auto
    }

    .search-filters span.filter-checkbox {
        background-image: url(../images/icon-filters-checkbox-sprite-x2.png);
        background-size: 14px auto
    }

    .search-filters .nav-suggestfeature i {
        background-image: url(../images/icon-suggestfeature-x2.png);
        background-size: 12px auto
    }

    .search-panel .icon-preview {
        background-image: url(../images/icon-preview-x2.png);
        background-size: 12px auto
    }

    .pg-tour .section.customization .column span.icon {
        background-image: url(../images/icon-searchfilters-sprite-x2.png);
        backgro4nd-size: 85px
    }

    .pg-tour .section.customization .column.popularity span.icon {
        background-position: -1px -4px
    }

    .pg-tour .section.customization .column.social span.icon {
        background-position: -1px -172px
    }

    .pg-tour .section.customization .column.geo span.icon {
        background-position: -1px -340px
    }

    .pg-events .section.content .articles .date {
        background-image: url(../images/icon-events-time-x2.png);
        background-size: 11px;
        padding-left: 15px
    }

    .pg-events .section.content .articles .location {
        background-image: url(../images/icon-events-location-x2.png);
        background-size: auto 12px;
        background-position: 2px 45%
    }

    .pg-events .section.content .articles .url {
        background-image: url(../images/icon-events-link-x2.png);
        background-size: auto 11px;
        padding-left: 15px
    }

    .pg-contact .section.hero {
        background-image: url(../images/bg-atlas.png);
        background-size: auto 200px
    }

    .pg-settings .setting-controls .icon {
        background-image: url(../images/icons-settings-sprite-x2.png);
        background-size: auto 43px;
        height: 45px
    }

    .search-results .results-list .link-claim {
        background: url(../images/icon-claim-sprite-x2.png) no-repeat right -3px;
        background-size: auto 32px
    }
}


/* ac.css */
.m-ac-item,
.m-ac-container,
.m-ac { zoom:1; }

.m-ac-item:after,
.m-ac-container:after,
.m-ac:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0; }
.m-ac {
    z-index: 1050; font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; font-size:12px;
    background-color:#fff; margin: 0; position: absolute; top: 45px; left:0; width:56.6666666667%;
    overflow: hidden; padding: 5px; text-align: left; border: 1px solid #ddd; min-height: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.m-ac .m-ac-container { background-color: #fff; }
.m-ac-item { cursor: pointer; padding: 6px; font-style: normal;color: #1e4ea7; outline: none;
    font-size: 11px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; line-height: 16px; position: relative; }
.m-ac .m-ac-selected { background: #eee; }

.m-ac .m-ac-selected,
.m-ac .m-ac-selected h3,
.m-ac .m-ac-selected .m-ac-item-txt,
.m-ac .m-ac-selected b,
.m-ac .m-ac-selected i { }
.m-ac-item img { border: none; float: left; margin-right: 10px;}
.m-ac-item b { font-weight: bold; text-decoration: underline; }
.m-ac-item .m-ac-item-txt {  padding: 0; color: #1e4ea7; width: calc(100% - 40px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m-ac-item .m-ac-item-txt a { color: #1e4ea7; text-decoration: none; }

.m-ac-container .m-ac-item-txt,
.m-ac-container .m-ac-item h3  { padding: 0; margin: 0; font-weight: normal; font-size: 11px; }
.m-ac-container .m-ac-item-txt b,
.m-ac-container .m-ac-item h3 b,
.m-ac-container .m-item-txt u,
.m-ac-container .m-ac-item h3 u  { font-weight: bold; text-decoration: none; }
.m-ac-container a { color: #1e4ea7; text-decoration: none; font-weight: normal; }
.m-ac-container .m-item-txt i { color: #666; font-size: 11px; font-style: normal; }

.m-ac-arrow { display: none; }
.m-ac-x {background: url(../images/icon-ac-x.png) no-repeat 50% 50%;width: 16px;height: 16px;position: absolute;z-index: 11110;right: auto;top: 15px;display: inline-block;z-index: 100;text-indent: -9999px;overflow: hidden;left: 53.666667%;}
.m-ac-history-text { color: purple !important; }
.m-ac-item .m-ac-x { width: 9px; height: 9px; right: 10px; left: auto; top: 10px; }

@media (max-width: 770px) {
    .m-ac-container { width: 100%; float: none; position: relative; border: none; }
    .nxt-ac-foot { text-align: left; }
    .m-ac-x { left: 75%; right: auto; z-index: 11110; }
    .m-ac-arrow { background: url(../images/icon-ac-arrow.png) no-repeat 50% 50%; display: inline-block; height: 26px; width: 40px; float: right; margin: -5px -10px -10px 0; }
    .search-form .search-input { width: 80%; }
    .button-primary { top: -38px !important; height: 33px !important; }
    .search-form .button-primary { float: none; margin: 0; height: 45px !important; line-height: 45px; margin-top: 39px; float: none !important; }
    .tmpl-c .section.header .search-form .button-primary { height: 34px !important; line-height: 34px; }
}
@media (max-width: 550px) {
    .m-ac-x { right: 22%; left: auto; top: 15px; }
    .m-ac { width: 100%; }
    .search-form .button-primary { float: none; margin: 0; height: 45px !important; line-height: 45px; margin-top: 39px; float: none !important; }
    .tmpl-c .section.header .search-form .button-primary { height: 34px !important; line-height: 34px; }
}

.related_header {
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
    line-height: 19px;
}
.related_cards .related_card {
    font-size: 13px;
    line-height: 19px;
}
.related_cards .related_card a {
    color: #255DD5;
    text-decoration: none;
}
.tag-new:after {
    content: ' New!';
    color: #30A9FF;
    font-weight: bold;
}


.website-list {
    list-style: none;
}
.website-list li {
    display: inline-block;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 5px;
}
.website-list li:hover {
    cursor: pointer;
    border: 1px solid #666;
}
.website-list li::after {
    content: 'x';
    padding: 0px 5px 1px 5px;
    margin-left: 5px;
    color: #000;
    border: 1px solid #D1D1D1;
    border-radius: 50%;
}
.website-list li:hover::after {
    border: 1px solid #666;
    background: #ff3131;
    color: #fff;
}

input[type=text].add-website {
    height: 30px;
    padding: 5px 10px;
    margin: 5px;
}

.add-website-btn {
    border-radius: 50%;
    background: #30a9ff;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    line-height: 1;
    width: 25px;
    height: 25px;
    text-align: center;
    position: relative;
    top: 3px;
}
.add-website-btn:hover {
    cursor: pointer;
}