html {
    font-size:18px;
}
*::selection {
  background: #0376cf;
  color: #F3F3F3;
}

@font-face {
  font-family: "Lato-Bold";

  src: url("./fonts/Lato-Bold.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Lato-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato-BlackItalic";

  src: url("./fonts/Lato-BlackItalic.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Lato-BlackItalic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Regular";

  src: url("./fonts/Lato-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Lato-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GoodHeadlineOT-CondBold";

  src: url("./fonts/GoodHeadlineOT-CondBold.woff") format("woff"), /* Modern Browsers */
    url("./fonts/GoodHeadlineOT-CondBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GoodHeadlineOT-CondBoldItalic";

  src: url("./fonts/GoodHeadlineOT-CondBoldItalic.woff") format("woff"), /* Modern Browsers */
    url("./fonts/GoodHeadlineOT-CondBoldItalic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html,
h4, .delta, h5, .epsilon, h6, .zeta, p, a {
    font-family: "Lato-Regular", "roboto", "Arial", sans-serif;
    color:#0376cf;
}

h1, .alpha, h2, .beta,  h3, .gamma  {
    font-family: "GoodHeadlineOT-CondBold", "roboto", "Arial", sans-serif;
    color:#0376cf;
}

p {
    font-size: 20px;
    line-height: 25px;
}

.container.spacing.container-to-left {
    max-width: 1040px;
}

.nav-mobile-active body.cookie-active .site-header {
    top:0 !important;
}



.home .site-header .float--left * {
    font-size:16px;
}
.home .site-header .float--left p,
.home .site-header .float--left p em {
    color:#FFF;
}

.home a.bookmark {
	color: #ffffff !important;
}

.site-header a.bookmark {
	color: #0376cf;
}

.site-header .float--left p {
    font-size: 16px;
}

.site-header .float--left a span { 
    font-weight: normal;
}

.site-header .float--left a span {
    font-weight: normal;
    font-size: 16px;
}

.site-header .float--left *,
select, input[type="text"], textarea {
    color:#0376cf;
}

.results .icon-search,
.results .icon-close {
    color:#0376cf;
}

.home .site-header .btn.btn--ghost {
    border:0 !important;
}
.impact p {
	font-size: 16px;
    padding: 0.4rem 0 0.5rem;
    color: #ffffff;
}

.impact .tool-tip .tool-tip__inner {
	font-size: 16px !important;

}

.impact__counter {
    font-size:16px !important;
}

.impact .impact__counter {
    line-height: 42px;
}

.results .site-header {
    font-size:14px;
}

 

body:not(.results) .site-header {
    background: transparent;
    position: relative;
}

@media (min-width: 1020px) {


    body:not(.home):not(.results) .main__top {
        padding-top:4rem;
    }
    body:not(.home):not(.results) .main {
        position: static;
    }
    .home .site-header {
        min-height:131px;
    }
}

.btn-show-news {
    width:2rem;
    height:2rem;
    line-height:2.1rem;
    text-align: center;
    background: #FFF;
    border-radius: 50%;
    display:inline-block;
}
.btn-show-news:hover { 
    opacity:0.8;
}

.btn-show-news svg {
    display:inline-block;
    width: 1.5rem;
    height: 2rem;
}

.main__top .container {
    padding-top:0;
}

.more_down {
    font-weight:bold;
    color:#FFF;
}

.logo-big {
    width:180px;
    margin-bottom:1rem;
}
.home .logo-big {
    width:280px;
}
.home footer .logo-big {
    width:160px;
    margin-top:4rem;
    margin-bottom:0;
}


.results .site-header form {
    float:right;
}

.nav-mobile__inner ul.nav-main a {
    font-family: "Lato-Bold"; 
    font-size: 16px;
}


.nav-mobile__inner ul a {
    font-family: "Lato-Regular"; 
    font-size: 16px;    
}


.home .site-header {
    background: transparent;
}
.site-header {
    font-size:16px;
}
.container--medium {
    max-width: 750px !important;
}

.container--small {
    max-width: 550px !important;
}

.margin-bottom--tiny {
    margin-bottom:1rem;
}

.news-items__content a,
.impact .impact__counter, .news-alert__counter {
    color:#0376cf !important;
    border: 0px solid #AAAAAA !important;
}



.btn:hover, .btn {
    color: white !important;
    background-color:#0376cf !important;
}
.btn {
    font-weight:bold;
}
.btn:hover {
    opacity:0.8;
}

.site-header .btn--ghost {
    background: #FFF !important;
    font-size:14px;
}


 

.search-mini button {
top: 0.2rem;
}

.googlebar {
    padding-top:0.75rem;
}
.googlebar--mobile {
    font-size:14px;
}

.bar {
    background:rgba(0,0,0,0.3);
    height:77px;
    margin-top:-77px;
}
.bar svg * {
    fill:#AAA;
}



.new-news, 
.btn--toggle .icon-bar {
    background: #0376cf !important;
}
.home .btn--toggle .icon-bar {
    background: #FFF !important;
}
.footer {
    font-size:14px;
}
 
.footer {
    padding:1.5rem 1rem 1rem;
}

.footer a, .footer span  {
    color:#0376cf;
    display:inline-block;
    margin-bottom:0.5rem;
    text-decoration: none;
}



.fullheight {
    min-height:100vh;
    background-image:url(images/bg.jpg);
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    position:relative;
    background-color: #FFF;
}

.main__top input {
    font-family: "Lato-Regular", "roboto", "Arial", sans-serif;
    font-size:1.4rem;
    font-weight:normal;
    padding: 0.6em 1.25em 0.55em 1.25em;
    border:0;
    border-radius: 6px !important;
    color:#0376cf !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#0376cf !important;
}

.search-mini input {
	    border-radius: 6px !important;
   		border-color:#0376cf;

}

.main__top button {
    font-size:2rem;
    top:0.5rem;
    margin-left:0.5rem;
    left:100%;
    color:#FFF;
    right:auto;
}

.main__top form {
    margin-bottom:1rem;
    position: relative;
}


.flex--around {
    -ms-justify-content: space-around !important;
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important;
}

.home .main__top, .home .main__top + .one-whole {
    z-index:9;
    position: relative;
}

.site-branding {
margin-top: 0rem !important;
    margin-bottom: -3.5rem;
}

.flex--around a {
    margin:1.5rem 0.75rem;
    max-width:130px;
}

.flex--around a.smaller { 
    max-width:90px;
}
.flex--around a.small { 
    max-width:100px;
}
.flex--around a {
    margin-left:0;
    margin-right:0;
}
.flex--around a + a {
    margin-left:1.75rem;
    margin-right:1.75rem;
}

.padding-top {
    padding-top:2rem;
}

body.home .site-header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

body.results .site-header {
    background-image: none !important;
}


h2, h1 {
    font-weight:900;
    font-size:3.8rem;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 3rem;
}

h3 {
    font-weight:900;
    font-size:1.5rem;
        text-transform: uppercase;
    line-height: 1;
    margin-bottom: 1rem;
}

section, footer {
    position: relative;
    z-index:9;
    background:#FFF;
}

.margin-bottom--huge {
    margin-bottom:30vw;
}

.parallax {
    position: fixed !important;
    z-index:1 !important;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.parallax img {
    position: :absolute;
    object-fit: cover;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.parallax-2 {
    opacity:0;
    transition:all ease-out 0.25s;
}

.js-swap .parallax-2 {
    opacity:1;
}


em {
  font-weight: bolder;

}

.page {
    overflow: hidden;
}


.section--sign {
    padding-top:8rem;
    padding-bottom:7rem;
}

.section--blue {
    padding-top:8rem;
    padding-bottom:7rem;
    background: #0376cf;
}
.section--blue * {
    color:#FFF;
}

.section--faq {
    background: #0376cf;
    position: relative;
    padding-top:8rem;
    padding-bottom:7rem;
}
.section--faq * {
    color:#FFF;
}
.section .container {
    position: relative;
    z-index:999;
}

.underlined {
    font-weight:bold;
    text-decoration: underline;
}

.no-margin {
    margin-bottom: 0.25rem;
}


.nav-mobile-active body, .nav-mobile-active body {
    padding-top:0 !important;
}
.site-header {
    position: absolute;
    top:0;
    left:0;
    width:100%;
}
.results .site-header {
    position: relative
}

.nav-mobile-active #cookie {
    display:none !important;
}


.ext-safari, .ext-firefox, .ext-chrome {
    background-color: #FFF;
    padding:0.4rem 1.4rem 0.35rem 3rem;
    font-size: 1rem;
    font-weight: bold !important;
    color:#0376cf;
    display:inline-block;
    margin:0.25rem;
    background-repeat: no-repeat;
    background-size:1.4rem;
    background-position:0.8rem center;
    text-decoration: none !important;
    border-radius: 6px;
    border:2px solid #0376cf;
}
.ext-safari:hover, .ext-firefox:hover, .ext-chrome:hover { 
    background-color:#0376cf;
    color:#FFF;
}
.ext-safari {
    background-image:url(images/safari-extension.png);
}
.ext-firefox {
    background-image:url(images/firefox-extension.png);
}
.ext-chrome {
    background-image:url(images/google-extension.png);
}

.ext-play, .ext-app {
    display:inline-block;
    width:7rem;
    margin:0.25rem;
}
.ext-play:hover, .ext-app:hover { 
    opacity:0.8;
}



.toggle-item {
    margin-bottom:0;
    border-bottom:2px solid #FFF;
}

.toggle-item__content {
    display:none;
    padding:0.25rem 0 1.5rem;
    padding-right:2rem;
}
.toggle-item__content p:last-child {
    margin-bottom:0;
}

.toggle-item__opener {
	font-size:20px;
    position:relative;
    padding-top:0.75rem;
    padding-bottom:0.65rem;
    padding-right:2rem;
    display:block;
    text-decoration:none;
}
.toggle-item__opener::after {
    content: '';
    width:1rem;
    right:0;
    position: absolute;
    top:50%;
    height:1rem;
    margin-top:-0.5rem;
    background-position:center center;
    background-repeat: no-repeat;
    background-size:0.8rem;
    background-image: url(images/down.svg);
}

.js-open.toggle-item__opener::after {
    transform: rotate(180deg);
}


.object-fit__image {
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    object-fit:cover;
    z-index:9;
}

.fullheight {
    position:relative;
    min-height:100vh;
}


.tiny-blue {
    width:100px;
}



@media (max-width:1400px) {    
    .spacing--big {
        padding-top:6rem;
        padding-bottom:3.5rem;
    }
  
   .nav-mobile-active .parallax {
        display:none;
    }
   

}


@media (max-width:1200px) { 
    html {
        font-size:18px;
    }   
    
        a.clear {
        top:0.2rem !important;
    }
    
    .search-mini button {
    top: 0.3rem !important;
}
    
}



@media (max-width: 800px) {
    .main__top form {
        padding-right:3rem;
    }
    .main__top button { 
        left:auto;
        right:0;
    }
    .logo-big {
        width:140px;
        margin-bottom:1rem !important ; 
    }
    .home .logo-big {
        width:200px;
    }
    .home footer .logo-big {
        width:180px;
        margin-top:3rem;
    }
    .flex--around a {
        max-width: 120px;
    }
    .flex--around a.smaller {
        max-width: 60px;
    }
    h2, h1 {
        font-size: 3rem;
    }
    .tiny-blue {
        margin-right:3rem;
    }
    
        a.clear {
        top:0.5rem !important;
    }
    
    .search-mini button {
    top: 0.6rem !important;
}
}


@media (max-width:640px) {
    #search-form-mobile {
        display:block;
    }
    
    .site-header form,
    .googlebar {
        display: none;
    }
    h2, h1 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    .section--sign p br {
        display:none;
    }
    .section--sign, .section--blue, .section--faq {
        padding-top:5rem;
        padding-bottom:4rem;
    }
    .main__top {
        padding-top:4rem;
    }
      .parallax {
        position: relative !important;
        z-index: 5 !important;
        top: 0;
        left: 0;
        height: 60vw;
        width: 100%;
        margin-top: -2vw;
    }
     .margin-bottom--huge {
        margin-bottom:0;
    }
    .results .main > .container:first-child {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .results .site-branding {
        margin-top: 0.6rem;
        margin-bottom: 0;
    }
    .flex--around a {
        margin: 1rem !important;
    }
    .results .googlebar--mobile {
    display:block !important;
  }
  
     a.clear {
        top:0.5rem !important;
    }
    
    .search-mini button {
    top: 0.6rem !important;
}
}

@media (max-width:480px) {
    h1 br {
        display: none;
    }
    .main__top input {
        padding-left:0.75rem;
        padding-right:1.75rem;
        font-size:4.8vw;
    }
    .main__top button {
        top:2.25vw;
        font-size: 6vw;
        color:#0376cf;
    }
    body.cookie-active .news-items {
        top:80px !important;
    }
    
    .main__top .container {
        padding-left:1rem;
        padding-right:1rem;
    }
    .main__top form {
        padding-right:0;
    }
    .tiny-blue {
        margin-right:0;
    }
}

@media (max-width:460px) { 
    .news-items::before {
        margin-right: 6.3rem !important;
    }
    .impact p {
        font-size:12px;
        padding-top:0.45rem;
        margin-right:1rem;
    }
    .results .impact, .results .news-alert {
        margin-right:1rem !important;
    }
    .results .site-header .container--full {
        padding-left:10px !important;
        padding-right:10px !important;
    }

}

@media (max-width:380px) { 
    .main__top input {
        padding-left:0.6rem;
        padding-right:0.6rem;
    }
    .results .impact p { 
        display: none;
    }
    .results .logo-big {
        max-width:80%;
    }
}