html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"league-woff";src:url("/fonts/leaguegothic.woff")}@font-face{font-family:"league-legacy";src:url("/fonts/leaguegothic.eot");src:local("☺︎"),url("/fonts/leaguegothic.ttf") format("opentype"),url("/fonts/leaguegothic.svg") format("svg")}.article__header,.article__title,.result__time,.password-input,.header{font-family:"league-woff","league-legacy",sans-serif;font-weight:300;text-decoration:none;text-transform:uppercase}body,input,select,textarea{font-family:"Helvetica Neue",sans-serif;font-weight:200}html{font-size:1em;line-height:1.5em;background:#376a82;-webkit-font-smooting:antialiased;transition:background 1s linear}html.neutral{background:#376a82}html.bad,html.insecure{background:#c23333}html.ok{background:#db7d3a}html.good{background:#378241}.hidden{position:absolute;left:-1000px;width:0;height:0}body{margin:0 auto;position:relative}em{font-style:italic}a{text-decoration:underline}sup{font-size:.5em;vertical-align:super}code{background:rgba(255,255,255,.6);border-radius:5px;color:#222;font-family:monospace;padding:2px 6px}hr{background:rgba(255,255,255,.6);border:none;margin:3em 1.5em;height:1px}.header{letter-spacing:1px}.header--sub-title{font-size:1.3125em;line-height:1.1428571429em}.header__link{text-decoration:none}.title{font-size:3em;line-height:1em;padding-top:1em;color:#fff;color:rgba(255,255,255,.6);display:block;margin:0 auto;text-align:center;transition:font-size 1s linear}@media only screen and (min-width: 768px){.title{font-size:4.5em;line-height:.6666666667em;padding-top:.6666666667em}}@media only screen and (min-width: 1440px){.title{font-size:5em;line-height:.4444444444em;padding-top:.4444444444em}}.block__header{font-size:1.3125em;line-height:1.1428571429em;background:#222;color:#fff;padding:.5714285714em 1.1428571429em}@media only screen and (min-width: 768px){.block__header{font-size:1.5em;line-height:1em;padding:0 1em;padding:.5em 1em}}.block__body{font-size:.875em;line-height:1.7142857143em;padding:0 1.7142857143em;padding-bottom:.8571428571em;padding-top:.8571428571em}@media only screen and (min-width: 768px){.block__body{font-size:1em;line-height:1.5em;padding:0 1.5em;padding-bottom:.75em;padding-top:.75em}}.text-block p+p{margin-top:1.5em}.text{font-size:.875em;line-height:1.7142857143em;color:#fff;margin:1.5em 0;text-align:center}.sponsor{color:#fff;color:rgba(255,255,255,.85);margin:3em auto;max-width:1024px;padding:0 1.5em;text-align:center}.sponsor__img{max-width:100%}.checks__item,.result{border:1px solid #fff;background:#fff;background:rgba(255,255,255,.6);box-sizing:border-box;color:#222;margin:0 auto;max-width:1024px}@media only screen and (max-width: 1023px){.checks__item,.result{border-left:0;border-right:0}}.checks a,.result__text a{color:#378241;font-weight:bold;text-decoration:none}.checks a:hover,.checks a:focus,.result__text a:hover,.result__text a:focus{text-decoration:underline}.result{margin-top:1.5em;padding:0 1.5em;padding-bottom:1.5em;padding-top:1.5em;text-align:center}.result__before{margin-bottom:.75em}.result__after{margin-bottom:.75em}.result__time{font-size:3em;line-height:1em;display:block}.result__buttons{margin-top:1.5em;text-align:center}.result__advertising{font-weight:bold}.result__link{font-size:.8125em;line-height:1.8461538462em;background:#0099e4;border-radius:5px;color:#fff;display:inline-block;font-weight:bold;margin:0 5px;padding:2px 10px 3px;text-decoration:none}.result__link:hover,.result__link:focus{background:#007ec3}.checks{margin-top:1.5em}.checks .fake-link{color:#378241;font-weight:500}.checks__item+.checks__item{border-top:0}.checks__item--emph{font-size:1.125em;line-height:1.3333333333em;font-weight:300}.checks__level--insecure .header{font-size:2em;line-height:1.5em;padding:0 .75em;color:#c23333}.checks__level--insecure .header a{color:#c23333}.checks__level--warning .header{color:#db7d3a}.checks__level--warning .header a{color:#db7d3a}.checks__level--achievement .header{color:#378241}.checks__level--achievement .header a{color:#378241}.checks__level--notice .header{color:#376a82}.checks__level--notice .header a{color:#376a82}.footer{font-size:.75em;line-height:2em;border-top:1px solid #fff;box-sizing:border-box;position:absolute;bottom:0;width:100%;padding:0 1.5em;background:#222;color:#fff;padding-bottom:1.5em;padding-top:2em;text-align:center}html,body{height:100%}.content{padding-bottom:16.5em}.container{position:relative;height:auto !important;height:100%;min-height:100%}@media only screen and (min-width: 768px){.footer{font-size:.875em;line-height:1.7142857143em;box-sizing:border-box;position:absolute;bottom:0;width:100%;padding-top:1.7142857143em}html,body{height:100%}.content{padding-bottom:16.9285714286em}.container{position:relative;height:auto !important;height:100%;min-height:100%}}.footer a{color:#fff}.footer__disclaimer{font-size:.8333333333em;line-height:2.4em;margin-top:1.5em}.footer__language{font-size:1.1428571429em;line-height:1.5em;margin-bottom:1.5em}.article{color:rgba(255,255,255,.85);margin:0 auto;max-width:1024px}.article__formula{padding:0 .75em;font-size:2em;line-height:1.5em;display:block;margin:0 .75em .75em;text-align:center}.article__title{padding:0 .5em;font-size:3em;line-height:1em;margin:.5em 0;text-align:center}.article__header{padding:0 .75em;font-size:2em;line-height:1.5em;margin:1.5em 0 0}.article__footnotes{font-size:.875em;line-height:1.7142857143em}.article p{padding:0 1.1428571429em;font-size:1.3125em;line-height:1.6em;margin:0 0 1.1428571429em}.article a{color:#fff;text-decoration:underline}
.input-descr {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
    padding: 0 1.5em;
    line-height: 20px;
}
@media screen and (min-width: 768px) {
    .input-descr {
        padding: 0;
    }
}
.input-descr::before {
    content: '';
    background-image: url('lock.svg');
    background-size: auto;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: inline-block;
    margin-right: 10px;
}
@media screen and (min-width: 768px) {
    .input-descr::before {
        width: 35px;
        height: 35px;
    }
}
.sponsor {
    color: #fff;
    font-size: 18px;
    margin: 1.5em auto;
}
@media screen and (min-width: 768px) {
    .sponsor {
        margin: 3em auto;
    }
}
.sponsor a {
    color: #fff;
    padding: 2rem 4rem 2rem 3rem;
    text-align: center;
    background-color: #aa3631;
    background-image: url("arrow-min.png");
    background-size: 49px auto;
    background-repeat: no-repeat;
    background-position: right center;
    max-width: none;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
}
.sponsor strong {font-weight: bold;}
.sponsor span {color: #fff; text-decoration: underline;}
.banner-img-container {
    text-align: center;
    position: relative;
    margin: 40px 0 10px;
    display: flex;
    justify-content: center;
}
.banner-img-container .desktop {
    display: none;
}
@media screen and (min-width: 768px) {
    .banner-img-container {
        display: block;
    }
    .banner-img-container .desktop {
        display: block;
    }
    .banner-img-container .mobile {
        display: none;
    }
}
.sponsor-img-container {
    text-align: center;
    position: relative;
    display: block;
    margin: 40px 0 10px;
}
@media screen and (min-width: 768px) {
    .sponsor-img-container {
        display: none;
    }
}
.banner-img-container .banner-img {
    position: relative;
    display: block;
    max-width: 728px;
    margin: 0 auto;
}
.sponsor-img-container .sponsor-img {
    position: relative;
    display: block;
    max-width: 300px;
    margin: 0 auto 30px;
}
.banner-img-container .banner-img img,
.sponsor-img-container .sponsor-img img {
    max-width: 100%;
}
.banner-img-container .banner-text,
.sponsor-img-container .sponsor-text {
    position: absolute;
    top: -17px;
    right: 0;
    color: #fff;
    font-size: 12px;
}
.privacy-link {
	text-align: center;
	margin-bottom: 20px;
}
.content {
    padding-bottom: 360px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
}
.password-input {
	font-size: 3em;
	line-height: 1.5em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff;
	background: rgba(255, 255, 255, .6);
	box-sizing: border-box;
	display: block;
	height: 1.5em;
	margin-top: 1em;
	padding: 0;
	text-align: center;
	text-transform: none;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .password-input {
        border-radius: 10px;
        border: 1px solid #fff;
    }
}
.password-input:focus {
	outline: none
}
.password-input::-moz-placeholder {
	color: #376a82
}
.password-input:-ms-input-placeholder {
	color: #376a82
}
.password-input::placeholder {
	color: #376a82
}
.add-block {
    position: absolute;
    top: -173px;
    left: 0;
    width: 160px;
    height: 100%;
    max-height: 600px;
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 35px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .add-block {
        display: flex;
    }
}
.add-block.right {
    right: 0;
    left: auto;
}
.sponsor-ad {
    display:none;
    width:300px;
    height:250px;
    margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
    .sponsor-ad {
        display: none;
    }
}
.sponsor-ad .adsbygoogle {
    display:inline-block;
    width:300px;
    height:250px;
}
.top-banner-ad {
    width: 728px;
    height: 90px;
    display: none;
    text-align: center;
    position: relative;
    margin: 40px auto 10px;
}
@media screen and (min-width: 768px) {
    .top-banner-ad {
        display: block;
    }
}
.top-banner-ad .adsbygoogle {
    display:inline-block;
    width:728px;
    height:90px;
}
.add-block .adsbygoogle {
    display:inline-block;
    width:160px;
    height:600px;
}
.cookie-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    color: #2B2B2B;
    font-size: 16px;
    display: none;
    text-align: left;
}
.cookie-bar .container {
    padding: 1.5em 3em;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .cookie-bar .container {
        flex-direction: row;
        width: 100%;
        max-width: 1200px;
    }
}
.cookie-bar .bar-content {
    line-height: 1.2;
}
.cookie-bar .bar-content strong {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
    .cookie-bar .bar-content {
        margin-right: 20px;
        line-height: inherit;
    }
    .cookie-bar .bar-content strong {
        margin-bottom: 0;
    }
}
.cookie-bar .bar-links {
    text-align: right;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .cookie-bar .bar-links {
        display: block;
        width: auto;
        margin-top: 0;
    }
}
.cookie-bar .bar-links a {
    display: block;
    text-align: center;
}
.cookie-bar a {
    color: inherit;
}
.cookie-bar .bar-links .cb-accept {
    color: #fff;
    background-color: #315F75;
    padding: .6em 1.5em;
    text-decoration: none;
    margin: 0;
    display: inline-block;
}
.cookie-bar .bar-links .cb-accept.text {
    color: #2B2B2B;
    background-color: transparent;
    padding: 0;
    text-decoration: none;
    margin-top: 5px;
    display: block;
}

.modal {
    display: none;
}

.modal.is-open {
    display: block;
}

/**************************
  Basic Modal Styles
**************************/

.modal {
    font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:10;
}

.modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 740px;
    height: 100%;
    width: 50%;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
}

