body {
    background-color: #F8F8F8;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;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
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
    }
}
.container:after, .row:after {
    content: "";
    display: table;
    clear: both;
}
.page .section.searcharea { 
    position: relative; 
    margin-top: 15vh;
    margin-bottom: 5vh;
    /* min-height: calc(80vh - 100px);  */
}

.page .section.searcharea .logo { 
    text-align: center;
    /* height: 60px; */
}
.page .section.searcharea .logo h1 { 
    font-size: 3rem;
    color: #666;
    text-transform: uppercase;
    line-height: 1.8;
}
@media not all, not all, only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 1.5dppx) {
    .page .section.searcharea .logo h1 {
        background-image: url(../images/logo-small-x2.png);
        background-size: auto 45px;
    }
}

.page .section.searcharea .logo h1 {
    background: url(../images/logo-small-x2.png) no-repeat 40% 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 50px;
    background-size: auto 45px;
}
.page .section.searcharea .container { max-width: 800px;}
.page .section.searcharea .s-details {
    width: 80%;
    text-align: center;
    margin: 10% auto;
}
.page .section.searcharea .s-details .s-detailsIn {
    border-radius: 6px;
    border: 1px solid #bbb;
    padding: 10px;
}
.page .section.searcharea .s-details .s-detailsIn p {margin: 0;color: #666;}
.container {
    width: 100%; max-width: 1280px; margin: 0 auto;
    padding: 0 20px; box-sizing: border-box;
}
.full-width {width: 100%; box-sizing: border-box;}
.search-form {
    position: relative;
    /* background-color: #fff; */
    box-shadow: rgb(161 161 161 / 9%) 0px 0px 24px 3px, rgb(0 0 0 / 15%) 10px 4px 30px -10px;
    border-radius: 6px 0 0 6px;
}
form {
    margin: 0;
}
.page .section.searcharea .search-form .search-input {
    border-bottom-color: #EAEAEA;
    border-right-color: #EAEAEA;
}
.page .section.searcharea .search-form .search-input:focus, 
.page .section.searcharea  .search-form .search-select:focus,
.page-results .section.header .search-form .search-input:focus,
.page-results .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;
        border-radius: 6px 0 0 6px;
}
:focus {
    outline: 0;
  }
.page .section.searcharea .search-form .search-input {
    font-size: 14px;
    margin-bottom: 0;
    border-radius: 6px 0 0 6px;
    position: relative;
    z-index: 2;
    border-color: #EAEAEA;
}
.page .section.searcharea .search-form .search-select {
    height: 46px;
    margin-right: 0;
    margin-left: -1px;
    width: 35.2%;
}
.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 #EAEAEA;
    border-bottom-color: #EAEAEA;
    border-left-color: #EAEAEA;
    border-right-color: #EAEAEA;
    background: #fff url(../images/arrowDown.svg) no-repeat right 50%;
    background-position-x: 92%;
    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;
}
.page .search-form .button-primary {
    margin-left: -1px;
    z-index: 3;
    float: none;
    border-radius: 0 6px 6px 0;
}
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;
}
.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.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;
}
.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: #0283df;
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 400
}
.page .burger-menu .caption {
    color: #30A9FF;
}
.page .burger-menu .hamburger hr {
    background: #30A9FF;
}
.page .burger-menu:hover .caption {
    color: #30A9FF;
}
.page .burger-menu.active .hamburger hr, .page .burger-menu:hover .hamburger hr {
    background: #30A9FF; opacity: 0;
}
.page .burger-menu.dropbtn {
    padding: 0px;
}
.dropbtn {
    display: flex;
    align-items: center;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  /* .dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
  } */
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 52px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    overflow: hidden;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown a:hover {background-color: #ddd;}
  
  .show {display: block;}
  .dropdown-content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.dropdown-content ul li {
    margin: 0;
    padding: 0
}

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

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

.dropdown-content ul li a:hover {
    background-color: #f1f1f1;
    color: #192635
}

.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: #30A9FF;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    transition: all 150ms ease-out
}

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

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

.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 a.settings {
    padding-top: 5px;
    padding-right: 20px;
    display: flex; color: #7c7c7c; text-decoration: none;
}
/* .menu a.settings {
    background: url(../images/settings.svg) 1px 3px no-repeat;
    width: 16px;
    height: 20px;
    margin-right: 5px;
} */
.menu-list {
    display: none;
    background: #fff;
    text-align: left;
    z-index: 100;
    position: absolute;
    top: 26px;
    right: 0;
    padding: 8px 0;
    min-width: 200px;
    border-radius: 0 0 6px 6px;
    box-shadow: rgb(161 161 161 / 26%) 0px 0px 24px 3px, rgb(0 0 0 / 18%) -3px 6px 20px -10px;
}

.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;
    color: #000;
}

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

