.back-link,.btn-link-more,.heading,.nav,.screen-1 .copy {
    text-transform: uppercase
}

.screen-1,.screen-2,.screen-3,.screen-3 .item,.screen-3__top,.skillBar,.wrapper {
    overflow: hidden
}

.country-block,.screen-2--l .tab-point {
    cursor: pointer
}

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

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

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

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

@font-face {
    font-family: 'RobotoCondensed-Light';
    src: url(fonts/RobotoCondensed-Light.eot?#iefix) format("embedded-opentype"),url(fonts/RobotoCondensed-Light.woff) format("woff"),url(fonts/RobotoCondensed-Light.ttf) format("truetype"),url(fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light) format("svg");
    font-weight: 400;
    font-style: normal
}
.nav,.screen-1 {
    text-align: right
}

.left-tab{
    width: 400px;
}

.screen-2 .tab-content img {
    max-width: 85%;
    min-width: 375px;
}

noscript a {
    text-decoration: underline
}

.back-link:hover,.btn-link-more:hover,.nav a:hover,.screen-13 .look-video:hover,noscript a:hover {
    text-decoration: none
}

strong {
    font-family: BebasNeueBold,sans-serif
}

.border_null {
    border: 0
}

.padding_null {
    padding: 0!important
}

.margin_null {
    margin: 0!important
}

.padding-l {
    padding-left: 30px
}

.padding-r-null {
    padding-right: 0
}

.b-center {
    float: none;
    margin: 0 auto
}

.b-center:after {
    clear: both;
    display: block;
    content: ""
}

.back-link .icon{
    display: inline-block
}

.list-reset {
    margin: 0;
    padding: 0;
    list-style: none
}

.heading {
    font: 54px/58px BebasNeueBold,sans-serif;
    margin: 0 0 50px
}

.heading--reg {
    font-family: BebasNeueRegular,sans-serif
}

.heading--yellow {
    color: #fd0
}

.heading--green {
    color: #62b881
}

.heading--md {
    font-size: 42px;
    line-height: 46px
}

.heading--white {
    color: #fff
}

.heading--md-44 {
    font: 44px/48px BebasNeueBold,sans-serif;
    margin-bottom: 22px;
}

.yellow {
    color: #fd0
}

.back-link {
    position: absolute;
    top: 10px;
    left: 193px;
    font: 18px/20px BebasNeueRegular,sans-serif
}

.back-link .icon {
    margin-right: 10px;
    color: #fd0;
    -webkit-transform: rotate(-175deg);
    -ms-transform: rotate(-175deg);
    transform: rotate(-175deg)
}

.back-link:hover {
    color: #282828
}

.header {
    padding-top: 25px;
    padding-bottom: 25px;
    position: absolute;
    top: 11px;
    left: 0;
    z-index: 999999
}
.screen-1:before {
    background: #fd0;
    content: ""
}

/*.nav {
    padding-top: 14px!important;
    font: 18px/20px BebasNeueBold,sans-serif
}

.nav li {
    padding: 0 20px
}

.nav li.active a {
    color: #fd0
}

.nav li:last-child {
    padding-right: 0
}

.nav a {
    position: relative;
    padding-bottom: 10px
}*/

/*.nav a:after {
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: -100%;
    -webkit-transition: all .3s 30ms ease;
    transition: all .3s 30ms ease;
    opacity: 0
}

.nav a:hover {
    color: #282828
}

.nav a:hover:after {
    left: 0;
    opacity: 1
}*/

.screen-1 {
    position: relative;
    height: 870px
}

.screen-1:before {
    height: 866px;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 1;
    position: absolute
}

.screen-1 .heading {
    margin-bottom: 33px
}

.screen-1 .img-pos-2 {
    width: 17%
}

.screen-1 .img-pos-1 {
    width: 9%
}

.screen-1 .img-pos {
    position: absolute;
    z-index: 8
}

.screen-1 .img01 {
    left: 10%;
    top: 99px
}

.screen-1 .img02 {
    left: 31%;
    top: 326px
}

.screen-1 .img03 {
    left: 51%;
    top: 239px
}

.screen-1 .img04 {
    right: 18%;
    top: 384px
}

.screen-1 .img05 {
    left: 17%;
    bottom: 67px
}

.screen-1 .img06 {
    right: -26px;
    bottom: -20px
}

.screen-1 .img07 {
    top: 0;
    left: 20px
}

.screen-1 .pull-right {
    padding-left: 304px;
    padding-top: 102px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}

.screen-1 .pull-right .r {
    max-width: 486px
}

.screen-1 .copy {
    bottom: 141px;
    left: 119px;
    -webkit-transform: rotate(-89deg);
    -ms-transform: rotate(-89deg);
    transform: rotate(-89deg);
    font: 22px/24px BebasNeueRegular,sans-serif
}

.screen-1 .btn-down {
    height: 39px;
    width: 39px;
    position: absolute;
    bottom: 46px;
    left: 52%;
    z-index: 10;
    cursor: pointer
}

.screen-1 .btn-down .icon {
    position: absolute;
    top: 0;
    color: #fff;
    left: 0
}

.screen-1 .btn-down .icon.icon--trans {
    top: 13px
}

.shadow-lamp {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    animation: pulse 1s linear infinite;
    -webkit-animation: linear infinite 1s pulse
}

@keyframes pulse {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .6
    }
}

