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

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

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

.wrap {
    background: 0
}

.content {
    -o-background-size: cover;
    background-size: cover
}

.wrap header {
    padding: 0 40px;
    padding-top: 30px;
    overflow: hidden;
    margin: auto
}

header p {
    font-size: 16px;
    font-family: lato_l;
    font-weight: 300
}

header .one {
    color: #0568a7
}

header .two {
    color: #0c755f
}

header .three {
    color: #10be9a
}

header .four {
    color: #10bd99
}

header .five {
    color: #0c7660
}

header .six {
    color: #0568a7
}

header div p {
    text-align: center;
    padding: 15px
}

header div {
    position: relative;
}
.header div {
    position: relative;
    float: left;
    overflow: hidden;
    width: -webkit-calc(100% / 6);
    width: -moz-calc(100% / 6);
    width: calc(100% / 6)
}
b {
    font-family: lato_b
}

header div span {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 20px;
    left: 0
}

.four img {
    display: block;
    margin: auto
}

section.cont {
    background: url(../img/bg.png) no-repeat center 35px;
    height: 850px;
    padding: 0;
    position: relative
}

.top_gray ul li p {
    font-family: lato_l;
    font-size: 12px
}

.top_gray ul {
    overflow: hidden;
    margin: auto;
    width: 220px
}

.top_gray ul li {
    float: left;
    overflow: hidden;
    width: 33.3%
}

.cont p {
    font-family: lato_b;
    font-size: 16px;
    color: #353535
}

.buble {
    position: absolute;
    height: 48px;
    background-repeat: no-repeat;
    border-radius: 25px;
    overflow: hidden;
    left: 0;
    top: 0;
    border: 2px solid;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: height .4s ease,background-color .4s ease,z-index .4s ease,width .4s ease;
    -moz-transition: height .4s ease,background-color .4s ease,z-index .4s ease,width .4s ease;
    -o-transition: height .4s ease,background-color .4s ease,z-index .4s ease,width .4s ease;
    transition: height .4s ease,background-color .4s ease,z-index .4s ease,width .4s ease
}

.buble.right {
    background-position: -webkit-calc(100% + 2px) -1px;
    background-position: -moz-calc(100% + 2px) -1px;
    background-position: calc(100% + 2px) -1px;
    padding-left: 20px;
    padding-right: 10px
}

.buble.right p.tit {
    padding: 0 50px 0 0
}

.buble.left {
    background-position: -2px -1px;
    padding-right: 20px;
    padding-left: 10px
}

.buble.left p.tit {
    padding: 0 0 0 50px
}

.buble.blue {
    border-color: #69cef8
}

.buble.blue a:hover {
    color: #69cef8
}

.buble.orange {
    border-color: #f16d2c
}

.buble.orange a:hover,.buble.orange label:hover p {
    color: #f16d2c
}

.buble.purple {
    border-color: #9a3662
}

.buble.purple a:hover {
    color: #9a3662
}

.buble.red {
    border-color: #f44e6a
}

.buble.red a:hover {
    color: #f44e6a
}

.buble.pink {
    border-color: #f998c2
}

.buble.pink a:hover {
    color: #f998c2
}

.buble.n_0 {
    -webkit-transform: translate(20px,104px);
    -moz-transform: translate(20px,104px);
    -ms-transform: translate(20px,104px);
    -o-transform: translate(20px,104px);
    transform: translate(20px,104px);
    background-image: url(../img/buble_0.png);
    background-position: -webkit-calc(100% + 2px) 0;
    background-position: -moz-calc(100% + 2px) 0;
    background-position: calc(100% + 2px) 0
}

.buble.n_1 {
    -webkit-transform: translate(12px,177px);
    -moz-transform: translate(12px,177px);
    -ms-transform: translate(12px,177px);
    -o-transform: translate(12px,177px);
    transform: translate(12px,177px);
    background-image: url(../img/buble_1.png)
}

.buble.n_2 {
    -webkit-transform: translate(48px,254px);
    -moz-transform: translate(48px,254px);
    -ms-transform: translate(48px,254px);
    -o-transform: translate(48px,254px);
    transform: translate(48px,254px);
    background-image: url(../img/buble_2.png);
    background-position: -webkit-calc(100% + 2px) 0;
    background-position: -moz-calc(100% + 2px) 0;
    background-position: calc(100% + 2px) 0
}

.buble.n_3 {
    background-image: url(../img/buble_3.png);
    -webkit-transform: translate(942px,104px);
    -moz-transform: translate(942px,104px);
    -ms-transform: translate(942px,104px);
    -o-transform: translate(942px,104px);
    transform: translate(942px,104px)
}