.menu2 li a {
    text-indent: 15px
}
.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/searchIcon.svg);
    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;
}

.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%
    }
}
.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;
    scroll-behavior: smooth;
}
.section.footer {
    clear: both;
    margin-top: -1px;
    min-height: 200px;
    z-index: 2;
    padding-top: 20px;
    /* padding-bottom: 20px; */
    background: #192635;
    border-top: 1px solid #0095fe;
}
.section.footer .container {
    padding: 20px 20px 0;
}
.section.footer .columns {
    padding-bottom: 20px;
}

.section.footer .header {
    /* font-weight: 600; */
    color: #b8b8b8;
    margin-bottom: 10px;
    font-size: 18px;
}
.section.footer .footer-list, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.section.footer .footer-list li {
    margin: 0;
    padding: 3px 0;
}
.section.footer .footer-list li a {
    font-size: 13px;
    color: #b8b8b8;
    text-decoration: none;
    font-weight: 500;
    font-family: "Open Sans",Arial;
}
.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 {
    font-size: 11px;
    color: #b8b8b8;
}
.section.footer .block-intro a {
    color: #b8b8b8;
}

/* results page */
.page-results .section.header .logo {
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo-small.png) no-repeat 0 50%;
    height: 45px;
    background-size: auto 30px;
}
.section.header .logo a {
    display: block;
    height: 30px;
}
@media not all, not all, only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 1.5dppx) {
    .page-results  .section.header .logo {
        background-image: url(../images/logo-m-x2.png);
    }
}
.section.header .search-form {
    box-shadow: rgb(161 161 161 / 9%) 0px 0px 24px 3px, rgb(0 0 0 / 15%) -3px 6px 20px -10px;
}
.section.header .search-form .search-input {
    height: 40px;
    border-radius: 0;
    font-size: 12px;
    border-color: #EAEAEA;
    margin-left: 0;
    margin-bottom: 0rem;
    margin-right: 0.5px;
    border-radius: 6px 0 0 6px;
}
.search-form .search-select {
    height: 40px;
}
.section.header .search-form .button-primary {
    height: 40px;
    line-height: 40px;
    background-size: 13px;
    border-radius: 0;
    margin-left: -1px;
    border-radius: 0 6px 6px 0;
}
.section.header {
    /* border-bottom: 1px solid #e5e5e5; */
    background: #fff;
}
.section.header .container {
    padding: 20px;
}
.page-results .section.content {
    padding: 0;
    min-height: calc(75vh - 65.2px);
}
.page-results .searchFilters {
    padding: 20px 0;
    margin-left: 0;
}
.page-results .searchFilters .results-nav {
    padding: 0;
    margin: 0;
    position: relative;
}
.page-results .searchFilters .results-nav h4 {
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #333;
}
.page-results .searchFilters .results-nav fieldset {
    border: none;
    padding: 0;
    margin: 12px 0 10px;
    position: relative;
}

fieldset, input, select, textarea {
    margin-bottom: 1.5rem;
}
fieldset {
    padding: 0;
    border-width: 0;
}
.page-results .searchFilters .results-nav 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;
}
.page-results .searchFilters 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
}

.page-results .searchFilters .filterDate 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 5px;
    float: left
}

.page-results .searchFilters .filter-checkbox {
    margin-right: 5px
}
.page-results .searchFilters .results-nav fieldset .resultsNavList .active {
    color: #268EE5;
}
.page-results .searchFilters .nav-settings,.page-results .searchFilters .nav-suggestfeature {
    font-size: 11px;
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #999;
    border-radius: 4px;
    border: 1px solid transparent
}

.page-results .searchFilters .nav-suggestfeature {
    color: #36c267
}

.page-results .searchFilters .nav-settings:hover {
    border-color: #ccc
}

.page-results .searchFilters .nav-suggestfeature:hover {
    border-color: #36c267
}

.page-results .searchFilters .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
}

.page-results .searchFilters .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
}

.page-results .searchFilters .select span.filter-checkbox {
    margin-top: 6px
}

.page-results .searchFilters select {
    padding: 2px;
    height: inherit;
    max-width: 150px
}

.filterPopularity 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
}

.filterCountry 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
}