@-webkit-keyframes pulse {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .6
    }
}
.main_menu .phone_tabs>.nav>li>a{
    font-size: 17px;
}
.screen-2 {
    background: #5a2480;
    padding: 50px 0 0;
    margin-top: -4px;
    position: relative;
    color: #fff;
    border-bottom: 1px solid #ffde14
}

.screen-2 .owl-dot.active span,.screen-3 {
    background: #fd0
}

.screen-2 .heading {
    margin-bottom: 22px
}
.screen-2 .brain >  svg{
    max-width: 523px;
    width: 100%;
}
.screen-2 .text {
    margin-bottom: 65px;
    font: 18px/23px 'RobotoCondensed-Regular',Arial,sans-serif;
}

.screen-2 .screen-2__img-b {
    position: relative;
}
.screen-2 .tab-content img{
    max-width: 85%;
}
.screen-2 .owl-dots {
    text-align: center;
    margin-bottom: 20px
}
#method {
    padding-left: 15%;
}

.screen-2 .owl-dot span {
    border: 1px solid #fd0!important;
}

.screen-2--r {
    padding-left: 24px
}

.screen-2--l {
    margin: 46px 0 0
}

.screen-2--l .dinamic-wheel {
    position: absolute;
    top: 75px;
    left: 67px;
}
.screen-2--l .dinamic-wheel svg{
    width: 100%;
    max-width: 300px;
}
.screen-2--l .active,.screen-2--l .tab-point.active {
    fill: #FFD400;
    opacity: 1
}

.screen-2--l .active[data-target='#tex'],.screen-2--l .active[data-target='#inst'] {
    fill: #62b881
}

.screen-2__text {
    padding-left: 90px
}

.owl-dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    display: inline-block
}

.owl-dot span {
    display: block!important;
    -webkit-border-radius: 50px!important;
    border-radius: 50px!important;
    height: 15px!important;
    margin: 0!important;
    width: 100%!important;
    background: transparent!important;;
}

.screen-3 {
    padding: 70px 0 30px;
    position: relative
}

.screen-3 .owl-controls {
    position: absolute!important;
    top:112px!important;
    left: 304px!important;
}
.screen-3 .container{
    width: 1560px;
}

.screen-3 .number {
    margin-top: -30px
}
.screen-3 .owl-nav{
    display: none!important;
}

.screen-3 .heading-n {
    display: block;
    position: absolute;
    bottom: -14px;
    right: 50px;
    letter-spacing: 1px
}

.screen-3 .item {
    background: url(../images/bg-dashed.png) 8% 58% no-repeat
}

.screen-3 .item img {
    float: right;
    margin-right: 20px;
    max-width: 100%;
    width: initial;
}

.screen-3 .owl-item .item-three .item {
    background-position: 8% 64%
}

.screen-3 .owl-item .item-three .item img {
    margin-top: 60px;
    margin-right: -51px
}

.screen-3 .owl-item .item-four .bg-yellow {
    top: 230px
}

.screen-3 .owl-item .item-five img {
    margin-top: 64px
}