.buble.n_4 {
    background-image: url(../img/buble_4.png);
    -webkit-transform: translate(942px,178px);
    -moz-transform: translate(942px,178px);
    -ms-transform: translate(942px,178px);
    -o-transform: translate(942px,178px);
    transform: translate(942px,178px)
}

.buble.n_5 {
    background-image: url(../img/buble_5.png);
    -webkit-transform: translate(942px,255px);
    -moz-transform: translate(942px,255px);
    -ms-transform: translate(942px,255px);
    -o-transform: translate(942px,255px);
    transform: translate(942px,255px)
}

.buble.n_6 {
    background-image: url(../img/buble_6.png);
    -webkit-transform: translate(15px,390px);
    -moz-transform: translate(15px,390px);
    -ms-transform: translate(15px,390px);
    -o-transform: translate(15px,390px);
    transform: translate(15px,390px)
}
.buble.n_6:hover {
height: 160px;
}

.buble.n_7 {
    background-image: url(../img/buble_7.png);
    -webkit-transform: translate(725px,391px);
    -moz-transform: translate(725px,391px);
    -ms-transform: translate(725px,391px);
    -o-transform: translate(725px,391px);
    transform: translate(725px,391px)
}

.buble.n_8 {
    background-image: url(../img/buble_8.png);
    -webkit-transform: translate(109px,573px);
    -moz-transform: translate(109px,573px);
    -ms-transform: translate(109px,573px);
    -o-transform: translate(109px,573px);
    transform: translate(109px,573px)
}

.buble.n_9 {
    background-image: url(../img/buble_9.png);
    -webkit-transform: translate(725px,574px);
    -moz-transform: translate(725px,574px);
    -ms-transform: translate(725px,574px);
    -o-transform: translate(725px,574px);
    transform: translate(725px,574px)
}

.buble.n_10 {
    background-image: url(../img/buble_10.png);
    -webkit-transform: translate(123px,644px);
    -moz-transform: translate(123px,644px);
    -ms-transform: translate(123px,644px);
    -o-transform: translate(123px,644px);
    transform: translate(123px,644px);
    width: 322px
}

.buble.n_11 {
    background-image: url(../img/buble_11.png);
    -webkit-transform: translate(726px,644px);
    -moz-transform: translate(726px,644px);
    -ms-transform: translate(726px,644px);
    -o-transform: translate(726px,644px);
    transform: translate(726px,644px)
}

.buble.n_12 {
    background-image: url(../img/buble_12.png);
    -webkit-transform: translate(575px,644px);
    -moz-transform: translate(575px,644px);
    -ms-transform: translate(575px,644px);
    -o-transform: translate(575px,644px);
    transform: translate(575px,644px);
    width: 80px
}

.buble p.tit {
    line-height: 46px;
    height: 50px;
    margin: 0 !important
}

.buble:hover {
    height: 140px;
    background-color: #fff;
    z-index: 10
}

.buble p {
    text-align: left;
    color: gray
}

.red {
    color: #ff3e37
}

p.spb {
    background: url(../img/ico_spb.png) no-repeat left
}

p.msk {
    background: url(../img/ico_msk.png) no-repeat left
}

p.online {
    background: url(../img/ico_online.png) no-repeat left;
    height: 30px;
    line-height: 25px
}

.buble.left p {
    background-position: right;
    text-align: right;
    padding: 5px 35px 0 0
}

.buble.right p {
    padding: 5px 0 0 35px
}

.buble.n_12:hover {
    height: 48px !important;
    background-color: transparent
}

.buble.h_1:hover {
    height: 100px
}

label {
    cursor: pointer
}

a {
    text-decoration: none
}

.buble.h_3:hover {
    height: 180px
}

.buble.h_6:hover {
    height: 280px
}

a.ico_lang {
    display: inline-block
}

a.ico_lang:hover img {
    -webkit-transform: scale(1.11);
    -moz-transform: scale(1.11);
    -ms-transform: scale(1.11);
    -o-transform: scale(1.11);
    transform: scale(1.11)
}

a.ico_lang img {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    -o-transition: transform .4s ease,-o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease
}

a.ico_lang.ital {
    -webkit-transform: translate(-352px,367px);
    -moz-transform: translate(-352px,367px);
    -ms-transform: translate(-352px,367px);
    -o-transform: translate(-352px,367px);
    transform: translate(-382px,487px);
    position: absolute
}

a.ico_lang.nem {
    -webkit-transform: translate(-286px,367px);
    -moz-transform: translate(-286px,367px);
    -ms-transform: translate(-286px,367px);
    -o-transform: translate(-286px,367px);
    transform: translate(-282px,487px);
    position: absolute
}