.page-results .searchFilters .results-nav fieldset legend {
    position: relative;
}
label, legend {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
}
.page-results .searchFilters ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
}
.page-results .searchFilters ul li span{
    display: inline-flex;
    align-items: center;
    color: #999;
}
.page-results .searchFilters ul li input{ 
    margin-bottom: 0.5rem;
}
.page-results  .searchResults {
    padding: 20px 0 40px;
    position: relative;
    min-height: calc(65vh - 100px);
    font-family: arial,"helvetica Neue",Helvetica,sans-serif;
}
.page-results  .searchResults {
        padding: 20px 0 40px;
        position: relative;
        min-height: calc(65vh - 100px);
        font-family: arial,"helvetica Neue",Helvetica,sans-serif;
}
.page-results  .searchResults .resultsList {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.page-results  .searchResults .resultsList li {
    margin-bottom: 5px;
}
.page-results  .searchResults .resultsList li .resultsTitle {
    font-size: 20px;
    line-height: 19px;
}
.page-results  .searchResults .resultsList li .resultsTitle  a { 
    color: #255DD5;
    text-decoration: none;
    font-size: 14px;
}
.page-results  .searchResults .resultsList li .siteUrl {
    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;
}
.page-results  .searchResults .resultsList li .linkClaim {
    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;
}
.page-results  .searchResults .resultsList li .resultsDescription {
    color: #444;
    font-size: 13px;
    line-height: 16px;
    clear: both;
}
.page-results  .searchResults .resultsList .actionButtons{
    display: flex; align-items: center; margin-top: 6px; height: 20px;
 }

.page-results  .searchResults .resultsList .actionButtons ul {
    display: flex;
}
.page-results  .searchResults .resultsList .actionButtons ul li {
    display: flex;
    padding: 0px 8px 0px 0px;
    border-right: 1px solid #e3e3e3;
}
.page-results  .searchResults .resultsList .actionButtons ul li a{
    display: flex;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    color: #999;
}

.page-results  .searchResults .resultsList .actionButtons ul li.boost div {
    background: url(../images/booster.svg) 1px 2px no-repeat;
    width: 16px;
    height: 18px;
    margin-right: 5px;
}
.page-results  .searchResults .resultsList .actionButtons ul li.block div {
    background: url(../images/Block.svg) 1px 1px no-repeat;
    width: 16px;
    height: 18px;
    margin-right: 5px;
    margin-left: 8px;
    background-size: 14px;
}
/* .page-results  .searchResults .resultsList .actionButtons ul li.bury div {
    background: url(../images/bury.svg) 1px 0px no-repeat;
    width: 16px;
    height: 18px;
    margin-right: 0px;
} */
/* .page-results  .searchResults .resultsList .actionButtons ul li.blast div {
    background: url(../images/blast.svg) 1px -1px no-repeat;
    width: 16px;
    height: 18px;
    margin-right: 0px;
} */
.page-results  .searchResults .resultsList .actionButtons ul li.build div {
    background: url(../images/build.svg) 1px 0px no-repeat;
    width: 16px;
    height: 18px;
    margin-right: 5px;
    margin-left: 8px;
}
.page-results  .searchResults .relatedHeader {
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
    line-height: 19px;
}
.page-results  .searchResults .relatedKeywords .relatedKeywordstxt {
    font-size: 13px;
    line-height: 19px;
}
.page-results  .searchResults .relatedKeywords .relatedKeywordstxt a {
    color: #255DD5;
    text-decoration: none;
}
.page-results .searchResults .resultsList .newsList {
    margin-bottom: 24px;
}
.page-results .searchResults .resultsList .newsList .resultsTitle {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.page-results .searchResults .resultsList .newsList .resultsTitle img {
   margin-right: 5px;
}

.page-results .searchResults .resultsList .newsList .siteUrl a {
   color: #255DD5;
   font-size: 14px;
   margin-bottom: 2px;
   text-decoration: none;
}
.page-results .searchResults .resultsList .newsList .siteUrl a:hover {
    text-decoration: underline;
}
.page-results .searchResults .resultsList li.newsList .resultsTitle a {
    color: #000; display: flex;
}
.page-results .searchResults .resultsList li.newsList .resultsDescription {
    margin-top: 4px;
}
.page-results .searchResults .resultsList .newsList .newsImg img{
    border-radius: 6px;
    object-fit: cover;
}
/*-----------------------------------------------------------------------------------
=====================================================================================*/

.page-results  .searchResults .paginationNav .pagination {
    position: relative;
    margin-top: 40px;
    clear: both;
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.page-results  .searchResults .paginationNav .pagination .paginator {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.page-results  .searchResults .paginationNav .pagination .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;
}
.page-results  .searchResults .paginationNav .pagination .paginator li a {
    display: block;
    padding: 0 10px;
    text-decoration: none;
    border: 1px solid #eee;
    border-radius: 100px;
}
.page-results  .searchResults .paginationNav .pagination .paginator li a {
    color: #30A9FF;
}
.searchPanel {
    padding: 20px 0;
}
.searchPanel .removedStes {
    margin: 0;
    padding: 20px 10px;
    background: #fafafa;
    max-height: 83vh;
    overflow-y: auto;
}
.searchPanel .removedStes h4 {
    margin: 0;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 12px;
    padding: 0 0px 10px;
}
.searchPanel .removedList {
    margin: 0;
    padding: 0;
    list-style: none;
}
.searchPanel .removedList .linkName {
    display: inline-block;
    color: #999;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}


@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
    }

    .page-results .searchFilters .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)
    }

    /* .page-results .searchFilters fieldset legend .icon-title {
        background-image: url(../images/icon-ui-filters-sprite-x2.png);
        background-size: 15px auto
    } */

    .page-results .searchFilters span.filter-checkbox {
        background-image: url(../images/icon-filters-checkbox-sprite-x2.png);
        background-size: 14px auto
    }

    /* .page-results .searchFilters .nav-suggestfeature i {
        background-image: url(../images/icon-suggestfeature-x2.png);
        background-size: 12px auto
    } */

    .searchPanel .iconPreview {
        background-image: url(../images/icon-preview-x2.png);
        background-size: 12px auto;
        display: inline-block;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
    }

    .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
    }
}
.pg-blog .section.header .container,
.pg-contact .section.header .container,
.pg-settings .section.header .container,
.pg-resources .section.header .container,
.pg-spread .section.header .container ,
.pg-submit .section.header .container,
.pg-privacy .section.header .container,
.pg-press .section.header .container,
.pg-manifesto .section.header .container {
    padding: 15px 20px;
}
.pg-blog .section.content,
.pg-submit .section.content {
    margin: 5vh 0 14vh 0;
}
/*-----------------------------------------------------------------------
---------------------------about page------------------------------------*/


