/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,footer,header,nav,section{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
figcaption,figure,main{
    display:block
}
figure{
    margin:1em 40px
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
audio,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
menu{
    display:block
}
summary{
    display:list-item
}
canvas{
    display:inline-block
}
template{
    display:none
}
[hidden]{
    display:none
}
@font-face{
    font-family:Lato-Light;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url(../fonts/Lato-Light.eot);
    src:url(../fonts/Lato-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Light.ttf) format("truetype"),url(../fonts/Lato-Light.woff) format("woff"),url(../fonts/Lato-Light.woff2) format("woff2")
}
@font-face{
    font-family:Lato-Regular;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url(../fonts/Lato-Regular.eot);
    src:url(../fonts/Lato-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Regular.ttf) format("truetype"),url(../fonts/Lato-Regular.woff) format("woff"),url(../fonts/Lato-Regular.woff2) format("woff2")
}
@font-face{
    font-family:Lato-Semibold;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url(../fonts/Lato-Semibold.eot);
    src:url(../fonts/Lato-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Semibold.ttf) format("truetype"),url(../fonts/Lato-Semibold.woff) format("woff"),url(../fonts/Lato-Semibold.woff2) format("woff2")
}
@font-face{
    font-family:Lato-Bold;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url(../fonts/Lato-Bold.eot);
    src:url(../fonts/Lato-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Bold.ttf) format("truetype"),url(../fonts/Lato-Bold.woff) format("woff"),url(../fonts/Lato-Bold.woff2) format("woff2")
}
@font-face{
    font-family:Lato-Black;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url(../fonts/Lato-Black.eot);
    src:url(../fonts/Lato-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Black.ttf) format("truetype"),url(../fonts/Lato-Black.woff) format("woff"),url(../fonts/Lato-Black.woff2) format("woff2")
}
@font-face{
    font-family:Rotonda-Regular;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url(../fonts/RotondaC.eot);
    src:url(../fonts/RotondaC.eot?#iefix) format("embedded-opentype"),url(../fonts/RotondaC.ttf) format("truetype"),url(../fonts/RotondaC.woff) format("woff"),url(../fonts/RotondaC.woff2) format("woff2")
}
@font-face{
    font-family:Rotonda-Bold;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url(../fonts/Rotonda-Bold.eot);
    src:url(../fonts/Rotonda-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Rotonda-Bold.ttf) format("truetype"),url(../fonts/Rotonda-Bold.woff) format("woff"),url(../fonts/Rotonda-Bold.woff2) format("woff2")
}
h1,h2,h3,h4,h5,h6,p{
    margin:0;
    padding:0;
    color:#0056ba
}
h1,h2,h3,h4,h5,h6{
    line-height:1.33em
}
.title,h1,h2{
    font-family:Rotonda-Bold,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
h3,h4,h5,h6{
    font-family:Lato-Bold,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
img{
    max-width:100%;
    display:block;
    height:auto
}
.title,h1{
    font-size:64px
}
@media all and (max-width:1499px){
    .title,h1{
        font-size:44px
    }
}
@media all and (max-width:767px){
    .title,h1{
        font-size:36px
    }
}
@media all and (max-width:479px){
    .title,h1{
        font-size:34px
    }
}
h2{
    font-size:48px
}
@media all and (max-width:1499px){
    h2{
        font-size:28px
    }
}
@media all and (max-width:767px){
    h2{
        font-size:36px
    }
}
@media all and (max-width:479px){
    h2{
        font-size:34px
    }
}
h3{
    font-size:30px;
    line-height:1.2
}
@media all and (max-width:1499px){
    h3{
        font-size:22px
    }
}
@media all and (max-width:767px){
    h3{
        font-size:18px
    }
}
h4,h5{
    font-size:24px
}
@media all and (max-width:1023px){
    h4,h5{
        font-size:16px
    }
}
a,li,p{
    font-size:18px;
    line-height:1.35;
    font-family:Lato-Regular,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
@media all and (max-width:1499px){
    a,li,p{
        font-size:14px
    }
}
.body-overflow{
    overflow:hidden
}
.wrapper{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(0,#0056ba));
    background:-webkit-linear-gradient(#fff 50%,#0056ba 0);
    background:linear-gradient(#fff 50%,#0056ba 0);
    background-attachment:fixed;
    background-size:100% 160px;
    padding:0 120px;
    position:relative
}
@media all and (max-width:1099px){
    .wrapper{
        padding:0 60px
    }
}
@media all and (max-width:479px){
    .wrapper{
        padding:0 40px
    }
}
@media all and (max-width:374px){
    .wrapper{
        padding:0
    }
}
.container{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    max-width:1400px;
    width:100%;
    position:relative;
    margin:0 auto;
    padding:0 60px
}
@media all and (max-width:1279px){
    .container{
        padding:0 30px
    }
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0
}
a,button{
    outline:0
}
a{
    text-decoration:none;
    color:inherit;
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
b,strong{
    font-size:inherit;
    font-weight:inherit
}
b,strong{
    font-weight:bolder
}
ul{
    list-style:none
}
i{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit
}
.fw{
    display:-ms-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.site-button{
    font-size:14px;
    color:#fff;
    padding:12px 18px;
    max-width:240px;
    width:100%;
    display:inline-block;
    border:none;
    line-height:1.3em;
    cursor:pointer;
    -webkit-transition:all .25s;
    transition:all .25s;
    border:2px solid #fff;
    border-radius:30px;
    text-align:center;
    font-family:Lato-Bold,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
@media all and (max-width:1365px){
    .site-button{
        font-size:14px
    }
}
.site-button:hover{
    background-color:#fff;
    color:#0056ba
}
.site-button--blue{
    background-color:#0056ba;
    color:#fff;
    border:2px solid #0056ba
}
.site-button--blue:hover{
    background-color:#fff;
    color:#0056ba;
    border:2px solid #fff
}
.sidebar__facebook path{
    fill:#0056ba;
    -webkit-transition:all .25s;
    transition:all .25s
}
.sidebar__facebook svg:hover path{
    fill:#073c92
}
.sidebar__language{
    position:relative;
}
@media all and (max-width:1023px){
    .sidebar__language{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.sidebar__language:hover .sidebar__dropdown{
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
}
.sidebar__current,.sidebar__dropdown__item{
    font-size:21px;
    font-family:Rotonda-Bold,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    color:#0056ba
}
@media all and (max-width:767px){
    .sidebar__current,.sidebar__dropdown__item{
        font-size:18px
    }
}
.sidebar__current:hover{
    color:#073c92
}
@media all and (max-width:1023px){
    .sidebar__current{
        position:relative
    }
}
.sidebar__dropdown{
    position:absolute;
    width:-webkit-calc(100% + 10px);
    width:calc(100% + 10px);
    padding-left:10px;
    left:-10px;
    background-color:#fff;
    -webkit-transition:all .25s;
    transition:all .25s;
    -webkit-transform:rotateX(90deg);
    transform:rotateX(90deg);
    -webkit-transform-origin:center top;
    transform-origin:center top;
    padding-top:5px
}
@media all and (max-width:1023px){
    .sidebar__dropdown{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        position:relative;
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        padding-top:0
    }
}
.sidebar__dropdown__item{
    text-align:left;
    padding:5px 0;
    -webkit-transition:all .25s;
    transition:all .25s
}
@media all and (max-width:1023px){
    .sidebar__dropdown__item{
        padding:0;
        margin-right:10px
    }
    .sidebar__dropdown__itemlast-child{
        margin-right:0
    }
}
.sidebar__dropdown__item a{
    font-size:inherit;
    color:inherit;
    font-weight:inherit;
    font-family:inherit
}
.sidebar__dropdown__item:hover{
    color:#073c92
}
.burger{
    position:relative;
    cursor:pointer
}
.burger__line{
    width:30px;
    height:4px;
    background-color:#0056ba;
    position:absolute;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:all .25s;
    transition:all .25s
}
.burger__line:nth-child(1){
    top:7px
}
.burger__line:nth-child(2){
    top:20px
}
.burger.is-active .burger__line:nth-child(1){
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg);
    top:15px
}
.burger.is-active .burger__line:nth-child(2){
    -webkit-transform:translate(-50%,-50%) rotate(135deg);
    transform:translate(-50%,-50%) rotate(135deg);
    top:15px
}
.main{
    max-width:1400px;
    width:100%;
    margin:0 auto;
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.1);
    box-shadow:0 0 15px 0 rgba(0,0,0,.1);
    background-color:#fff
}
.header{
    position:fixed;
    z-index:3;
    width:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    padding:0 120px;
    -webkit-transition:height .35s;
    transition:height .35s
}
.header.smart .header__logo__img{
    margin-right:0;
    margin-right:50px;
    max-width:110px
}
@media all and (max-width:1023px){
    .header.smart .header__logo__img{
        max-width:75px;
        margin-right:30px
    }
}
@media all and (max-width:767px){
    .header.smart .header__logo__img{
        margin-right:0
    }
}
.header.smart .header__navigation{
    padding-top:5px
}
@media all and (max-width:1499px){
    .header.smart .header__title{
        font-size:44px
    }
}
@media all and (max-width:1279px){
    .header.smart .header__title{
        font-size:36px
    }
}
@media all and (max-width:767px){
    .header.smart .header__title{
        font-size:28px
    }
}
@media all and (max-width:567px){
    .header.smart .header__title{
        font-size:24px
    }
}
@media all and (max-width:374px){
    .header.smart .header__title{
        padding:0 8px;
        font-size:20px
    }
}
@media all and (max-width:1099px){
    .header{
        padding:0 60px
    }
}
.header .container{
    padding:0
}
@media all and (max-width:767px){
    .header{
        padding:0
    }
}
.header__container{
    background-color:#fff;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:8px 60px 0;
    height:auto;
    -webkit-transition:height .25s;
    transition:height .25s
}
@media all and (max-width:1023px){
    .header__container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding:10px 30px
    }
}
@media all and (max-width:767px){
    .header__container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding:7px 30px
    }
}
@media all and (max-width:374px){
    .header__container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding:7px 20px
    }
}
.header__logo{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:90%;
    padding-right:20px;
    width:100%;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
@media all and (max-width:1279px){
    .header__logo{
        max-width:85%
    }
}
@media all and (max-width:1023px){
    .header__logo{
        max-width:100%;
        padding:0;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
.header__logo__img{
    max-width:140px;
    margin-right:40px;
    -webkit-transition:all .25s;
    transition:all .25s
}
@media all and (max-width:1279px){
    .header__logo__img{
        margin-right:20px
    }
}
@media all and (max-width:767px){
    .header__logo__img{
        max-width:120px
    }
}
@media all and (max-width:639px){
    .header__logo__img{
        max-width:100px
    }
}
@media all and (max-width:567px){
    .header__logo__img{
        max-width:75px;
        margin-right:0
    }
}
.header__title{
    font-size:54px;
    -webkit-transition:all .25s;
    transition:all .25s;
    font-family:Rotonda-Bold,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    width:100%
}
@media all and (max-width:1499px){
    .header__title{
        font-size:50px
    }
}
@media all and (max-width:1279px){
    .header__title{
        font-size:44px
    }
}
@media all and (max-width:1023px){
    .header__title{
        max-width:80%;
        padding:0 65px 0 35px;
        text-align:center
    }
}
@media all and (max-width:767px){
    .header__title{
        max-width:65%;
        padding:0 15px
    }
}
@media all and (max-width:567px){
    .header__title{
        font-size:24px
    }
}
@media all and (max-width:374px){
    .header__title{
        padding:0 8px;
        font-size:20px
    }
}
.header__burger{
    display:none
}
@media all and (max-width:1023px){
    .header__burger{
        display:block;
        max-width:5%;
        height:30px;
        width:100%;
        background-color:transparent
    }
}
@media all and (max-width:767px){
    .header__burger{
        max-width:15%
    }
}
.header__sidebar{
    max-width:5%;
    width:100%
}
@media all and (max-width:1279px){
    .header__sidebar{
        max-width:15%
    }
}
@media all and (max-width:1023px){
    .header__sidebar{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
        -webkit-transform-origin:center top;
        transform-origin:center top;
        -webkit-transform:rotateX(90deg) translate(-50%);
        transform:rotateX(90deg) translate(-50%);
        position:absolute;
        left:50%;
        top:0;
        max-width:100%;
        padding:15px 30px 5px 30px
    }
    .header__sidebar.is-active{
        -webkit-transform:rotateX(0) translate(0);
        transform:rotateX(0) translate(0);
        position:relative;
        left:0
    }
}
.header__navigation{
    max-width:100%;
    width:100%;
    padding-top:20px;
    -webkit-transition:padding .25s;
    transition:padding .25s
}
@media all and (max-width:1023px){
    .header__navigation{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        -webkit-transform-origin:center top;
        transform-origin:center top;
        -webkit-transform:rotateX(90deg) translate(-50%);
        transform:rotateX(90deg) translate(-50%);
        position:absolute;
        left:50%;
        top:0;
        padding-top:10px
    }
    .header__navigation.is-active{
        -webkit-transform:rotateX(0) translate(0);
        transform:rotateX(0) translate(0);
        position:relative;
        left:0
    }
    .header__navigation.is-active .header__navigation__list{
        margin:0 -30px
    }
}
.header__navigation__list{
    margin:0 -60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    text-align:center
}
@media all and (max-width:1023px){
    .header__navigation__list{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media all and (max-width:767px){
    .header__navigation__list{
        margin:0
    }
}
.header__navigation__list li{
    text-transform:uppercase;
    font-size:22px;
    color:#fff;
    padding:10px 10px 8px 10px;
    font-weight:900;
    font-family:Rotonda-Regular,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all .25s;
    transition:all .25s
}
.header__navigation__list li:nth-child(1){
    background-color:#72bc00;
    border:2px solid #72bc00
}
.header__navigation__list li:nth-child(2){
    background-color:#f89e1c;
    border:2px solid #f89e1c
}
.header__navigation__list li:nth-child(3){
    background-color:#0056ba;
    border:2px solid #0056ba
}
.header__navigation__list li:nth-child(4){
    background-color:#7262a8;
    border:2px solid #7262a8;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.header__navigation__list li:nth-child(5){
    border:2px solid transparent;
    -webkit-transition:color .25s;
    transition:color .25s;
    padding:0 4px
}
@media all and (max-width:1399px){
    .header__navigation__list li:nth-child(5){
        -webkit-box-flex:2;
        -ms-flex-positive:2;
        flex-grow:2
    }
}
.header__navigation__list li:nth-child(5) a{
    padding:10px 10px 8px 10px;
    background-image:url(../images/fill-1.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center
}
@media all and (max-width:1279px){
    .header__navigation__list li:nth-child(5) a{
        padding:10px 12px 8px 12px
    }
}
@media all and (max-width:767px){
    .header__navigation__list li:nth-child(5) a{
        padding:15px 10px 15px 10px;
        -webkit-transition:all .25s;
        transition:all .25s
    }
}
@media all and (max-width:1023px){
    .header__navigation__list li:nth-child(5){
        border:2px solid #439fec;
        -webkit-transition:color 0s;
        transition:color 0s;
        padding:0
    }
    .header__navigation__list li:nth-child(5) a{
        background-image:none;
        background-color:#439fec
    }
}
.header__navigation__list li:hover{
    background-color:transparent
}
.header__navigation__list li:hover:nth-child(1){
    color:#72bc00
}
.header__navigation__list li:hover:nth-child(2){
    color:#f89e1c
}
.header__navigation__list li:hover:nth-child(3){
    color:#0056ba
}
.header__navigation__list li:hover:nth-child(4){
    color:#7262a8
}
.header__navigation__list li:hover:nth-child(5){
    color:#439fec
}
.header__navigation__list li:hover:nth-child(5) a{
    background-image:url(../images/fill-1-hover.svg)
}
@media all and (max-width:1023px){
    .header__navigation__list li:hover:nth-child(5){
        color:#439fec;
        background-image:none;
        border:2px solid #439fec
    }
    .header__navigation__list li:hover:nth-child(5) a{
        background-image:none;
        background-color:transparent
    }
}
@media all and (max-width:1365px){
    .header__navigation__list li{
        font-size:18px
    }
}
@media all and (max-width:1023px){
    .header__navigation__list li{
        font-size:22px
    }
}
@media all and (max-width:767px){
    .header__navigation__list li{
        font-size:18px
    }
}
.header__navigation__list a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:100%;
    text-transform:inherit;
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    -webkit-transition:background 0s;
    transition:background 0s
}
.receipts__container{
    padding:70px 0
}
@media all and (max-width:1023px){
    .receipts__container{
        padding:60px 0
    }
}
.receipts__title{
    text-align:center;
    max-width:1000px;
    width:100%;
    margin:0 auto;
    margin-bottom:60px
}
@media all and (max-width:1023px){
    .receipts__title{
        margin-bottom:60px
    }
}
@media all and (max-width:767px){
    .receipts__title{
        margin-bottom:40px
    }
}
.receipts__title h2{
    margin-bottom:10px
}
.receipts__title h2:last-child{
    margin-bottom:0
}
.receipts__block{
    width:100%
}
.receipts__cat{
    max-width:29%
}
.receipts__cat-img{
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px);
    max-width:354px
}
.receipts__cat-img svg{
    width:100%;
    height:50vh
}
.receipts__cat--sticky{
    position:-webkit-sticky;
    position:sticky
}
@media all and (max-width:1023px){
    .receipts__cat{
        display:none
    }
}
.receipts__rec{
    max-width:69%
}
@media all and (max-width:1023px){
    .receipts__rec{
        max-width:100%
    }
}
.receipts__rec .receipts__receipt__img-wr::before{
    content:'';
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:-webkit-linear-gradient(45deg,#000 0,rgba(48,48,48,.5) 19%,rgba(89,89,89,0) 35%,rgba(255,255,255,0) 100%);
    background:linear-gradient(45deg,#000 0,rgba(48,48,48,.5) 19%,rgba(89,89,89,0) 35%,rgba(255,255,255,0) 100%)
}
.receipts__product .receipts__receipt__img-wr::before{
    content:"";
    display:none
}
.receipts__product .receipts__box:nth-child(6) .receipts__receipt .receipts__receipt__text{
    background-color:#15bed5!important
}
.receipts__product .receipts__box:nth-child(6) .receipts__receipt:hover .receipts__receipt__img-wr{
    background-color:#15bed5!important
}
.receipts__text-wrap{
    position:relative;
    display:inline-block
}
.receipts__text-append{
    position:absolute;
    top:43%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:400px;
    width:73%;
    text-align:center;
    font-family:Rotonda-Bold,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    font-size:1vw;
    overflow:hidden;
    max-height:6.65em
}
@media all and (max-width:1179px){
    .receipts__text-append{
        font-size:1.2vw
    }
}
.receipts__wrapper{
    margin:-15px -15px 25px -15px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.receipts__filter{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:55px
}
@media all and (max-width:767px){
    .receipts__filter{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:35px
    }
}
@media all and (max-width:479px){
    .receipts__filter{
        margin-bottom:30px
    }
}
.receipts__filter__item,.receipts__filter__text{
    font-family:Lato-Regular,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    margin-right:30px
}
@media all and (max-width:767px){
    .receipts__filter__item,.receipts__filter__text{
        margin-right:0;
        margin-bottom:10px
    }
}
.receipts__filter__text{
    color:#202020;
    font-size:18px
}
@media all and (max-width:1365px){
    .receipts__filter__text{
        font-size:16px
    }
}
@media all and (max-width:767px){
    .receipts__filter__text{
        font-size:14px
    }
}
@media all and (max-width:767px){
    .receipts__filter__list{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.receipts__filter__item{
    color:#707070
}
.receipts__filter__item:last-child{
    margin-right:0
}
.receipts__filter__item a,.receipts__filter__item p{
    font-size:18px;
    cursor:pointer;
    color:inherit;
    -webkit-transition:all .25s;
    transition:all .25s;
    font-family:Lato-Regular,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
@media all and (max-width:1365px){
    .receipts__filter__item a,.receipts__filter__item p{
        font-size:16px
    }
}
@media all and (max-width:767px){
    .receipts__filter__item a,.receipts__filter__item p{
        font-size:14px
    }
}
.receipts__filter__item a:hover,.receipts__filter__item p:hover{
    color:#073c92
}
.receipts__filter__item.active{
    color:#0056ba
}
.receipts__box{
    max-width:50%;
    width:100%;
    padding:15px;
    display:none
}
.receipts__box--show,.receipts__box.is-opened{
    display:block
}
@media all and (max-width:767px){
    .receipts__box{
        max-width:100%
    }
}
.receipts__box:nth-child(4n-3) .receipts__receipt__text{
    background-color:#f89e1c
}
.receipts__box:nth-child(4n-3) .receipts__receipt{
    background-color:#f89e1c
}
.receipts__box:nth-child(4n-3) .receipts__receipt:hover{
    background-color:#fff
}
.receipts__box:nth-child(4n-3) .receipts__receipt:hover .receipts__receipt__text{
    background-color:#fff
}
.receipts__box:nth-child(4n-3) .receipts__receipt:hover .receipts__receipt__text{
    color:#f89e1c
}
.receipts__box:nth-child(4n-2) .receipts__receipt__text{
    background-color:#7262a8
}
.receipts__box:nth-child(4n-2) .receipts__receipt{
    background-color:#7262a8
}
.receipts__box:nth-child(4n-2) .receipts__receipt:hover{
    background-color:#fff
}
.receipts__box:nth-child(4n-2) .receipts__receipt:hover .receipts__receipt__text{
    background-color:#fff
}
.receipts__box:nth-child(4n-2) .receipts__receipt:hover .receipts__receipt__text{
    color:#7262a8
}
.receipts__box:nth-child(4n-1) .receipts__receipt__text{
    background-color:#0056ba
}
.receipts__box:nth-child(4n-1) .receipts__receipt{
    background-color:#0056ba
}
.receipts__box:nth-child(4n-1) .receipts__receipt:hover{
    background-color:#fff
}
.receipts__box:nth-child(4n-1) .receipts__receipt:hover .receipts__receipt__text{
    background-color:#fff
}
.receipts__box:nth-child(4n-1) .receipts__receipt:hover .receipts__receipt__text{
    color:#0056ba
}
@media all and (max-width:767px){
    .receipts__box:nth-child(4n-1){
        display:none
    }
}
.receipts__box:nth-child(4n) .receipts__receipt__text{
    background-color:#72bc00
}
.receipts__box:nth-child(4n) .receipts__receipt{
    background-color:#72bc00
}
.receipts__box:nth-child(4n) .receipts__receipt:hover{
    background-color:#fff
}
.receipts__box:nth-child(4n) .receipts__receipt:hover .receipts__receipt__text{
    background-color:#fff
}
.receipts__box:nth-child(4n) .receipts__receipt:hover .receipts__receipt__text{
    color:#72bc00;
    background-color:#fff
}
.receipts__product .receiptss__receipt__img{
    padding:20px;
    -o-object-fit:contain;
    object-fit:contain;
    position:relative;
    z-index:1
}
.receipts__product .receiptss__receipt__img.is-hidden{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-transition:opacity .25s;
    transition:opacity .25s;
    z-index:2
}
.receipts__product .receipts__box:nth-child(4n-3){
    display:block
}
.receipts__product .receipts__box:nth-child(4n-3) .receipts__receipt:hover .receipts__receipt__text{
    color:#fff;
    background-color:#f89e1c
}
.receipts__product .receipts__box:nth-child(4n-3) .receipts__receipt:hover .receipts__receipt__img-wr{
    background-color:#f89e1c
}
.receipts__product .receipts__box:nth-child(4n-2){
    display:block
}
.receipts__product .receipts__box:nth-child(4n-2) .receipts__receipt:hover .receipts__receipt__text{
    color:#fff;
    background-color:#7262a8
}
.receipts__product .receipts__box:nth-child(4n-2) .receipts__receipt:hover .receipts__receipt__img-wr{
    background-color:#7262a8
}
.receipts__product .receipts__box:nth-child(4n-1){
    display:block
}
.receipts__product .receipts__box:nth-child(4n-1) .receipts__receipt:hover .receipts__receipt__text{
    color:#fff;
    background-color:#0056ba
}
.receipts__product .receipts__box:nth-child(4n-1) .receipts__receipt:hover .receipts__receipt__img-wr{
    background-color:#0056ba
}
.receipts__product .receipts__box:nth-child(4n){
    display:block
}
.receipts__product .receipts__box:nth-child(4n) .receipts__receipt:hover .receipts__receipt__text{
    color:#fff;
    background-color:#72bc00
}
.receipts__product .receipts__box:nth-child(4n) .receipts__receipt:hover .receipts__receipt__img-wr{
    background-color:#72bc00
}
.receipts__receipt{
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    -webkit-transition:background .25s;
    transition:background .25s
}
.receipts__receipt__img-wr{
    height:280px;
    position:relative;
    background-color:#fff;
    -webkit-transition:background .25s;
    transition:background .25s
}
@media all and (max-width:1440px){
    .receipts__receipt__img-wr{
        height:230px
    }
}
@media all and (max-width:1280px){
    .receipts__receipt__img-wr{
        height:190px
    }
}
@media all and (max-width:1023px){
    .receipts__receipt__img-wr{
        height:250px
    }
}
@media all and (max-width:479px){
    .receipts__receipt__img-wr{
        height:200px
    }
}
.receipts__receipt__img-wr img{
    position:relative;
    z-index:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.receipts__receipt:hover .receiptss__receipt__img.is-hidden{
    opacity:1
}
.receipts__receipt__play{
    position:absolute;
    z-index:1;
    width:60px;
    height:60px;
    border:2px solid #fff;
    border-radius:50%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:all .25s;
    transition:all .25s
}
.receipts__receipt__play::before{
    content:"";
    position:absolute;
    left:67%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border:13px solid transparent;
    border-left:20px solid #fff;
    -webkit-transition:all .25s;
    transition:all .25s
}
.receipts__receipt__video{
    text-align:center;
    padding:30px 20px;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    background-color:#fff;
    -webkit-transition:background .25s;
    transition:background .25s
}
.receipts__receipt__video h4{
    font-family:Lato-Black,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    -webkit-transition:color .25s;
    transition:color .25s
}
@media all and (max-width:767px){
    .receipts__receipt__video h4{
        font-size:18px
    }
}
.receipts__receipt__text{
    text-align:center;
    padding:20px 20px;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-transition:all .25s;
    transition:all .25s;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
@media all and (max-width:1023px){
    .receipts__receipt__text{
        padding:20px 15px
    }
}
.receipts__receipt__text h4,.receipts__receipt__text p{
    color:inherit
}
.receipts__receipt__text h4{
    margin-bottom:10px;
    max-height:3.7em;
    overflow:hidden
}
.receipts__receipt__text h4:last-child{
    margin-bottom:0
}
@media all and (max-width:1399px){
    .receipts__receipt__text h4{
        font-size:18px
    }
}
@media all and (max-width:1399px){
    .receipts__receipt__text p{
        font-size:16px
    }
}
.receipts__receipt__like-row{
    position:absolute;
    z-index:2;
    bottom:0;
    left:15px;
    padding-bottom:10px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.receipts__receipt__like-row svg{
    display:block;
    width:30px;
    height:30px;
    margin-right:15px
}
.receipts__receipt__like-row svg path{
    fill:#fff
}
.receipts__receipt__like-text{
    font-size:18px;
    font-family:Lato-Black,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    color:#fff
}
.receipts__videos{
    max-width:100%
}
.receipts__videos .receipts__receipt__img-wr{
    position:relative
}
.receipts__videos .receipts__receipt__img-wr::after{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.35)
}
.receipts__videos .receipts__box{
    display:none;
    max-width:33.33333%
}
@media all and (max-width:1279px){
    .receipts__videos .receipts__box{
        max-width:50%
    }
}
@media all and (max-width:767px){
    .receipts__videos .receipts__box{
        max-width:100%
    }
}
.receipts__videos .receipts__box.is-opened{
    display:block
}
.receipts__videos .receipts__box:hover .receipts__receipt__play{
    border-color:#0056ba;
    background-color:#0056ba
}
.receipts__videos .receipts__box:hover .receipts__receipt__video{
    background-color:#0056ba
}
.receipts__videos .receipts__box:hover .receipts__receipt__video h4{
    color:#fff
}
.receipts__button{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:300px;
    border:none;
    background-color:transparent;
    cursor:pointer
}
.receipts__button:hover img,.receipts__button:hover svg{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
}
.receipts__button:hover g{
    fill:#073c92
}
.receipts__button:hover p{
    color:#073c92
}
.receipts__button-wr{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.receipts__button img,.receipts__button svg{
    display:inline-block;
    width:30px;
    height:30px;
    margin-right:20px;
    -webkit-transition:all .75s;
    transition:all .75s
}
.receipts__button img g,.receipts__button svg g{
    -webkit-transition:all .25s;
    transition:all .25s;
    fill:#0056ba
}
.receipts__button p{
    display:inline-block;
    font-family:Lato-Black,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    text-transform:uppercase;
    font-size:18px;
    -webkit-transition:all .25s;
    transition:all .25s
}
.topic__container{
    padding-top:70px;
    padding-bottom:70px
}
@media all and (max-width:1279px){
    .topic__container{
        padding-bottom:40px
    }
}
@media all and (max-width:1023px){
    .topic__container{
        padding-top:60px
    }
}
.topic__title-wr{
    max-width:900px;
    margin: 60px auto 60px;
    width:100%;
    text-align:center
}
@media all and (max-width:767px){
    .topic__title-wr{
        margin:0 auto 40px
    }
}
.topic__title-wr h1{
    font-size:48px;
    margin-bottom:20px
}
@media all and (max-width:1023px){
    .topic__title-wr h1{
        font-size:34px
    }
}
@media all and (max-width:767px){
    .topic__title-wr h1{
        font-size:24px
    }
}
.topic__title-wr h2{
    font-size:36px
}
@media all and (max-width:1023px){
    .topic__title-wr h2{
        font-size:24px
    }
}
.topic__content{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
.topic__cat-wr{
    max-width:325px;
    width:100%;
    position:-webkit-sticky;
    position:sticky;
    padding-right:25px;
    margin-left:-325px;
    top:0
}
@media all and (max-width:1399px){
    .topic__cat-wr .receipts__text-wrap img{
        height:200px
    }
}
.topic__cat-wr .receipts__cat-img svg{
    height:auto
}
@media all and (max-width:1399px){
    .topic__cat-wr .receipts__text-append{
        line-height:1;
        max-height:7em;
        font-size:.9vw
    }
}
@media all and (max-width:1179px){
    .topic__cat-wr .receipts__text-append{
        font-size:.9vw
    }
}
@media all and (max-width:1599px){
    .topic__cat-wr{
        max-width:25%;
        margin-left:-25%
    }
}
@media all and (max-width:1399px){
    .topic__cat-wr{
        max-width:20%;
        margin-left:-20%;
        padding-right:10px
    }
}
@media all and (max-width:1023px){
    .topic__cat-wr{
        display:none
    }
}
.topic__inner-content{
    max-width:900px;
    width:100%
}
@media all and (max-width:1399px){
    .topic__inner-content{
        max-width:550px
    }
}
@media all and (max-width:1399px){
    .topic__inner-content{
        max-width:500px
    }
}
.topic__inner-content>img{
    margin: 0 auto 10px;
}
@media all and (max-width:767px){
    .topic__inner-content>img{
        height:200px;
        margin: 0 auto;
    }
}
.topic__inner-content h1,.topic__inner-content h2,.topic__inner-content h3,.topic__inner-content h4,.topic__inner-content h5,.topic__inner-content h6{
    margin-bottom:30px
}
.topic__inner-content  .topic__inner-ingredients {
    margin-bottom: 70px;
}
@media all and (max-width:1023px){
    .topic__inner-content  .topic__inner-ingredients {
        margin-bottom: 50px
    }
}
.topic__inner-content  .topic__inner-ingredients-pic {
    margin-bottom: 40px;
}
@media all and (max-width:1023px){
    .topic__inner-content  .topic__inner-ingredients-pic {
        margin-bottom: 20px
    }
}
@media all and (max-width:767px){
    .topic__inner-content h1,.topic__inner-content h2,.topic__inner-content h3,.topic__inner-content h4,.topic__inner-content h5,.topic__inner-content h6{
        margin-bottom:20px
    }
}
.topic__inner-content h3{
    font-size:24px
}
@media all and (max-width:767px){
    .topic__inner-content h3{
        font-size:18px
    }
}

.topic__inner-extra-title {
    font-size: 24px;
    color: #0056ba;
    font-family: Rotonda-Bold,Arial,sans-serif;
    margin-top: 30px;
}

.topic__inner-extra-text {
    line-height: 1.5;
    font-family: Lato-Light,Arial,sans-serif;
    color: #000;
    white-space: pre-line;
}


.topic__inner-ingredients li .table{
    color:#000;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    margin:0 -4px
}
@media all and (max-width:767px){
    .topic__inner-ingredients li .table{
        font-size:16px
    }
}
.topic__inner-ingredients li .table::after{
    content:"";
    position:absolute;
    z-index:0;
    bottom:6px;
    left:0;
    width:100%;
    height:1px;
    border-bottom:2px dotted #000
}
.topic__inner-ingredients p{
    position:relative;
    z-index:1;
    display:inline-block;
    background-color:#fff;
    padding:4px 4px;
    color:inherit;
    font-family:Lato-Light,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    font-weight:900
}
@media all and (max-width:767px){
    .topic__inner-ingredients p{
        font-size:inherit
    }
}

.topic__inner-ingredients span{
    position:relative;
    z-index:1;
    display:inline-block;
    background-color:#fff;
    color:inherit;
    font-family:Lato-Light,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    font-weight:900
}
@media all and (max-width:767px){
    .topic__inner-ingredients span{
        font-size:inherit
    }
}

.topic__inner-typography {
    margin-top: 70px;
}
@media all and (max-width:1023px) {
    .topic__inner-typography {
        margin-top: 50px;
    }
}

.topic__inner-typography iframe,.topic__inner-typography img{
    margin:20px auto;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    padding-top:20px
}
.topic__inner-typography iframe:first-child,.topic__inner-typography img:first-child{
    padding-top:0
}
@media all and (max-width:767px){
    .topic__inner-typography iframe,.topic__inner-typography img{
        height:200px;
        margin: 0 auto 10px;
    }
}
.topic__inner-typography iframe{
    display:block;
    width:100%
}
.topic__inner-typography ol{
    counter-reset:decimal;
    margin-bottom:20px
}
.topic__inner-typography ol:last-child{
    margin-bottom:0
}
/*.topic__inner-typography ol li::before{*/
    /*counter-increment:decimal;*/
    /*content:counter(decimal) ".";*/
    /*margin-right:6px;*/
    /*font-family:Lato-Bold,Arial,sans-serif;*/
    /*-webkit-font-smoothing:auto;*/
    /*-moz-osx-font-smoothing:auto*/
/*}*/
.topic__inner-typography ul li{
    padding-left:20px
}
.topic__inner-typography ul li img {
    margin-top: 20px;
}
.topic__inner-typography ul li::before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:7px;
    height:7px;
    border-radius:50%;
    background-color:#000;
    display:inline-block
}
.topic__inner-typography li, .topic__inner-typography-text{
    line-height:1.5;
    font-family:Lato-Light,Arial,sans-serif;
    color: #000;
}

.topic__inner-typography-text.center {
    text-align: center;
}

@media all and (max-width:767px){
    .topic__inner-typography li{
        font-size:16px
    }
}
.topic__inner-typography li:last-child{
    margin-bottom:0
}
.topic__inner-typography a,.topic__inner-typography li,.topic__inner-typography p{
    font-family:Lato-Light,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
.topic__inner-typography p{
    color:#000;
    padding-bottom:10px
}
.topic__inner-typography p:last-child{
    padding-bottom:0
}
.topic__inner-typography a{
    color:#0056ba
}
.topic__inner-typography a:hover{
    text-decoration:underline
}
.topic__socials{
    padding-top:25px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display: flex;
    justify-content: flex-end;
}
.topic__likes{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer
}
.topic__likes:hover path{
    stroke:#073c92
}
.topic__likes:hover .topic__likes__num{
    color:#073c92
}
.topic__likes.liked path{
    fill:#0056ba
}
.topic__likes__img{
    width:28px;
    height:26px;
    margin-right:10px
}
.topic__likes__img svg{
    width:100%;
    height:100%
}
.topic__likes__img path{
    fill:transparent;
    stroke-width:2px;
    stroke:#0056ba;
    -webkit-transition:all .25s;
    transition:all .25s
}
.topic__likes__num{
    -webkit-transition:all .25s;
    transition:all .25s;
    color:#0056ba
}
.topic__likes__num p{
    font-size:16px;
    font-family:Lato-Black,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    color:inherit
}
.topic__facebook{
    cursor:pointer;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.topic__facebook__text{
    color:#0056ba;
    margin-right:15px
}
.topic__facebook__text p{
    font-size:16px;
    font-family:Lato-Black,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    color:inherit
}
.topic__facebook__img{
    width:40px;
    height:40px
}
.topic__facebook__img svg{
    width:100%;
    height:100%
}
.topic__facebook__img circle{
    fill:#0056ba
}
.topic__facebook__img circle,.topic__facebook__img path{
    -webkit-transition:all .25s;
    transition:all .25s
}
.topic__facebook:hover .topic__facebook__text{
    color:#073c92
}
.topic__facebook:hover circle{
    fill:#073c92
}
.more__container{
    padding-top:80px;
    padding-bottom:180px
}
@media all and (max-width:1023px){
    .more__container{
        padding-top:40px;
        padding-bottom:100px
    }
}
.more__title-wr{
    text-align:center;
    max-width:800px;
    width:100%;
    margin:0 auto 60px
}
.more__title-wr h2{
    font-size:36px
}
@media all and (max-width:1023px){
    .more__title-wr h2{
        font-size:24px
    }
}
.more__boxes{
    margin:-15px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.more__box{
    padding:15px;
    max-width:33.3333%;
    width:100%
}
@media all and (max-width:1023px){
    .more__box{
        max-width:50%
    }
}
@media all and (max-width:767px){
    .more__box{
        max-width:100%
    }
}
.more__box-content{
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    display:block;
    cursor:pointer
}
.more__box:nth-child(3n-2) .more__box__text{
    background-color:#f89e1c
}
.more__box:nth-child(3n-2):hover .more__box__text{
    background-color:#fff;
    color:#f89e1c
}
.more__box:nth-child(3n-1) .more__box__text{
    background-color:#72bc00
}
.more__box:nth-child(3n-1):hover .more__box__text{
    background-color:#fff;
    color:#72bc00
}
.more__box:nth-child(3n) .more__box__text{
    background-color:#439fec
}
@media all and (max-width:1023px){
    .more__box:nth-child(3n){
        display:none
    }
}
.more__box:nth-child(3n):hover .more__box__text{
    background-color:#fff;
    color:#439fec
}
.more__box__img{
    height:280px;
    overflow:hidden
}
@media all and (max-width:1399px){
    .more__box__img{
        height:220px
    }
}
@media all and (max-width:767px){
    .more__box__img{
        height:200px
    }
}
.more__box__img img{
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%
}
.more__box__text{
    padding:20px;
    color:#fff;
    text-align:center;
    -webkit-transition:background .25s;
    transition:background .25s
}
.more__box__text h3,.more__box__text p{
    color:inherit;
    -webkit-transition:text .25s;
    transition:text .25s
}
.more__box__text h3{
    margin-bottom:10px;
    line-height:1.2;
    max-height:2.5em;
    overflow:hidden;
    font-size:26px
}
@media all and (max-width:1499px){
    .more__box__text h3{
        font-size:22px
    }
}
@media all and (max-width:1023px){
    .more__box__text h3{
        font-size:18px
    }
}
@media all and (max-width:767px){
    .more__box__text h3{
        margin-bottom:5px
    }
}
.more__box__text p{
    margin-bottom:5px
}
.footer__container{
    padding:40px 0 50px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.footer__container.dscr {
    padding: 0 0 50px;
}

.footer__container.dscr p {
    color: #fff;
    font-size: 12px;
}

@media all and (max-width:767px){
    .footer__container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.footer .container{
    background-color:#0056ba
}
.footer__block{
    max-width:33.3333%;
    width:100%
}
@media all and (max-width:767px){
    .footer__block{
        margin-bottom:40px
    }
    .footer__block:last-child{
        margin-bottom:0
    }
}
@media all and (max-width:1023px){
    .footer__block:nth-child(1){
        max-width:40%
    }
}
@media all and (max-width:767px){
    .footer__block:nth-child(1){
        max-width:100%;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
@media all and (max-width:1023px){
    .footer__block:nth-child(2){
        max-width:50%
    }
}
@media all and (max-width:767px){
    .footer__block:nth-child(2){
        max-width:100%;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media all and (max-width:1023px){
    .footer__block:nth-child(3){
        max-width:15%
    }
}
@media all and (max-width:767px){
    .footer__block:nth-child(3){
        max-width:100%;
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
}
.footer__button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
@media all and (max-width:767px){
    .footer__button{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.footer__button button{
    background-color:transparent
}
.footer__contacts{
    text-align:center;
    padding:0 20px;
    color:#fff;
    font-size:16px
}
@media all and (max-width:1365px){
    .footer__contacts{
        font-size:14px
    }
}
@media all and (max-width:767px){
    .footer__contacts{
        padding:0
    }
}
.footer__contacts p{
    color:inherit;
    font-size:inherit;
    line-height:1.5
}
@media all and (max-width:1023px){
    .footer__contacts p{
        margin-bottom:10px
    }
    .footer__contacts p:last-child{
        margin-bottom:0
    }
}
.footer__contacts a{
    font-size:inherit;
    font-family:Lato-Black,Arial,sans-serif;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
.footer__contacts a:hover{
    text-decoration:underline
}
@media all and (max-width:767px){
    .footer__contacts span{
        line-height:1.5;
        display:block
    }
}
.footer__icon img,.footer__icon svg{
    cursor:pointer;
    display:block;
    margin-left:auto
}
@media all and (max-width:767px){
    .footer__icon img,.footer__icon svg{
        margin:0 auto
    }
}
.footer__icon img:hover circle,.footer__icon svg:hover circle{
    fill:#fff
}
.footer__icon img:hover path,.footer__icon svg:hover path{
    fill:#0056ba
}
.footer__icon circle,.footer__icon path{
    -webkit-transition:all .25s;
    transition:all .25s
}
.footer__icon circle{
    fill:transparent;
    stroke-width:2px
}

.footer__icon {
    display: flex;
    justify-content: flex-end;
}


@media all and (max-width:767px) {
    .footer__icon {
        justify-content: center;
    }
}

.footer__icon a {
    display: block;
    width: 42px;
    margin-left: 20px;
}

@media all and (max-width:767px) {
    .footer__icon img,
    .footer__icon svg {
        margin: 0 auto
    }

    .footer__icon a {
        margin: 0 10px;
    }
}

.popup{
    display:none;
    overflow-y:auto;
    position:fixed;
    z-index:50;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%
}
.popup *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.popup__layer{
    background-color:#000;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%
}
.popup__close{
    position:absolute;
    width:20px;
    height:20px;
    right:0;
    top:-40px;
    cursor:pointer
}
@media all and (max-height:450px){
    .popup__close{
        top:-15px
    }
}
.popup__close::after,.popup__close::before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:2px;
    background-color:#fff;
    display:block;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .25s;
    transition:all .25s
}
.popup__close::after{
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg)
}
.popup__close:hover::after,.popup__close:hover::before{
    background-color:#0056ba
}
.popup__content{
    position:absolute;
    z-index:2;
    max-width:1280px;
    width:100%;
    height:70vh;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-color:#000
}
@media all and (max-width:767px){
    .popup__content{
        height:50vh
    }
}
@media all and (max-height:450px){
    .popup__content{
        height:80vh
    }
}
.popup__content iframe{
    position:absolute;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    top:0;
    left:0
}

.final-cat-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 40px;
}

.final-cat-text span {
    color: #0056ba;
    font-family: Rotonda-Bold,Arial,sans-serif;
    font-size: 24px;
    text-align: center;
}

@media all and (max-width:1399px){
    .final-cat-text span {
        font-size: 20px;
    }
}

@media all and (max-width:1023px){
    .final-cat-text span {
        font-size: 16px;
    }
    .final-cat-text img {
        width: 200px;
    }
}
@media all and (max-width:767px){
    .final-cat-text {
        margin-bottom: 40px;
    }

    .final-cat-text img {
        width: 160px;
    }
}