.screen-3 .bg-yellow {
    background: #fd0;
    position: absolute;
    z-index: 9;
    top: 284px;
    left: 0;
    padding: 10px 0 0;
    max-width: 394px
}

.screen-3 .owl-dot span {
    border: 2px solid #fff!important;
}

.screen-3 .owl-dot.active span {
    background: #fff!important;
}

.screen-3 .img-b {
    margin-top: 44px;
    position: absolute
}

.screen-3__top {
    margin-bottom: -165px;
    width: 100%;
    padding-top: 32px
}
.screen-3__top .col-lg-offset-1{
    display: none;
}
.screen-3__top > div:last-child{
    margin-top: -34px;
    margin-bottom: 88px;
}
.screen-4 {
    background: #62b881;
    color: #fff;
    padding-top: 41px;
    padding-bottom: 35px
}

.screen-4 .heading {
    margin-bottom: 15px
}

.screen-4 .text {
    max-width: 775px;
    margin: 0 auto 30px;
    font: 18px/25px RobotoCondensed-Regular,sans-serif
}

.screen-5 {
    background: #5a2480;
    padding: 57px 0;
    color: #fff
}

.screen-5 .link-project {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    width: 100px
}

.screen-5 .link-project .icon-ArrowBack {
    display: inline-block;
    margin-top: -16px;
    margin-left: 11px;
    vertical-align: middle;
    font-size: 20px
}

.screen-5 .left {
    float: left;
    width: 821px
}

.screen-5 .left .slider-sreen {
    max-width: inherit;
    width: 790px
}

.screen-5 .img-pos {
    position: absolute
}

.screen-5 .img-pos-01 {
    top: -73px;
    left: 74px
}

.screen-5 .img-pos-02 {
    right: 46px;
    top: 218px
}

.screen-5 .img-pos-03 {
    top: -46px;
    left: -137px
}

.screen-5 .img-pos-04 {
    bottom: 72px;
    left: -160px
}

.screen-5 .right {
    width: 550px
}

.screen-5 .slider-sreen {
    max-width: 800px;
    position: relative;
    padding: 28px 40px 50px;
    margin-left: -58px;
    background: url(../images/Mac.png) no-repeat
}

.screen-5 .slider-sreen .slider-sreen__w {
    max-width: 550px;
    margin: 0 auto
}

.screen-5 .slider-sreen.slider-sreen01 {
    padding: 24px 36px 32px 48px;
    width: 550px;
    margin: 0 0 116px;
    background: url(../images/Tablet1.png) no-repeat
}

.screen-5 .slider-sreen.slider-sreen01 .slider-sreen__w {
    width: 443px;
    margin: 0
}

.screen-5 .slider-sreen .line {
    position: absolute;
    top: -287px;
    height: 288px;
    width: 1px;
    background: #fff;
    left: 171px
}

.screen-5 .slider-sreen .line:after {
    height: 16px;
    width: 16px;
    background: #fff;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    content: "";
    top: 0;
    left: -7px
}

.screen-5 .text {
    max-width: 452px;
    margin-left: 274px;
    margin-bottom: 93px
}

.screen-5 .heading {
    margin-bottom: 60px;
    margin-left: 277px
}

.screen-5 .heading.mb {
    margin-bottom: 21px
}

.screen-5 .screen-5__top {
    max-width: 346px;
    margin-left: 142px;
    margin-bottom: 12px
}

.screen-5 .screen-5__top .heading {
    margin: 0
}

.screen-5 .pull-right .heading {
    margin: 0 0 20px 106px
}

.screen-5 .pull-right .line {
    bottom: -123px;
    top: auto;
    height: 130px;
    left: 17px
}

.screen-5 .pull-right .line:after {
    top: auto;
    bottom: 0
}

.screen-5 .pull-right .screen-5__top {
    margin-left: 38px;
    padding-top: 12px;
    margin-bottom: -10px;
    max-width: 453px
}

.screen-5 .pull-right .slider-sreen {
    margin-bottom: 99px
}

.screen-5 .pull-right .right-bottom .heading,.screen-5 .pull-right .right-bottom .text {
    margin: 0 0 0 49px
}

.screen-5 .pull-right .right-bottom .heading {
    margin-bottom: 20px
}

.screen-6 {
    background: #62b881;
    color: #fff;
    padding: 113px 0 77px
}