@media not all, not all, only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 1.5dppx) {
    .pg-about  .section.header .logo {
        background-image: url(../images/logo-m-x2.png);
    }
}
.pg-about .section.header .logo, 
.pg-tour .section.header .logo,
.pg-blog .section.header .logo,
.pg-contact .section.header .logo,
.pg-settings .section.header .logo,
.pg-resources .section.header .logo,
.pg-spread .section.header .logo,
.pg-submit .section.header .logo,
.pg-privacy .section.header .logo,
.pg-press .section.header .logo ,
.pg-manifesto .section.header .logo {
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo-small.png) no-repeat 0 50%;
    height: 45px;
    background-size: auto 30px;
}
.pg-about .section.header .search-form .search-input:focus,
.pg-about .search-form .search-select:focus,
.pg-tour .section.header .search-form .search-input:focus,
.pg-tour .search-form .search-select:focus,
.pg-blog .section.header .search-form .search-input:focus,
.pg-blog .search-form .search-select:focus,
.pg-contact .section.header .search-form .search-input:focus,
.pg-contact .search-form .search-select:focus,
.pg-settings .section.header .search-form .search-input:focus,
.pg-settings .search-form .search-select:focus,
.pg-resources .section.header .search-form .search-input:focus,
.pg-resources .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;
        border-radius: 6px 0 0 6px;
}
.section.header .logo a {
    display: block;
    height: 30px;
}
.pg-about .section.header .search-form {
    box-shadow: rgb(161 161 161 / 9%) 0px 0px 24px 3px, rgb(0 0 0 / 15%) -3px 6px 20px -10px;
}
.pg-about .section.header .search-form .search-input {
    height: 40px;
    border-radius: 0;
    font-size: 12px;
    border-color: #EAEAEA;
    margin-left: 0;
    margin-bottom: 0rem;
    margin-right: 0.5px;
    border-radius: 6px 0 0 6px;
}
.pg-about .search-form .search-select {
    height: 40px;
}
.pg-about .section.header .search-form .button-primary {
    height: 40px;
    line-height: 40px;
    background-size: 13px;
    border-radius: 0;
    margin-left: -1px;
    border-radius: 0 6px 6px 0;
}
.pg-about .section.header {
    border-bottom: 1px solid #F1F2F3;
    background: #F8F8F8;
}
.pg-about .section.header .container {
    padding: 15px 20px;
}
.pg-tour .section.header .container {
    padding: 15px 20px;
}
.pg-about .section.content {
    padding: 0;
    min-height: calc(75vh - 65.2px);
}
.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 .container {
    padding: 20px;
}
.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 p {
    margin-bottom: 2rem;
    line-height: 26px;
    font-size: 14px;
    color: #666;
}
.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 .box2 {
    background: #FEE17A url(../images/icon-rocket.png) no-repeat -40px 100px;
    background-size: 200px;
}
.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 .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 .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.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 .row .subheading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300;
    text-transform: uppercase;
}
.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 .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;
}
a {
    color: #30A9FF;
}
.pg-about .section.content.slogan {
    padding: 15vh 0;min-height: auto;
}
.pg-about .section.content.slogan .twelve p {
    position: relative;
    text-align: center;
    font-size: 44px;
    line-height: 64px;
    color: #498EE0;
}