a.ico_lang.esp {
    -webkit-transform: translate(-286px,367px);
    -moz-transform: translate(-286px,367px);
    -ms-transform: translate(-286px,367px);
    -o-transform: translate(-286px,367px);
    transform: translate(-332px,487px);
    position: absolute
}

a.ico_lang.french {
    -webkit-transform: translate(-57px,487px);
    -moz-transform: translate(-57px,487px);
    -ms-transform: translate(-57px,487px);
    -o-transform: translate(-57px,487px);
    transform: translate(-57px,487px);
    position: absolute;
}

.buble.right.blue p:not(.not_active).spb:hover {
    background: url(../img/ico_spb_blue.png) no-repeat left
}

.buble.right.blue p:not(.not_active).spb {
    background: url(../img/ico_spb.png) no-repeat left,url(../img/ico_spb_blue.png) no-repeat -1000px
}

.buble.right.blue p:not(.not_active).online:hover {
    background: url(../img/ico_online_blue.png) no-repeat left
}

.buble.right.blue p:not(.not_active).online {
    background: url(../img/ico_online.png) no-repeat left,url(../img/ico_online_blue.png) no-repeat -1000px
}

.buble.left.orange p:not(.not_active).spb:hover {
    background: url(../img/ico_spb_orange.png) no-repeat right
}

.buble.left.orange p:not(.not_active).spb {
    background: url(../img/ico_spb.png) no-repeat right,url(../img/ico_spb_orange.png) no-repeat -1000px
}

.buble.left.orange p:not(.not_active).msk:hover {
    background: url(../img/ico_msk_orange.png) no-repeat right
}

.buble.left.orange p:not(.not_active).msk {
    background: url(../img/ico_msk.png) no-repeat right,url(../img/ico_msk_orange.png) no-repeat -1000px
}

.buble.right.purple p:not(.not_active).spb:hover {
    background: url(../img/ico_spb_purple.png) no-repeat left
}

.buble.right.purple p:not(.not_active).spb {
    background: url(../img/ico_spb.png) no-repeat left,url(../img/ico_spb_purple.png) no-repeat -1000px
}

.buble.right.purple p:not(.not_active).online:hover {
    background: url(../img/ico_online_purple.png) no-repeat left
}

.buble.right.purple p:not(.not_active).online {
    background: url(../img/ico_online.png) no-repeat left,url(../img/ico_online_purple.png) no-repeat -1000px
}

.buble.left.purple p:not(.not_active).spb:hover {
    background: url(../img/ico_spb_purple.png) no-repeat right
}

.buble.left.purple p:not(.not_active).spb {
    background: url(../img/ico_spb.png) no-repeat right,url(../img/ico_spb_purple.png) no-repeat -1000px
}

.buble.left.purple p:not(.not_active).online:hover {
    background: url(../img/ico_online_purple.png) no-repeat right
}

.buble.left.purple p:not(.not_active).online {
    background: url(../img/ico_online.png) no-repeat right,url(../img/ico_online_purple.png) no-repeat -1000px
}

.buble.right.red p:not(.not_active).spb:hover {
    background: url(../img/ico_spb_red.png) no-repeat left
}

.buble.right.red p:not(.not_active).spb {
    background: url(../img/ico_spb.png) no-repeat left,url(../img/ico_spb_red.png) no-repeat -1000px
}

.buble.right.red p:not(.not_active).online:hover {
    background: url(../img/ico_online_red.png) no-repeat left
}

.buble.right.red p:not(.not_active).online {
    background: url(../img/ico_online.png) no-repeat left,url(../img/ico_online_red.png) no-repeat -1000px
}

.buble.left.red p:not(.not_active).spb:hover {
    background: url(../img/ico_spb_red.png) no-repeat right
}

.buble.left.red p:not(.not_active).spb {
    background: url(../img/ico_spb.png) no-repeat right,url(../img/ico_spb_red.png) no-repeat -1000px
}

.buble.left.red p:not(.not_active).online:hover {
    background: url(../img/ico_online_red.png) no-repeat right
}

.buble.left.red p:not(.not_active).online {
    background: url(../img/ico_online.png) no-repeat right,url(../img/ico_online_red.png) no-repeat -1000px
}

.buble.right.pink p:not(.not_active).spb:hover {
    background: url(../img/ico_spb_pink.png) no-repeat left
}

.buble.right.pink p:not(.not_active).spb {
    background: url(../img/ico_spb.png) no-repeat left,url(../img/ico_spb_pink.png) no-repeat -1000px
}

.buble.right.pink p:not(.not_active).msk:hover {
    background: url(../img/ico_msk_pink.png) no-repeat left
}

.buble.right.pink p:not(.not_active).msk {
    background: url(../img/ico_msk.png) no-repeat left,url(../img/ico_msk_pink.png) no-repeat -1000px
}