.screen-6 .img__b {
    margin-bottom: 11px
}

.screen-6 .text {
    margin-left: 60px
}

.screen-6 .screen-6__slider {
    padding: 63px 0 116px;
    width: 482px;
    position: relative;
    background: url(../images/Tablet2.png) no-repeat
}

.screen-6 .screen-6__slider .heading {
    position: absolute;
    bottom: 67px;
    right: -323px
}

.screen-6 .screen-6__slider:after {
    position: absolute;
    bottom: 79px;
    right: -134px;
    height: 67px;
    width: 164px;
    background: url(../images/poin-right.png) no-repeat;
    content: ""
}

.screen-6 .slider-sreen__w {
    max-width: 373px;
    margin: 0 auto
}

.screen-6 .heading {
    margin-bottom: 18px
}

.screen-6 .screen-6__slider--r {
    padding: 62px 14px 93px;
    width: 311px;
    background: url(../images/iPhone1.png) no-repeat
}

.screen-6 .screen-6__slider--r:after {
    background: url(../images/point-bottom.png) no-repeat;
    height: 107px;
    width: 49px;
    bottom: -76px;
    right: auto;
    left: 133px
}

.screen-6 .screen-6__slider--r .slider-sreen__w {
    max-width: 217px;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #000;
    margin: 0 0 0 32px
}

.screen-6 .screen-6__slider--r .heading {
    bottom: -90px;
    right: -52px
}

.screen-6__img {
    margin-top: 70px
}

.screen-6__center {
    padding-top: 85px;
    padding-left: 36px
}

.screen-7 {
    padding: 69px 0
}

.screen-7 .heading {
    margin-bottom: 87px
}

.btn-link-more {
    background: #fff;
    padding: 14px 15px;
    border: 2px solid #5a2480;
    color: #5a2480;
    font: 20px/22px BebasNeueBold,sans-serif;
    display: block;
    width: 200px;
    text-align: center;
    margin: -22px auto 0;
    position: relative;
    z-index: 999
}

.btn-link-more:hover {
    color: #fff;
    background: #5a2480
}

.screen-8 {
    background: url(../images/27.png) 21.3% 88% no-repeat #fd0;
    padding: 101px 0 80px
}

.screen-8 .text {
    padding-top: 178px
}

.screen-8 .heading {
    margin: 0
}

.screen-8 .mb {
    margin-bottom: 40px
}

.screen-8 .img-10 {
    padding-top: 54px
}

.screen-8 .btn-all {
    display: block;
    max-width: 247px;
    position: absolute;
    bottom: 22px;
    left: -195px
}