/*-----------------------------------------------------------------------
---------------------------tmpl css------------------------------------*/


.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;
    background: #F8F8F8;
}

.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: #0000001a;
}

.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
}
/*-----------------------------------------------------------------------
---------------------------tour Page------------------------------------*/

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

.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-x2.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: -40px -54px;
    border-color: #ff785d
}

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

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

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

.pg-tour .section.customization .column.social span.icon {
    background-position:-42px -386px;
    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: -42px -724px;
    border-color: #fbcd17
}

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

.pg-tour .section.customization .column.advertising span.icon {
    background-position: -45px -895px;
    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-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 {
    
    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%
}

/*-------------------------page resources-----------------------------------------
--------------------------------------------------------------------------------*/

/* .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: 50px;
    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 {
    margin: 5vh 0 14vh 0;
}

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

.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: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: rgb(161 161 161 / 9%) 0px 0px 24px 3px, rgb(0 0 0 / 15%) -3px 6px 20px -10px;
}


/*-----------------------------page submit-----------------------------------------------
--------------------------------------------------------------------------------------*/


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

.pg-submit .section.header {
    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: #444
}

.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: #444;
}

.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
}


/*------------------page manifesto-----------------------------------------------
--------------------------------------------------------------------------------*/


.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: 1;
    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: 50px;
    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)
    }
}


/*------------------Page Contact-------------------------------------------------
------------------------------------------------------------------------------*/

.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;
    margin: 5vh 0 14vh 0;
}

.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
}



.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
}

/*------------------page-privacy--------------------------------------
--------------------------------------------------------------------*/

.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
}

/*--------------------------page setting--------------------------
-----------------------------------------------------------------*/

/* .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: 4vh;
    background: transparent url(../images/icon-settings-bg.png) no-repeat center -30%;
    min-height: 15vh
}

.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: 16px;
    font-weight: 400;
    color: #787878;
    padding-top: 20px;
    letter-spacing: .002em;
}

.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-block {
    background-position: -310px 0;
}
.pg-settings .setting-controls .icon.icon-boost {
    background-position: -360px 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
}
.page .search-form .nav-settings {
    font-size: 11px;
    padding: 3px 0;
    margin-top: 0px;
    display: block;
    text-decoration: none;
    color: #999;
    position: absolute;
    right: 5px
}
.page .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 2px 0 0;
    float: left;
}


.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;
}


.submit-modal {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 700px;
    margin: 10px auto;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    border-radius: 20px;
}

.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: 150px;
    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;
    border-radius: 20px 20px 0 0;
}

.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;
    border-radius: 20px 20px 0 0;
}

.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
}

/*====================== New hompage css here ========================
================================================================*/
.section-2 {
    /* min-height: 100vh; */
    position: relative;
  }
  #section-1 {
    background-color: #2d8df8;
  }
  a#scroll-btn {
    position: absolute;
    height: 9em;
    width: 4.25em;
    border: 0.2em solid #30a9ff;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 6.25em;
    border-radius: 3em;
  }
  a#scroll-btn:before {
    position: absolute;
    content: "";
    margin: auto;
    left: 0;
    right: 0;
    top: 1.2em;
    height: 1.2em;
    width: 1.2em;
    background-color: #30a9ff;
    border-radius: 50%;
    animation: move-down 2s infinite;
  }
  @keyframes move-down {
    80% {
      opacity: 0.5;
    }
    100% {
      transform: translateY(5.3em);
      opacity: 0;
    }
  }
  a#scroll-btn:after {
    position: absolute;
    content: "SCROLL DOWN";
    width: 12em;
    display: block;
    width: 12em;
    text-align: center;
    left: -4.2em;
    bottom: -2.5em;
    font-size: 1.6em;
    color: #30a9ff;
    letter-spacing: 3px;
    font-weight: 600;
  }
  #section-2 {
    background-color: #ffffff;
    color: #000;
    font-size: 2.7em;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1em;
  }
  #section-2 .featured-in{
    margin-top: 40px;
    margin-bottom: 100px;
 }
  #section-2 .featured-in .title h2{
     margin-top: 40px;
     margin-bottom: 60px;
  }
  @media screen and (max-width: 500px) {
    a#scroll-btn {
      font-size: 12px;
    }
  }

  #section-2 .featured-in ul li img {
      margin: 6px 16px;
      /* width: 200px; */
    }
    .section-3 {
        min-height: 70vh;
        position: relative;
      }
      #section-3 {
        background-color: #2d8df8;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
      }
      #section-3 .row {
        display: flex;
        align-items: center;
      }
      .section-4 {
        min-height: 70vh;
        position: relative;
      }
      #section-4 {
        background-color: #CCEAFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
      }
      #section-4 .row {
        display: flex;
        align-items: center;
      }
      .section.videos {
        min-height: 80vh;
        position: relative;
      }
      .section.videos {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
      }
      .yt-video{
        border: 1px solid #e3e3e3;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(154,182,195,.2),0 15px 20px -8px rgba(175,197,207,.431372549)!important;
      }
     .ytp-cued-thumbnail-overlay-image {
        -webkit-background-size: contain; 
        background-size: contain; 
      }

