@font-face {
    font-family: "HeliosCondBold";
    src: url("../fonts/HeliosCondBold.eot");
    src: url("../fonts/HeliosCondBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HeliosCondBold.woff") format("woff"), url("../fonts/HeliosCondBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "SPSLClarendon-Bold";
    src: url("../fonts/SPSLClarendon-Bold.eot");
    src: url("../fonts/SPSLClarendon-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SPSLClarendon-Bold.woff") format("woff"), url("../fonts/SPSLClarendon-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

* {
    box-sizing: border-box;
}

.menubtn {
    position: fixed;
    z-index: 5;
}

.mainmenu__inner {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
}

body {
    background: #fff;
    min-width: 320px;
}

header.pageheader {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.top_section {
    min-height: 430px;
    margin-top: -30px;
    padding-top: 30px;
    position: relative;
}

.top_section .bl_title {
    color: #2180BD;
    margin-top: 6.5vh;
    font-family: "HeliosCondBold";
}

.top_section .bl_title sup {
    font-size: 3vh;
}

@media screen and (max-width: 1245px) {
    .top_section .bl_title sup {
        font-size: 2vh;
    }
}

.top_section .bl_title > div {
    display: inline-block;
}

.top_section .bl_title > div > div:first-child {
    font-size: 6vh;
    line-height: 1;
}

@media screen and (max-width: 1245px) {
    .top_section .bl_title > div > div:first-child {
        font-size: 3vh;
    }
}

@media screen and (max-height: 645px) {
    .top_section .bl_title > div > div:first-child {
        font-size: 36px;
    }
}

@media screen and (max-width: 880px) {
    .top_section .bl_title {
        display: none;
    }
}

@media screen and (max-width: 880px) {
    .top_section {
        min-height: 135vw;
    }
}

.rw_2:after {
    content: '';
    clear: both;
    display: block;
}

.rw_2 .left_cnt, .rw_2 .right_cnt {
    width: 50%;
    height: 100%;
    position: relative;
}

.rw_2 .left_cnt {
    float: left;
    background: url(../images/home/lf_tp_img.jpg) center center no-repeat;
    background-size: cover;
}

.rw_2 .left_cnt .women_img {
    position: absolute;
    bottom: -20px;
    width: 75vh;
    right: 10%;
    height: 78%;
}

.rw_2 .left_cnt .women_img .wm_img_bg {
    background: url(../images/home/img_w.png) left bottom no-repeat;
    background-size: auto 100%;
    width: 75vh;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 350px;
}

@media screen and (max-width: 880px) {
    .rw_2 .left_cnt .women_img .wm_img_bg {
        width: 100%;
        background-position-x: -20vw;
    }
}

.rw_2 .left_cnt .women_img .img_txt1 {
    margin: 1vh 0 0 27vh;
    height: 42%;
}

.rw_2 .left_cnt .women_img .img_txt1 img {
    height: 100%;
}

@media screen and (max-width: 880px) {
    .rw_2 .left_cnt .women_img .img_txt1 img {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 996px) {
    .rw_2 .left_cnt .women_img .img_txt1 {
        margin: 1vh 0 0 18vh;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .left_cnt .women_img .img_txt1 {
        height: auto;
        width: 120%;
        margin: 0px 0 0 10vw;
    }
}

@media screen and (max-width: 996px) {
    .rw_2 .left_cnt .women_img {
        height: 60%;
        width: auto;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .left_cnt .women_img {
        height: 45%;
    }
}

.rw_2 .left_cnt .bl_title > div {
    background: url(../images/home/icon_1.png) left center no-repeat #E5E5E7;
    background-size: 59px 59px;
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    padding: 5px 20px 5px 70px;
}

.rw_2 .left_cnt .bl_title > div > div:last-child {
    text-align: right;
    color: #F99C21;
    padding-right: 1.1vw;
    font-weight: bold;
}

@media screen and (max-width: 996px) {
    .rw_2 .left_cnt .bl_title > div > div:last-child {
        font-size: 14px;
    }
}

@media screen and (max-width: 1245px) {
    .rw_2 .left_cnt .bl_title > div {
        background-size: 39px 39px;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .left_cnt {
        min-height: 135vw;
    }
}

.rw_2 .right_cnt {
    float: right;
    background: url(../images/home/chld_bg.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
}

.rw_2 .right_cnt .bl_title > div {
    background: url(../images/home/icon_2.png) 5px center no-repeat #E5E5E7;
    background-size: 60px 53px;
    padding: 10px 20px 20px 70px;
    float: right;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
}

@media screen and (max-width: 1245px) {
    .rw_2 .right_cnt .bl_title > div {
        background-size: 50px 43px;
    }
}

.rw_2 .right_cnt .bl_title:after {
    content: '';
    clear: both;
    display: block;
}

.rw_2 .right_cnt .chld_img {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    height: 70%;
}

.rw_2 .right_cnt .chld_img .img_txt2 {
    margin: -7vh 0 0 12vh;
    height: 47%;
}

.rw_2 .right_cnt .chld_img .img_txt2 img {
    height: 100%;
    width: auto;
}

@media screen and (max-width: 880px) {
    .rw_2 .right_cnt .chld_img .img_txt2 {
        margin: -5.5vw 0 0 -10vw;
        height: 45%;
    }
}

.rw_2 .right_cnt .chld_img .chld_img_bg {
    background: url(../images/home/chld_img.png) 0 bottom no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
}

@media screen and (max-width: 880px) {
    .rw_2 .right_cnt .chld_img .chld_img_bg {
        background: url(../images/home/chld_img.png) -30vw bottom no-repeat;
        background-size: auto 100%;
    }
}

@media screen and (max-width: 996px) {
    .rw_2 .right_cnt .chld_img {
        height: 50%;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .right_cnt .chld_img {
        height: 42%;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .right_cnt {
        min-height: 135vw;
    }
}

.rw_2 .center_cnt {
    position: absolute;
    width: 43vh;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.rw_2 .center_cnt .list_cnt {
    font-family: "HeliosCondBold";
    color: #00589C;
    font-size: 1.6vh;
    margin-top: 10vh;
    line-height: 1;
}

.rw_2 .center_cnt .list_cnt > div {
    background: url(../images/home/list_bg.png) center center no-repeat;
    background-size: 100% 100%;
}

.rw_2 .center_cnt .list_cnt > div > div {
    height: 8vh;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1vh;
}

@media screen and (max-width: 880px) {
    .rw_2 .center_cnt .list_cnt > div > div {
        height: 9vw;
    }
}

.rw_2 .center_cnt .list_cnt > div:nth-child(1) > div {
    background: url(../images/home/list_icon1.png) 20px center no-repeat;
    background-size: 8.2vh;
    padding: 0 3vh 0 12vh;
}

@media screen and (max-width: 880px) {
    .rw_2 .center_cnt .list_cnt > div:nth-child(1) > div {
        background-size: 8.2vw;
        padding: 0 3vw 0 14vw;
    }
}

.rw_2 .center_cnt .list_cnt > div:nth-child(2) > div {
    background: url(../images/home/list_icon2.png) 20px center no-repeat;
    background-size: 8.2vh;
    padding: 0 3vh 0 12vh;
}

@media screen and (max-width: 880px) {
    .rw_2 .center_cnt .list_cnt > div:nth-child(2) > div {
        background-size: 8.2vw;
        padding: 0 3vw 0 14vw;
    }
}

.rw_2 .center_cnt .list_cnt > div:nth-child(3) > div {
    background: url(../images/home/list_icon3.png) 20px center no-repeat;
    background-size: 13.5vh;
    padding: 0 3vh 0 17vh;
}

@media screen and (max-width: 880px) {
    .rw_2 .center_cnt .list_cnt > div:nth-child(3) > div {
        background-size: 13.5vw;
        padding: 0 3vw 0 20vw;
    }
}

.rw_2 .center_cnt .list_cnt > div:nth-child(4) > div {
    background: url(../images/home/list_icon4.png) 20px center no-repeat;
    background-size: 13.5vh;
    padding: 0 3vh 0 17vh;
}

@media screen and (max-width: 880px) {
    .rw_2 .center_cnt .list_cnt > div:nth-child(4) > div {
        background-size: 13.5vw;
        padding: 0 3vw 0 20vw;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .center_cnt .list_cnt {
        width: 50%;
        margin: AUTO;
        margin-top: 50px;
        font-size: 1.8vw;
    }
}

@media screen and (max-height: 725px) {
    .rw_2 .center_cnt .list_cnt {
        margin-top: 7vh;
    }
}

.rw_2 .center_cnt .tab_butt {
    color: #fff;
    font-size: 4vw;
    text-transform: uppercase;
    width: 80%;
    min-height: 70px;
    margin: 1.5vw auto 0 auto;
    display: none;
}

.rw_2 .center_cnt .tab_butt:after {
    content: '';
    display: block;
    clear: both;
}

.rw_2 .center_cnt .tab_butt .scroll_bt1 {
    float: left;
}

.rw_2 .center_cnt .tab_butt .scroll_bt2 {
    float: right;
}

.rw_2 .center_cnt .tab_butt > div {
    border: 2px solid #fff;
    padding: 2vw 3vw;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
    width: 40%;
    text-align: center;
}

.rw_2 .center_cnt .tab_butt > div:first-child {
    background: linear-gradient(to bottom, #00F679, #26AD20);
}

.rw_2 .center_cnt .tab_butt > div:last-child {
    background: linear-gradient(to bottom, #22A6EE, #007BBD);
}

.rw_2 .center_cnt .tab_butt > div:first-child:active {
    background: linear-gradient(to bottom, #26AD20, #00F679);
}

.rw_2 .center_cnt .tab_butt > div:last-child:active {
    background: linear-gradient(to bottom, #007BBD, #22A6EE);
}

@media screen and (max-width: 880px) {
    .rw_2 .center_cnt .tab_butt {
        display: block;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .center_cnt {
        width: 100%;
    }
}

.rw_2 .pack_cnt {
    position: absolute;
    bottom: 0;
    width: 40vh;
    height: 30%;
    margin: auto;
    left: 0;
    right: 0;
}

.rw_2 .pack_cnt .znk_icon {
    width: 25%;
    height: 30%;
    position: absolute;
    left: -8vh;
    top: 1.2vh;
    z-index: 3;
}

.rw_2 .pack_cnt .znk_icon > img {
    width: 100%;
}

@media screen and (max-width: 996px) {
    .rw_2 .pack_cnt .znk_icon {
        width: 18%;
        left: -3vh;
        top: 0vh;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .pack_cnt .znk_icon {
        width: 15%;
        left: -2vh;
        top: 5vh;
    }
}

.rw_2 .pack_cnt .pack_img1 {
    width: 28vh;
    height: 60%;
    background: url(../images/home/pack_img1.png) center center no-repeat;
    background-size: auto 100%;
    position: absolute;
    bottom: 0.8vh;
    left: -1vh;
    z-index: 2;
}

@media screen and (max-width: 880px) {
    .rw_2 .pack_cnt .pack_img1 {
        background-size: contain;
        bottom: 0;
    }
}

.rw_2 .pack_cnt .pack_img2 {
    width: 28vh;
    height: 60%;
    background: url(../images/home/pack_img2.png) center center no-repeat;
    background-size: auto 100%;
    position: absolute;
    right: 0;
    bottom: 5vh;
}

@media screen and (max-width: 880px) {
    .rw_2 .pack_cnt .pack_img2 {
        background-size: contain;
        width: 55%;
        bottom: 0;
    }
}

@media screen and (max-width: 996px) {
    .rw_2 .pack_cnt {
        height: 25%;
    }
}

@media screen and (max-width: 880px) {
    .rw_2 .pack_cnt {
        width: 50%;
        height: 18%;
        bottom: 0;
    }
}

.content_section .lkn_cnt {
    margin-top: 2vw;
    position: relative;
    z-index: 1;
}

.content_section .cnt_title {
    text-transform: uppercase;
    color: #89CDF9;
    font-size: 4.5vw;
    padding: 2vw 3vw;
    font-family: "SPSLClarendon-Bold";
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 880px) {
    .content_section .cnt_title {
        font-size: 6.5vw;
    }
}

.content_section:after {
    content: '';
    display: block;
    clear: both;
}

.content_section > div {
    width: 50%;
    position: relative;
    overflow: hidden;
    padding-bottom: 16vw;
}

.content_section > div.left_cnt_c {
    float: left;
    background: linear-gradient(to right, #44BDFF, #0E85C5);
    display: block;
}

.content_section > div.left_cnt_c .h_image_cnt {
    width: 40vw;
    height: 45vw;
    background: url(../images/home/h_image.png) center center no-repeat;
    background-size: auto 100%;
    position: absolute;
    z-index: 0;
    right: -8.5vw;
}

.content_section > div.left_cnt_c .h_img1 {
    top: 1vw;
}

.content_section > div.left_cnt_c .h_img2 {
    top: 1vw;
    top: 75vw;
}

@media screen and (max-width: 880px) {
    .content_section > div.left_cnt_c {
        float: none;
        width: 100%;
        display: none;
    }
}

.content_section > div.right_cnt_c {
    float: right;
    background: url(../images/home/right_bg_cnt.jpg) center center no-repeat;
    background-size: cover;
    display: block;
}

@media screen and (max-width: 880px) {
    .content_section > div.right_cnt_c {
        float: none;
        width: 100%;
        display: none;
    }
}

.content_section .link_block {
    color: #fff;
    width: 81.5%;
    margin: auto;
}

.content_section .link_block:after {
    content: '';
    display: block;
    clear: both;
}

.content_section .link_block h4 {
    font-size: 2.5vw;
    font-family: "SPSLClarendon-Bold";
    text-transform: uppercase;
    padding: 10px 0;
    padding-right: 2vw;
    position: relative;
}

.content_section .link_block h4:before {
    content: '';
    border-top: 1px solid #fff;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.content_section .link_block h4:after {
    content: '';
    border-top: 1px solid #fff;
    width: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media screen and (max-width: 880px) {
    .content_section .link_block h4 {
        font-size: 5.5vw;
    }
}

.content_section .link_block p {
    font-size: 1.2vw;
    padding-top: 40px;
}

@media screen and (max-width: 880px) {
    .content_section .link_block p {
        font-size: 3vw;
    }
}

.content_section .link_block .lk_rg .mn_img_c {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    box-shadow: 5px 15px 90px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 15px 90px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 15px 90px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    overflow: hidden;
    position: relative;
}

.content_section .link_block .lk_rg .act_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content_section .link_block .lk_rg .act_img > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content_section .link_block .lk_rg .act_img img {
    height: 100%;
}

.content_section .link_block .lk_rg .cl_us {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(18, 136, 200, 0.5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    overflow: hidden;
}

.content_section .link_block .lk_rg .cl_us img {
    width: 100%;
}

.content_section .link_block .lk_rg .active_img {
    opacity: 0;
}

.content_section .link_block .lk_rg .link_a {
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.content_section .link_block .lk_rg .link_a:hover .cl_us {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
}

.content_section .link_block .lk_rg .link_a:hover .active_img {
    opacity: 1;
}

.content_section .link_block .lk_rg .link_a:hover .def_img {
    opacity: 0;
}

.content_section .link_block .lk_rg .lp_icon {
    width: 3.1vw;
    height: 3.1vw;
    background: url(../images/home/lp_icon.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.content_section .mrg_bt {
    margin-bottom: 10vw;
}

.content_section .link_block.type1 .lk_lf {
    float: left;
    width: 50%;
}

.content_section .link_block.type1 .lk_lf p {
    padding-right: 4vw;
}

.content_section .link_block.type1 .lk_rg {
    float: right;
    width: 50%;
    height: 20.2vw;
    margin-top: 5vw;
}

@media screen and (max-width: 880px) {
    .content_section .link_block.type1 .lk_rg {
        height: 40.2vw;
    }
}

.content_section .link_block.type2 .lk_lf {
    float: right;
    width: 35%;
    margin-top: 3.5vw;
}

.content_section .link_block.type2 .lk_lf p {
    margin-left: -4vw;
}

@media screen and (max-width: 880px) {
    .content_section .link_block.type2 .lk_lf {
        width: 40%;
    }
}

.content_section .link_block.type2 .lk_rg {
    float: left;
    width: 50%;
    height: 20.2vw;
}

@media screen and (max-width: 880px) {
    .content_section .link_block.type2 .lk_rg {
        height: 40.2vw;
    }
}

.content_section .link_block.type2 .lk_lf h4 {
    position: relative;
    margin-left: -10vw;
}

.content_section .link_block.type2 .lk_lf {
    margin-top: 3.5vw;
    position: relative;
    z-index: 22;
}

.content_section .mnstr1 {
    padding-bottom: 14.8vw;
    position: relative;
}

.content_section .mnstr2 {
    position: relative;
    padding-top: 14.8vw;
}

.content_section .mstr_img {
    width: 14.1vw;
    position: absolute;
    bottom: 0;
    left: 23.7vw;
    z-index: 11;
}

.content_section .mstr_img img {
    width: 100%;
}

@media screen and (max-width: 880px) {
    .content_section .mstr_img {
        width: 19vw;
        position: absolute;
        bottom: -5.3vw;
        left: 52vw;
        z-index: 11;
    }
}

.content_section .mstr_img2 {
    position: absolute;
    top: -4.5vw;
    left: 3.5vw;
    width: 16vw;
}

.content_section .mstr_img2 img {
    width: 100%;
}

@media screen and (max-width: 880px) {
    .content_section .mstr_img2 {
        top: -7.5vw;
        left: 13.5vw;
        width: 22vw;
    }
}

.content_section .mnstr3 {
    padding-top: 20.5vw;
    position: relative;
    margin-bottom: 13.5vw;
}

.content_section .mstr_img3 {
    position: absolute;
    width: 12.8vw;
    left: 24.1vw;
    top: 19.6vw;
    z-index: 11;
}

.content_section .mstr_img3 img {
    width: 100%;
}

@media screen and (max-width: 880px) {
    .content_section .mstr_img3 {
        width: 18vw;
        left: 53vw;
        top: 17vw;
    }
}

.content_section .mnstr4 {
    position: relative;
}

.content_section .mstr_img4 {
    position: absolute;
    top: -9vw;
    left: -3.5vw;
    z-index: 11;
    width: 13.9vw;
}

.content_section .mstr_img4 img {
    width: 100%;
}

@media screen and (max-width: 880px) {
    .content_section .mstr_img4 {
        top: -11vw;
        left: -2.8vw;
        z-index: 11;
        width: 19vw;
    }
}

@media screen and (max-width: 880px) {
    .content_section {
        position: relative;
    }
}

.sc_footer_pack {
    background: #fff;
    margin-top: -5vw;
    position: relative;
    z-index: 2;
    padding-bottom: 270px;
}

.sc_footer_pack img {
    width: 80%;
}

.sc_footer_pack .center_pk {
    width: 50%;
    margin: auto;
    padding-top: 5vw;
}

.sc_footer_pack .center_pk:after {
    content: '';
    display: block;
    clear: both;
}

.sc_footer_pack .center_pk .left_pzck_f {
    float: left;
    width: 50%;
    margin-top: -12.5vw;
}

.sc_footer_pack .center_pk .right_pzck_f {
    float: right;
    width: 50%;
    margin-top: -12.5vw;
}

@media screen and (max-width: 880px) {
    .sc_footer_pack .center_pk {
        display: none;
    }
}

@media screen and (max-width: 880px) {
    .sc_footer_pack {
        padding-bottom: 0;
        margin-top: 0;
    }
}

.word .letter {
    width: 2vw;
    height: 15vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.letter.s {
    background-image: url(../images/svg/s_letter.svg);
}

.letter.a {
    background-image: url(../images/svg/a_letter.svg);
}

.word .letter.bigger-letter {
    width: 3vw;
}

.letter.m {
    background-image: url(../images/svg/m_letter.svg);
}

.letter.o {
    background-image: url(../images/svg/o_letter.svg);
}

.letter.l {
    background-image: url(../images/svg/l_letter.svg);
}

#self-medication-block .word .letter.i {
    background-image: url(../images/svg/i_letter.svg);
}

.letter.smaller-letter {
    width: 1vw;
}

.letter.k {
    background-image: url(../images/svg/k_letter.svg);
}

.letter.u {
    background-image: url(../images/svg/u_letter.svg);
}

.letter.v {
    background-image: url(../images/svg/v_letter.svg);
}

.letter.a {
    background-image: url(../images/svg/a_letter.svg);
}

.letter.n {
    background-image: url(../images/svg/n_letter.svg);
}

.letter.n {
    background-image: url(../images/svg/n_letter.svg);
}

.letter.ia {
    background-image: url(../images/svg/ia_letter.svg);
}

.letter.e {
    background-image: url(../images/svg/e_letter.svg);
}

.letter.b {
    background-image: url(../images/svg/b_letter.svg);
}

.letter.t {
    background-image: url(../images/svg/t_letter.svg);
}

.letter.ii {
    background-image: url(../images/svg/ii_letter.svg);
}

.letter.sh {
    background-image: url(../images/svg/sh_letter.svg);
}

.letter.d {
    background-image: url(../images/svg/d_letter.svg);
}

.letter.o {
    background-image: url(../images/svg/o_letter.svg);
}

.letter.g {
    background-image: url(../images/svg/g_letter.svg);
}

.letter.z {
    background-image: url(../images/svg/z_letter.svg);
}

.letter.r {
    background-image: url(../images/svg/r_letter.svg);
}

.letter.znak {
    background-image: url(../images/svg/znak.svg);
}

.letter.ge {
    background-image: url(../images/svg/ge_letter.svg);
}

.letter.i {
    background-image: url(../images/svg/i_letter.svg);
}

@media screen and (max-width: 880px) {
    .mob_wrn {
        height: 15%;
        position: fixed;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
        bottom: 0;
        width: 100%;
        background: #fff;
    }

    .mob_wrn a {
        color: #fff;
        width: 50%;
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 3.5vw;
        padding: 2vw 0;
    }

    .mob_wrn .mb_bt1 {
        background: url(../images/home/lk_head_icon_white.png) 6.8vw center no-repeat #FF9600;
        background-size: 4vw;
    }

    .mob_wrn .mb_bt2 {
        background: url(../images/home/bt_icon2.png) 3vw center no-repeat #FF9600;
        background-size: 3.5vw;
        padding-left: 5vw;
    }
}

.svg_container {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 880px) {
    .svg_container {
        position: relative;
        box-shadow: none;
    }
}

.svg_container > div.desc {
    height: 14vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff;
}

@media screen and (max-width: 1279px) {
    .svg_container > div.desc {
        display: none;
    }
}

.letter.bigger-letter {
    width: 3vw;
}

.word {
    display: flex;
    justify-content: center;
}

#self-medication-svg {
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
    color: #d3d3d3;
    z-index: 8;
    display: none;
}

@media screen and (max-width: 1279px) {
    #self-medication-svg {
        height: 67%;
        display: block;
    }
}

.text_fixed {
    color: #7F7F7F;
    font-size: 0.9vh;
    padding: 2vh;
}

@media screen and (max-width: 880px) {
    .text_fixed {
        padding-bottom: 120px;
    }
}

.top_txt {
    padding-bottom: 1.5vh;
}

.bt_txt {
    display: flex;
    justify-content: space-around;
}

@media screen and (max-width: 880px) {
    .bt_txt {
        display: block;
    }

    .bt_txt > p {
        margin-bottom: 15px;
        text-align: center;
    }
}

.bt_link_ft {
    color: #fff;
    font-family: "HeliosCondBold";
    text-decoration: none;
    background: url(../images/home/bt_icon.png) 10px center no-repeat #FF9600;
    background-size: 13px 14px;
    padding: 10px 15px 10px 35px;
    font-size: 14px;
    border: 2px solid #fff;
    position: absolute;
    top: -27px;
    right: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 880px) {
    .bt_link_ft {
        display: none;
    }
}

.nav_bl {
    float: left;
}

@media screen and (max-width: 880px) {
    .nav_bl {
        width: 57%;
    }
}

.nav_bl > div {
    float: left;
}

.nav_bl::after {
    content: '';
    display: block;
    clear: both;
}

.head_txt {
    padding: 5px 0 5px 77px;
    font-family: "HeliosCondBold";
    color: #0871CE;
}

.head_txt sup {
    line-height: 0;
    font-size: 10px;
}

@media screen and (max-width: 880px) {
    .head_txt {
        padding-left: 15px;
    }
}

@media screen and (max-width: 400px) {
    .head_txt {
        display: none;
    }
}

.head_link {
    margin-left: 100px;
    position: relative;
}

.head_link a {
    text-decoration: none;
}

.head_link a span {
    background: url(../images/home/lk_head_icon.png) 15px 10px no-repeat;
    background-size: 28px 28px;
    height: 40px;
    text-decoration: none;
    padding: 10px 20px 7px 50px;
    font-size: 16px;
    color: #FF9600;
    position: relative;
    display: block;
}

.head_link a:before {
    content: '';
    display: block;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
}

.head_link .shd_img {
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/home/shad_icon.png) center center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 880px) {
    .head_link {
        display: none;
    }
}

.lang_cnt {
    font-size: 14px;
    margin-left: 15px;
    color: #2180BD;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    position: relative;
}

.lang_cnt .lng_ul {
    background: #fff;
    text-align: center;
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    box-shadow: 0 6px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 10px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 10px 1px rgba(0, 0, 0, 0.2);
    display: none;
}

.lang_cnt .lng_ul li a {
    color: #2180BD;
    text-decoration: none;
    padding: 10px 5px;
    display: block;
}

.lang_cnt .act_lang {
    background: url(../images/home/lang_icon.png) 7px 12px no-repeat;
    background-size: 16px 13px;
    padding: 5px 25px 9px 25px;
    cursor: pointer;
    position: relative;
}

.lang_cnt .shd_img {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/home/lang_icon2.png) center center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 880px) {
    .lang_cnt {
        float: right !important;
    }
}

@media screen and (max-width: 400px) {
    .lang_cnt {
        float: left !important;
    }
}

.mob_link {
    display: flex;
    display: none;
}

@media screen and (max-width: 880px) {
    .mob_link {
        display: flex;
    }
}

/*MEDIA*/