.screen-8 .btn-all:hover {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.screen-9 {
    background: #5a2480;
    padding: 150px 0 93px
}

.screen-9 .heading {
    background: #5a2480;
    padding: 0 20px;
    max-width: 360px;
    margin: 0 auto -55px;
    position: relative
}

.screen-10 {
    padding-top: 94px;
    margin-bottom: 2px
}

.screen-10 .text {
    max-width: 750px;
    margin: 0 auto 130px
}

.screen-10 .heading {
    margin-bottom: 34px
}

.screen-11 {
    background: #62b881;
    padding: 96px 0 115px
}

.screen-11 .heading {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 25px;
    font-size: 43px;
    line-height: 52px
}

.screen-11 .r .heading {
    text-align: center;
    max-width: 322px;
    margin: 0 auto 25px
}

.screen-12 {
    padding: 99px 0 153px;
    background: #fd0
}

.screen-12 .heading {
    margin-bottom: 69px
}

.screen-13 {
    background: url(../assets/images/video_1.jpg) 50% 0 no-repeat;
    padding: 243px 0 89px;
    color: #fff
}

.screen-13 .heading {
    margin-bottom: 8px
}

.screen-13 .mb {
    margin-bottom: 26px
}

.screen-13 .look-video {
    color: #fff;
    display: inline-block;
    margin-bottom: 60px;
    vertical-align: middle;
    font: 22px/24px RobotoCondensed-Regular,sans-serif
}

.screen-13 .look-video span {
    color: #fd0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.screen-13 .owl-dots {
    position: absolute!important;
    z-index: 9!important;
    text-align: center!important;
    width: 100%!important;
    left: 0!important;
    bottom: 6px!important;
}

.screen-13 .owl-dots div {
    display: inline-block!important;
    margin: 0 4px!important;
}

.screen-13 .owl-dots div span {
    display: block!important;
    height: 9px!important;
    width: 9px!important;
    background: #716826!important;
    -webkit-border-radius: 50px!important;
    border-radius: 50px!important;
}

.screen-13 .owl-dots div.active span {
    background: #fd0!important;
}

.slider-testimonials {
    font: 30px/38px RobotoCondensed-Light,sans-serif
}

.slider-testimonials .name {
    font: 22px/24px BebasNeueBold,sans-serif;
    margin: 0
}

.slider-testimonials .job {
    color: #fd0;
    font: 18px/20px RobotoCondensed-Light,sans-serif
}

.slider-testimonials .text {
    margin-bottom: 35px;
    position: relative
}

.slider-testimonials .text:after {
    position: absolute;
    top: -58px;
    left: -3px;
    content: "";
    height: 35px;
    width: 39px;
    background: url(../images/quote.png) no-repeat
}

.slider-testimonials .right {
    padding-top: 120px
}

.slider-testimonials .photo {
    border: 1px dashed #fff;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    padding: 22px 0 0 22px;
    display: inline-block
}

.slider-testimonials .photo-wrap {
    height: 362px;
    width: 362px;
    overflow: hidden;
    -webkit-border-radius: 200px;
    border-radius: 200px
}

.screen-14 {
    background: #fd0;
    padding: 115px 0 98px;
    text-align: center
}

.screen-14 .heading {
    margin-bottom: 30px
}

.screen-14 .social li {
    display: inline-block;
    margin: 0 25px
}

.screen-14 .social li a {
    height: 82px;
    width: 82px;
    border: 1px dashed #fff;
    display: block;
    color: #000
}

.screen-14 .social li a .fa {
    font-size: 37px;
    line-height: 84px
}

.screen-14 .social li a:hover {
    background: #fff
}

.skillBar {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.codeconSkillbar .round {
    height: 44px;
    width: 44px;
    position: absolute;
    top: -2px;
    right: -2px;
    border: 2px solid #fff;
    background: #62b881;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.codeconSkillbar .round:after {
    height: 22px;
    width: 22px;
    background: #fff;
    position: absolute;
    top: 9px;
    content: "";
    left: 9px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.progress-container,progress {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.codeconSkillbar .round.round--lilac {
    background: #5a2480
}

.codeconSkillbar .round.round--yellow {
    background: #fd0
}

.marketing-block {
    margin-bottom: 100px
}

progress {
    z-index: 999;
    height: 11px;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: red
}

progress[value]::-webkit-progress-bar {
    background-color: #eee;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25) inset;
    box-shadow: 0 2px 5px rgba(0,0,0,.25) inset
}

progress[value]::-webkit-progress-value {
    background: #fd0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-size: 35px 20px,100% 100%,100% 100%
}

progress::-webkit-progress-bar {
    background-color: transparent
}

.flat::-webkit-progress-value {
    background-color: red
}

.flat::-moz-progress-bar {
    background-color: red
}

.single::-webkit-progress-value {
    background: #fd0
}

.single::-moz-progress-bar {
    background: #fd0
}

.multiple::-webkit-progress-value {
    background: #fd0
}

.multiple::-moz-progress-bar {
    background: #fd0
}

.progress-container {
    background-color: transparent;
    height: .25em;
    display: block
}

.progress-bar {
    background: #fd0!important;
    width: 50%;
    display: block;
    height: inherit
}

.country-block {
    position: relative
}

.country-block:hover>.country-text,.country-block:hover>.country-text-bg {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    visibility: visible
}

.country-text,.country-text-bg {
    -webkit-transform: translate(60px,0);
    -ms-transform: translate(60px,0);
    transform: translate(60px,0);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    visibility: hidden
}
#method .container{
    width: 1560px;
}
@media (max-width: 1900px) {
    .screen-6>img:last-child {
        display:none
    }

    .screen-8 .heading {
        font-size: 45px
    }
}

@media (max-width: 1700px) {
    .screen-5 .slider-sreen {
        margin-left:0
    }

    .screen-5 .right {
        margin-right: 30px
    }

    .screen-6__img {
        display: none
    }

    .screen-6__center {
        width: 35%;
        float: left
    }

    .screen-6 .screen-6__slider {
        margin-left: 30px
    }
    .screen-3 .owl-controls {
        top:51px!important;
    }
}
#header.fixed .main_menu .phone_tabs{
    float: right;
    margin-left: 0;
}

@media (max-width: 1560px) {
    .screen-3 .container{
        width: 100%;
    }
    #method .container{
        width: 100%;
    }
    .screen-2--r {
        padding-left: 0;
    }
    .screen-3 .owl-controls {
        top: -53px!important;
        left: 0!important;
        right: 0!important;
        margin: 0 auto;
    }
    .screen-3__top > div:last-child {
        float: none;
        margin: 0 auto 88px;
    }
    .screen-3__top{
        padding-top: 0;
    }
    screen-3 .heading{
        margin-bottom: 15px;
    }
}
@media (max-width: 1600px) {
    .screen-6__center {
        width:29%;
        padding-left: 20px
    }

    .screen-6__center .text {
        margin-left: 0
    }

    .screen-1 .pull-right {
        padding-left: 46px
    }

    .screen-3 .item {
        background: 0 0
    }

    .screen-3 .bg-yellow {
        position: static;
        background: 0 0;
        width: 30%;
        padding-left: 20px
    }

    .screen-3 .owl-controls {
        top: -33px
    }

    .screen-3__top {
        margin-bottom: 0
    }

    .screen-2 {
        padding-top: 80px
    }

    .nav li {
        padding: 0 9px
    }

    #header.fixed .nav li:last-child {
        padding-right: 0;
    }
    #header.fixed .phone_tabs .tab-content{
        padding-left: 9px
    }

    .screen-3 .owl-item .item-four img {
        margin-top: -203px
    }

    .screen-3 .owl-item .item-three img {
        margin-top: -213px;
        margin-right: 0
    }

    .screen-3 .owl-item .item-five img {
        margin-top: 0;
    }

    .screen-3 .owl-item .item-fist img {
        margin-top: -208px
    }

    .screen-3 .owl-item .item-two .screen-3__img {
        margin-top: -141px
    }
}