@supports (display: flex) {

    .modal__container {
        height: initial;
        max-height: 80vh;
    }

}

.modal__header {
    position: relative;
    display: block;
    height: 30px;
    margin-bottom: 20px;
}

@supports (display: flex) {

    .modal__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height:initial;
        margin-bottom: 0px;
    }

}

.modal__title {
    position: absolute;
    top: 20px;
    left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: 0;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}

@supports (display: flex) {

    .modal__title {
        position: static;
    }

    .modal__close {
        position: static;
    }

}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
    margin-top: 10px;
    margin-bottom: 10px;
    color: rgba(0,0,0,.8);
}

@supports (display: flex) {

    .modal__content {
        margin-top: 2rem;
        margin-bottom: 2rem;
        line-height: 1.5;
    }

}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0,0,0,.8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}

/**************************
  Demo Animation Style
**************************/

@keyframes mmfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes mmslideIn {
    from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}

/**************************
  Custom styles for individual modals
**************************/

.modal__container button {
    outline: none;
    cursor: pointer !important;
}

.modal__container h2.modal__title {
    color: #595959;
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
    font-size: 24px;
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0,0,0,.8);
}

.modal__content b {
    font-weight: bold;
}

.modal__btn {
    padding: 10px 15px;
    background-color: #e6e6e6;
    border-radius: 4px;
    -webkit-appearance: none;
}

/**************************
  Mobile custom styles for individual modals
**************************/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .modal__container {
        width: 90% !important;
        min-width: 90% !important;
    }

    @supports (display: flex) {

        .modal__container {
            width: 90% !important;
            min-width: 90% !important;
        }

    }

}