.buble.right.pink p:not(.not_active).online:hover {
    background: url(../img/ico_online_pink.png) no-repeat left
}

.buble.right.pink p:not(.not_active).online {
    background: url(../img/ico_online.png) no-repeat left,url(../img/ico_online_pink.png) no-repeat -1000px
}

.buble.left.pink p:not(.not_active).spb:hover {
    background: url(../img/ico_spb_pink.png) no-repeat right
}

.buble.left.pink p:not(.not_active).spb {
    background: url(../img/ico_spb.png) no-repeat right,url(../img/ico_spb_pink.png) no-repeat -1000px
}

.buble.left.pink p:not(.not_active).msk:hover {
    background: url(../img/ico_msk_pink.png) no-repeat right
}

.buble.left.pink p:not(.not_active).msk {
    background: url(../img/ico_msk.png) no-repeat right,url(../img/ico_msk_pink.png) no-repeat -1000px
}

.buble.left.pink p:not(.not_active).online:hover {
    background: url(../img/ico_online_pink.png) no-repeat right
}

.buble.left.pink p:not(.not_active).online {
    background: url(../img/ico_online.png) no-repeat right,url(../img/ico_online_pink.png) no-repeat -1000px
}

a.intellect,a.children,a.foreign {
    display: inline-block
}

a.intellect {
    -webkit-transform: translate(-26px,101px);
    -moz-transform: translate(-26px,101px);
    -ms-transform: translate(-26px,101px);
    -o-transform: translate(-26px,101px);
    transform: translate(-60px,101px)
}

a.children {
    -webkit-transform: translate(249px,101px);
    -moz-transform: translate(249px,101px);
    -ms-transform: translate(249px,101px);
    -o-transform: translate(249px,101px);
    transform: translate(214px,101px)
}

a.foreign {
    -webkit-transform: translate(-120px,316px);
    -moz-transform: translate(-120px,316px);
    -ms-transform: translate(-120px,316px);
    -o-transform: translate(-120px,316px);
    transform: translate(-155px,316px)
}

a.intellect img,a.children img,a.foreign img {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    -o-transition: transform .4s ease,-o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease
}

a.intellect:hover img,a.children:hover img,a.foreign:hover img {
    -webkit-transform: scale(1.11);
    -moz-transform: scale(1.11);
    -ms-transform: scale(1.11);
    -o-transform: scale(1.11);
    transform: scale(1.11)
}

.modal_main {
    display: none
}

a.plashka_red {
    display: block
}

.modal_main ul {
    overflow: hidden;
    width: 80%;
    margin: auto
}

.modal_main ul li {
    float: left !important;
    overflow: hidden;
    width: 25% !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2%;
    margin: 0 !important
}

.modal_main ul li input {
    background: 0;
    border: 1px solid #fff;
    color: #fff
}

.modal_main form {
    position: absolute;
    width: 100%;
    bottom: 30px
}

*::-webkit-input-placeholder {
    color: #fff
}

.contact_form ul li input.btn2 {
    background: #fff200;
    color: #c91415;
    font-weight: 700;
    text-transform: none
}

.buble.n_11 div {
    float: left;
    overflow: hidden
}

.buble.n_11 div.right p {
    text-align: left;
    padding-right: 0;
    padding-left: 5px
}

*::-webkit-input-placeholder {
    color: #a5a3a3
}

a.ico_lang.chinese {
    position: absolute;
    -webkit-transform: translate(-241px,487px);
    -moz-transform: translate(-241px,487px);
    -ms-transform: translate(-241px,487px);
    -o-transform: translate(-241px,487px);
    transform: translate(-241px,487px)
}

a.ico_lang.arabic {
    position: absolute;
    -webkit-transform: translate(-191px,487px);
    -moz-transform: translate(-191px,487px);
    -ms-transform: translate(-191px,487px);
    -o-transform: translate(-191px,487px);
    transform: translate(-191px,487px)
}

a.ico_lang.japanese {
    position: absolute;
    -webkit-transform: translate(-141px,487px);
    -moz-transform: translate(-141px,487px);
    -ms-transform: translate(-141px,487px);
    -o-transform: translate(-141px,487px);
    transform: translate(-107px,487px)
}

.banner_bot {
    width: 1200px;
    height: 200px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url('../images/baner_11.jpg') no-repeat top;
    z-index: 9999999
}

.banner_bot p {
    color: #fff;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    font-size: 2em;
    line-height: 1
}

.banner_bot a {
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1200px) {
    footer {
        margin-bottom:0
    }

    .banner_bot {
        display: none
    }
}

@media screen and (max-device-width: 1200px) {
    .ft-left {
        font-size:10px
    }
}