/*==================================================================================================================
================Login SignUp forgot pwd==========================================================================*/

      .page.login .section.header {
        height: 70px;
        border-bottom: unset;
      }
      .page.login .section.header .container .row { 
        display: flex;
        align-items: center;
        padding-top: 10px;
      }
      .page.login .section.header .logo h1 {
        background: url(../images/logo-small-x2.png) no-repeat 0% 15px;
        text-indent: -9999px;
        overflow: hidden;
        height: 65px;
        background-size: auto 45px; margin-bottom: 0;
    }
    .page.login .section.header .signUp, 
    .page.login .section.header .Login  {
        justify-content: end;
        display: flex;
    }
    .page.login .section.header .signUp input, 
    .page.login .section.header .Login input{
        margin-bottom: 0;
        width: 110px;
        height: 48px;
        flex-shrink: 0;
        border-radius: 6px;
        border: 1px solid rgba(221, 221, 221, 0.87);
        background: #FFF;
        color: #0B8DFB;
        text-align: center  ;
        font-size: 12.8px;
        font-style: normal;
        font-weight: 900;
        line-height: 22.53px; /* 176.016% */
        letter-spacing: 0.7px;
        box-shadow: rgb(17 12 46 / 16%) 8px 12px 38px 0px; text-transform: uppercase;
    }
    .page.login .form {
        margin: 15vh 0 14vh 0;
    }
    .page.login .loginForm {
        /* width: 572px; */
        height: auto;
        flex-shrink: 0;
        border-radius: 20px;
        border: 1px solid #DDD;
        background: #FFF;
        box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
        padding: 60px;
    }
    .page.login .section.form .row{
        display: flex;
    }
    .page.login .loginForm h6 {
        color: #212121;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px; /* 176% */
        text-transform: capitalize;
        margin-bottom: 50px;
    }
    .page.login .loginForm.signUplink h6{
        margin-bottom: 20px;
        color: #0196fe;
        font-weight: 500;
    }
    .page.login .loginForm.signUplink a {font-size: 20px; color: #000;text-decoration-color: #d9eeff;}
    .page.login .loginForm.signUplink a:hover {
        text-decoration-color: #0196FE;
    }
    .page.login .loginForm .email, 
    .page.login .loginForm .pwd,
    .page.login .loginForm .user{
        width: 100%;
        height: 60px;
        flex-shrink: 0; 
        border-radius: 6px;
        border: 1px solid #DDD;
        background: #FFF;
        padding-left: 60px;
        margin-bottom: 20px;
    }
    .page.login .loginForm .email {
       background: url(../images/icon-mail.svg) no-repeat 5% 15px;
    }
    .page.login .loginForm .pwd {
        background: url(../images/lock.svg) no-repeat 5% 15px;
     }
     .page.login .loginForm .user {
        background: url(../images/user.svg) no-repeat 5% 15px;
     }
    .page.login .loginForm .Login {
        width: 100%;
        height: 60px;
        border-radius: 6px;
        background: #0196FE;
        color: #FFF;
        padding-left: 50px;
        background: #0196FE url(../images/arrowRight.svg) no-repeat 60% 22px;
        border: 1px solid #0196FE;
    }
    .page.login .loginForm .SignUp {
        width: 100%;
        height: 60px;
        border-radius: 6px;
        background: #0196FE;
        color: #FFF;
        padding-left: 50px;
        background: #0196FE url(../images/arrowRight.svg) no-repeat 62% 22px;
        border: 1px solid #0196FE;
    }
    .page.login .loginForm .Login:hover {
        background: #0283df url(../images/arrowRight.svg) no-repeat 60% 22px;
      }
      
      
    .page.login .loginForm a {
        color: #9f9f9f;
        text-align: center;
        display: block;
    }
    .page.login .section.footer {
        min-height: auto;
    }
    
    .page.login .section.footer .blockIn {
        text-align: center;
    }

    .page.pricing .section.pricingWrp {
        margin: 5vh 0 6vh 0;
    }
    .page.pricing .section.pricingWrp .priceCard {
        /* width: 294px; */
        min-height: 410px;
        border-radius: 20px;
        border: 1px solid #e8e8e8;
        background: #FFF;
        box-shadow: 20px 20px 40px 12px rgba(100, 100, 100, 0.08);
        text-align: center;
    }
    .page.pricing .section.pricingWrp .priceCard h6 {
        text-align: center;
        padding: 16px 0;
        background-color: #f6fcff;
        border-radius: 20px 20px 0 0;
        color: #000;
        font-size: 24px;
        border-bottom: none;
        margin-bottom: 1rem;
    }

    .page.pricing .section.pricingWrp .priceCard ul li {
        padding: 8px 16px;
        border-bottom: 1px solid #e7e7e7;
    }
    .page.pricing .section.pricingWrp .priceCard .pricing-details li.price {
        display: flex;
        justify-content: center;
      align-items: baseline;
    }
    .page.pricing .section.pricingWrp .priceCard .pricing-details li.price h4 {
        margin-bottom: 0.5rem;
    }
    .page.pricing .section.pricingWrp .priceCard .pricing-details {
        min-height: 208px;
    }
    .page.pricing .section.pricingWrp .priceCard ul li.btnGT {
        border: none;
        
    }
    .page.pricing .section.pricingWrp .priceCard ul li .btn-GtStrd {
        width: 85%;
        height: 60px;
        margin-top: 24px;
        border-radius: 6px;
        background: #0196FE;
        color: #FFF;
        background: #0196FE url(../images/arrowRight.svg) no-repeat 80% 22px;
    }
    .section.footer .socialNtwrk {
       display: flex; align-items: center;
       margin-top: 15px;
    }
    .section.footer .socialNtwrk img {
        margin-right: 15px;
    }



    .page.login.thanks .thanksWrp {
        margin: 15vh 0 24vh 0;
    }
    .page.login .section.thanksWrp .row{
        display: flex;
    }
    .page.login.thanks .thanksWrp .thanksIn {
        /* width: 572px; */
        height: auto;
        flex-shrink: 0;
        border-radius: 20px;
        border: 1px solid #DDD;
        background: #FFF;
        box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
        padding: 60px;
        text-align: center;
    }
    .page.login.thanks .thanksWrp .thanksIn h6 {
        color: #212121;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px; /* 176% */
        text-transform: capitalize;
        margin-bottom: 50px;
    }
    .page.login.thanks .thanksWrp .thanksIn .thankscheck {
        background: url(../images/checkIcon.svg) no-repeat 50% 50%;
        background-size: 60px;
        height: 60px;
    }
    .page.login.thanks .thanksWrp .thanksIn h2 {
        margin-top: 24px;
        margin-bottom: 1rem;
        font-weight: 600;
    }

    

    .page.blog {
        
    }
    .page.blog .section.content {
        margin: 5vh 0 3vh 0;
    }
    .page.blog .item {
        position: relative;
        margin-bottom: 30px;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
        border-radius: 20px;
      }
      .page.blog  .item .item-in {
        background: #fff;
        padding: 40px;
        position: relative;
        border-radius: 20px;
        overflow: hidden;
      }
      .page.blog .item .item-in .post {
          display: flex; align-items: center;
          margin: 0px 0 15px 0;
      }
      .page.blog .item .item-in.blogDetails .blogImg{
         display: flex; justify-content: center;
      }
     .page.blog .item .item-in .post a {
          margin-top: 0;
      }
     .page.blog  .item .item-in:hover:before {
        width: 100%;
      }
    .page.blog .item .item-in::before {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 4px;
        width: 0%;
        background: #333333;
        right: 0px;
        transition: width 0.4s;
      }
      .page.blog .item .item-in.blogDetails::before {
        background: unset;
      }
      .page.blog .item h4 {
        font-size: 18px;
        /* margin-top: 5px; */
        margin-bottom: 0;
        letter-spacing: .5px;
        text-transform: uppercase;
      }
      .page.blog .item p {
        font-size: 12px;
      }
      .page.blog .item a {
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        color: #666666;
        margin-top: 10px;
      }
      .page.blog .item a i {
        opacity: 0;
        padding-left: 0px;
        transition: 0.4s;
        font-size: 24px;
        display: inline-block;
        top: 5px;
        position: relative;
      }
      .page.blog .item a:hover {
        text-decoration: none;
      }
      .page.blog .item a:hover i {
        padding-left: 10px;
        opacity: 1;
        font-weight: 300;
      }
      
      .page.blog .item .icon {
        position: absolute;
        top: 27px;
        left: -16px;
        cursor: pointer;
      }
      .page.blog .item .icon a {
        font-family: "Merriweather", serif;
        font-size: 14px;
        font-weight: 400;
        color: #999;
        text-transform: none;
      }
      .page.blog .item .icon svg {
        width: 32px;
        height: 32px;
        float: left;
      }
      .page.blog .item .icon .icon-topic {
        opacity: 0;
        padding-left: 0px;
        transition: 0.4s;
        display: inline-block;
        top: 0px;
        position: relative;
      }
      .page.blog .item .icon:hover .icon-topic {
        opacity: 1;
        padding-left: 10px;
      }

      /*  top navigation */
    .bottomNav {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    /* Style the links inside the navigation bar */
    .bottomNav ul {display: flex;}
    .bottomNav ul li{padding: 5px 40px 0 10px; display: flex;}
    .bottomNav a {
        float: left;
        color: #5B5B5B;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        padding-bottom: 8px;
    }
    .bottomNav ul li.web div {
        /* background: url(../images/iconSprite.png) 1px 3px no-repeat; */
        background: url(../images/web.svg) 1px 3px no-repeat;
        width: 16px;
        height: 20px;
        margin-right: 5px;
    }
    .bottomNav ul li.news div {
        background: url(../images/news.svg) 1px 2px no-repeat;
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }
    .bottomNav ul li.images div {
        background: url(../images/Images.svg) 1px 3px no-repeat;
        width: 16px;
        height: 20px;
        margin-right: 5px;
    }
    .bottomNav ul li.videos div {
        background: url(../images/videos.svg) 1px 3px no-repeat;
        width: 16px;
        height: 20px;
        margin-right: 5px;
    }
    .bottomNav ul li.nav-settings div {
        background: url(../images/settings.svg) 1px 3px no-repeat;
        width: 16px;
        height: 20px;
        margin-right: 5px;
    }
    /* Change the color of links on hover */
    .bottomNav a:hover {
        /* background-color: #ddd; */
        color: #0095fe;
        border-bottom: 3px solid #0095fe;
        /* font-weight: 600; */
    }
    
    /* Add a color to the active/current link */
    .bottomNav a.active {
        border-bottom: 3px solid #0095fe;
        color: #0095fe;
        /* font-weight: 600; */
    }
    .bottomNav li.nav-settings { 
        padding-right: 10px;
    }
    .bottomNav li.more a {display: flex; align-items: center;}

    
    section#imgGrid{
        display: flex;
        flex-wrap: wrap;
      }
      section#imgGrid::after {
        content: '';
        flex-grow: 999999999;
      }
      section#imgGrid  div{
        margin: 6px;
        
        position: relative;
      }
      section#imgGrid i {
        display: block;
      }
      section#imgGrid img{
        position: absolute;
        top: 0;
        width: 100%;
        vertical-align: bottom;
      }


      .main .container {
        max-width: 80rem;
        width: 100%;
        padding: 1rem 0rem;
        margin: 0 auto;
      }
      
      .main .container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1.5rem;
        justify-content: center;
        align-items: center;
      }
      .main .card {
        color: #252a32;
        border-radius: 2px;
      }
      .main .card-image {
        position: relative;
        display: block;
        width: 100%;
        padding-top: 70%;
        background: #ffffff;
      }
      .main .card-image img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .main .card .card-title {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
        max-height: 2rem;
        margin-top: 5px;
      }
      .main .card .card-title a {
         color: #000;
         text-decoration: none;
         line-height: 15px;
      }
      .main .card .card-link a {
        color: #5A5A5A;
        text-decoration: underline;
        font-size: 12px;
     }
      
      @media only screen and (max-width: 600px) {
        .main .container {
          display: grid;
          grid-template-columns: 1fr;
          grid-gap: 1rem;
        }
      }

      
      
      .img-responsive {
        width: 100%;
      }
      .card.video {
          background-color: #fff;
          border-radius: 16px;
          border: 1px solid #E1E1E1;
          padding-bottom: 10px;
          box-shadow: rgb(161 161 161 / 9%) 0px 0px 24px 3px, rgb(0 0 0 / 15%) -3px 6px 20px -10px;
      }
      .card.video .card-image{
          background: unset;
      }
      .card.video .card-title {
        padding-left: 6px;
        overflow: hidden;
        text-overflow: inherit;
        width: 90%;
        max-height: 4rem;
        margin-top: 5px;
      }
      .Videoimg {
          width: 100%;
          border-radius: 16px 16px 0 0;
      }
      
      .card.video button.btn-play {
        position: absolute;
        top: 45%;
        bottom: 0;
        left: 45%;
        outline: 0 !important;
        background-color: transparent;
        color: rgb(255 255 255);
        border-left: 18px solid #fff;
        border-right: 0px solid green;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        width: 0px;
        height: 0px;
        z-index: 99999;
        border-radius: 0;
      }
      .card.video button.btn-play:hover, .card.video button.btn-play:active, .card.video button.btn-play:visited, .card.video button.btn-play:focus {
        color: rgb(163, 163, 163);
      }
     
      .features .title {
          text-align: center;
          /* text-transform: uppercase; */
          margin: 2em 0;
      }