@media (max-width: 1450px) {
    .screen-8 .btn-all {
        left:-255px;
        bottom: -54px
    }

    .screen-8 .text {
        padding-top: 32px
    }

    .screen-8 {
        padding-top: 50px
    }
    #method {
        padding-left: 6%;
    }
    .screen-2 .heading {
        margin-left: -11%;
    }

    .screen-5 .left,.screen-5 .right {
        width: 100%;
        max-width: 802px;
        margin: 0 auto;
        float: none!important
    }

    .screen-5 .heading {
        font-size: 50px
    }

    .screen-5 .img-pos-02,.screen-5 .img-pos-03 {
        display: none
    }

    .screen-5 .left .slider-sreen,.screen-5 .slider-sreen {
        margin: 0 auto 19px!important
    }

    .screen-5 .pull-right .screen-5__top,.screen-5 .screen-5__top,.screen-5 .text {
        margin: 0 auto 30px!important
    }

    .screen-5 .heading,.screen-5 .heading.mb,.screen-5 .pull-right .right-bottom .heading {
        margin: 0;
        text-align: center
    }

    .screen-5 .img-pos-01 {
        left: -35px
    }

    .screen-5 .slider-sreen .line {
        top: -243px;
        height: 244px;
        left: 17%
    }

    .screen-5 .slider-sreen.slider-sreen01 .line {
        top: auto;
        height: 98px;
        left: 8%;
        bottom: -88px
    }

    .screen-5 .img-pos-04 {
        bottom: 7px;
        left: -49px
    }

    .right-bottom {
        max-width: 400px;
        margin: 0 auto
    }

    .screen-10 .text {
        margin-bottom: 40px
    }

    .screen-2--r {
        padding-left: 10px;
    }
    .screen-1 .img02 {
        top: 246px
    }

    .screen-1 .img03 {
        top: 324px
    }

    .screen-2 .tab-content img {
        max-width: 100%;
        min-width: 25px;
    }

    .screen-2__text {
        padding-left: 35px;
    }
}


@media (max-width: 1385px) {
    #method {
        padding-left: 8%;
    }
    .screen-2 .heading {
        margin-left: -9%;
    }
}



@media (max-width: 1300px) {
    .screen-2 .heading{
        font-size: 47px;
    }
    .screen-2--l .dinamic-wheel {
        left: 18%;
        right: 10%;
    }
    .screen-1 .pull-right {
        padding-top:48px
    }

    .screen-1 .copy {
        left: 0;
        bottom: 90px
    }

    .screen-6__center {
        width: 26%
    }

    .screen-6 .screen-6__slider--r .heading {
        bottom: -153px;
        right: 23%
    }

    .slider-testimonials .right {
        padding-left: 40px;
        padding-top: 60px
    }

    .screen-13 {
        padding-top: 200px
    }

    .screen-13 .owl-dots {
        bottom: -57px
    }

    .screen-2__text {
        padding-left: 20px
    }

    strong {
        font-family: BebasNeueRegular,sans-serif;
        font-weight: 400
    }
}


@media (max-width: 1200px){
    .phone_tabs>.nav>li {
        display: block;
        margin-bottom: 4px;
    }
    .left-tab {
        width: 33.3%;
    }

}
@media (max-width: 980px){
    .navbar-toggle.toggle-menu.menu-right.push-body.jPushMenuBtn{
        margin-top: -20px;
    }
    .phone_tabs{
        margin-top: -18px;
    }
    #header, .header_h{
        height: 118px;
    }
    .screen-2__text{
        width: 100%;
        padding-top: 15px;
    }
    #method {
        padding-left: 0;
    }
    .screen-2 .heading {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .skills .heading-md{
        text-align: center;
    }
    .inforg-block {
        display: inline-block;
        vertical-align: top;
    }
    .screen-2--r{
        padding-left: 20px;
        padding-bottom: 20px;
    }
    .screen-2--l {
        max-width: 400px!important;
        margin: 0 auto;
        width: 400px;
    }
    .screen-3 .owl-controls{
        left: 20px!important;
    }
    .screen-3 .bg-yellow {
        width: 100%;
        overflow: hidden;
    }
    .screen-3 .item img {
        margin: 0!important;
    }
    .screen-3 .img-b{
        display: none!important;
    }
    #method.screen-2 .heading{
        font-size: 25px;
        line-height: 30px;
    }
    #method.screen-2{
        padding-bottom: 0;
    }
    #method.screen-2 .brain >  svg{
        height: 385px;
    }
    .screen-2--l .dinamic-wheel{
        left: 16%;
        top: -8px;
    }
    .brain{
        margin-bottom: 20px;
        padding-bottom: 0;
    }
    #method.screen-2{
        padding-top: 20px;
    }
    .screen-2__text{
        padding:20px 0 0;
    }
    #method .tab-content #met img{
        margin-top: 0;
        top: auto;
    }
    .screen-2 .text{
        margin-bottom: 20px;
    }
    .navbar-toggle.toggle-menu.menu-right.push-body.jPushMenuBtn{
        margin-top: 0;
    }
}
@media (max-width: 700px){
    #header.fixed {
        height: 119px;
    }
}
@media (max-width: 599px) {
    .navbar-toggle.toggle-menu.menu-right.push-body.jPushMenuBtn{
        margin-top: 0;
    }
    #header, .header_h{
        height: 160px;
    }
    #header.fixed {
        height: 75px;
    }
    .screen-2--l {
        width: 320px;
    }
}
@media (max-width: 650px) {
    .inforg-block {
        display: inline-block;
        vertical-align: top;
        max-width: 45%;
        margin-bottom: 15px;
        width: 45%;
    }
    .inforg-block{
        width:94%;
        max-width:100%;
    }
    .bottom-infog{
        padding-top: 0;
    }
}
/*.wrapper_post img{
    width: auto!important;
    max-width: 100%;
}*/
.footer-bages img{
    max-width: 75%;
}

.brain {
    padding-bottom: 0;
}


.screen-2 .tab-content .screen-2__img img {
    max-width: 100%;
    min-width: 25px;
    margin-top: 80px;
}

@media (max-width: 980px) {
    .screen-2 .tab-content .screen-2__img img {
        margin-top: 0;
    }
}