@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic-ext);

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.is-Table { display: table !important; }
.is-Table .Table-Cell {
    display: table-cell !important;
    vertical-align: middle !important;
}
.is-Table .Center-Block {
    width: 55% !important;
    margin: 0 auto !important;
}
.Center-Block img{
    width: 100%;
}
p{
    font-family: 'Lato', sans-serif;
    color: #666572;
    font-size: 14px;
}
b{
color: #323232;
}
a{
    text-decoration: none;
    font-family: 'Lato', sans-serif;
}
strong{
    font-size: 14px;
}
h2{
    font-family: 'Roboto', sans-serif;
    color: #323232;
    font-size: 48px;
    font-weight: 400;
}
h3{
    color: #fff;
    font-weight: 200;
    font-size: 28px;
}
.wrapper {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 0 -100px 0; /* отрицательный нижний отступ на высоту футера */
    padding: 0;
}
hr{
    border: 1px solid #d7d7d7;
    margin: 90px 0;
}
section{
    width: 100%;
}
section.dark{
    background-color: #f6f6f6;
}

.fl-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.fl-row{
    display:flex;justify-content:center
}
.fl-5{
    -ms-flex: 0 0 47%;
    flex: 0 0 50%;
    max-width: 47%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.col{
    float: left;
    display: inline-block;
}
.col-50{
    width: 50%;
    box-sizing: border-box;
}
.col-33{
    width:33%;
    display: inline-block;
    float: left;
    position: relative;
    box-sizing: border-box;
}
.col-33 b {
    display: block;
}
.w70{
    width: 70%;
}
.col-25{
    width:25%;
}
.pull-right{
    float:right;
}
.pull-left{
    float:left;
}
.container{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.container-head{
    padding-top: 60px;
}
.container-content{
    overflow: hidden;
    position: relative;
}
.dark .container .container-content{
   /* height: 450px;*/
}
.dark-blue{
    background-color: #22255a;
}
.blue{
    background-color: #38a9e3;
}
.text-blue{
    color: #38a9e3;
}
.text-white{
    color:#fff;
}
.lead{
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    line-height: 38px;
}
.description {
    color: #a8a8a8;
    line-height: 22px;
}
.name{
    color: black;
    font-size: 18px;
}
.bold{
    font-weight: bold;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.clear{
    clear: both;
}
.backbtn{
    border: 2px solid #90c6e6;
    border-radius: 10px;
    padding: 8px 18px;
    display: inline-block;
    color: #323232;
    margin-top: 20px;
}
.btn-yellow{
    color:#000;
    background-color: #ffc24c;
    padding: 10px 20px;
    border-radius: 20px;
}
.btn-more{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
/********************************MAIN HEADER ***********************/
header{
    height: 150px;
}
    header > .contacts{
        height: 100px;
    }
    .logo{

        padding: 13px 0 0 0;
    }
    .logo p{
        padding-left: 80px;
        height: 60px;
        line-height: 30px;
        color: #fff;
        font-weight: 600;
    }
    .email{
        width: 200px;
    }
        .email a{
            background: url(../images/email.png) no-repeat left;
            padding-left: 30px;
            line-height: 100px;
            text-decoration: none;
            color: #3a3a3a;
            font-weight: bold;
            font-family: 'Lato', sans-serif;
        }

        .phone {
            width: 160px;
            position: relative;
            padding-top: 8px;
        }

        .phone span {
            float: right;

        }

        .phone span a {
            color: #000;
        }

        .phone span a.active {
            color: #337ab7;
        }

        .phone p {
            font-weight: bold;
            background: url(../images/phone-blue.png) no-repeat left;
            padding-left: 35px;
            line-height: 40px;
            text-decoration: none;
            margin-bottom: 0;
        }
    .lk{
        width: 200px;
        position: relative;
    }
    .lk .logout{
        display: block;
        position: absolute;
        right: 20px;
        top: 75px;
        font-size: 14px;
        font-weight: bold;

    }
        #lk{
            background: url(../images/lk-white.png) no-repeat 14%;
            border: 2px solid #fff;
            border-radius: 20px;
            text-decoration: none;
            color: #fff;
            line-height: 100px;
            font-size: 14px;
            font-weight: bold;
            padding: 9px 15px 9px 52px;
        }
    .menu{
        height: 50px;
        position: relative;
        display: inline-block;
        float: left;
    }
.menu.innermenu{
    display: block;
    float: none;
    border-bottom: 1px solid #d7d7d7;
}
.menu.innermenu #myMenu{
    padding-left:0;
}
    #myMenu{

    }

/********************************SECONDARY HEADER ***********************/
.secondary .logo p{
    color:#323232;
}
.secondary .phone p{
    background: url(../images/phone-blue.png) no-repeat left;
    color:#323232;
}
.secondary #lk{
    border: 2px solid #90c6e6;
    color: black;
    background: url(../images/lk.png) no-repeat 14%;
}
.secondary .menu ul li a{
    color: #323232;
}
.secondary .menu.innermenu ul li.active a{
    border-bottom: 3px solid #90c6e6;
}
.secondary .lk .logout{
    color:#38a9e3;
}
#login,
#call{
    text-align: center;
    width: 520px;
    height: 300px;
}
#call{
    height: 340px;
}
#login h4{
    font-weight: 200;
    font-size: 24px;
    background: url(../images/logo-secondary.png) no-repeat 99px;
    width: 400px;
    margin: 23px auto;
    height: 66px;
    line-height: 67px;
}
#login input,
#call input{
    color: #666572;
    margin-bottom: 20px;
    border: 1px solid #dedede;
    border-radius: 10px;
    width: 400px;
    height: 40px;
    padding: 0px 10px;
}
#login input:focus,
#call input:focus{
    border: 2px solid #38a9e3;
}
#login .all,
#call .all{
    border-radius: 20px;
    width: 420px;
    color: #fff;
    cursor: pointer;
}
#call p{
    font-size: 24px;
    margin-top: 5px;
}
.callme{
    position: absolute;
    top: 63px;
    left: 22px;
    font-size: 12px;
}
#slider{
    position: relative;
}
.slider-text{
    position: absolute;
    top:25px;
    left: 25%;
    z-index: 999;
}
.slider-text p{
    color:#fff;
    font-size: 20px;
    line-height: 32px;
    text-align: left;
}
.menu ul{
    text-align: left;
    margin: 0;
    padding: 0;
    padding-left: 20px;
}
.menu ul li{
    display: inline-block;
    text-transform: uppercase;
    line-height: 85px;
    padding: 0 10px 0 0;
}
.menu.innermenu ul li{
    line-height: 35px;
}
.menu ul li a{
    text-decoration: none;
    color: #000;
    display: block;
    height: 48px;
}
#about{
   /* margin-top: -150px;
    padding-top: 150px;*/
    z-index: -1;
    background: url(../images/bg-1.png) no-repeat scroll center;
    background-size: cover;
    height: 566px;
}
#practice{
    background: url(../images/bg-2.png) no-repeat scroll center;
    background-size: cover;
    height:720px;
}
#projects{
    background: url(../images/bg-3.png) no-repeat scroll center;
    background-size: cover;
    height:720px;
}
#projects-2{
    background: url(../images/bg-4.png) no-repeat scroll center;
    background-size: cover;
    height:719px;
}
#geografy{
    background: url(../images/bg-5.png) no-repeat scroll center;
    height:717px;
    background-size: cover;
}
#partners{
    background: url(../images/bg-6.png) no-repeat scroll center;
    background-size: cover;
    height:720px;
}
#work{
    background: url(../images/bg-7.png) no-repeat scroll center;
    background-size: cover;
    height:716px;
}
#contacts{
    background: url(../images/bg-8.png) no-repeat scroll center;
    background-size: cover;
    height:600px;
}
#contacts p{
    color: #fff;
}
#contacts b{
    display: inherit;
    color: #fff;
}
#about .container-content{
    margin-top: 40px;
}
#about .container-head{
   /* padding-top: 100px;*/
}
.card{
    margin-right: 20px;
    margin-bottom:40px;
    position: relative;
    height: 300px;
    width: 225px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-sizing: border-box;
    overflow: hidden;
}
.card-images{
    height: 150px;
    width: 100%;
}
.card-text{
    padding: 10px;
}
.card-text strong{
    color: #323232;
}
.card-text p{

}
.card-badge{
    width: 45px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 20px;
    border-radius: 0 0 5px 5px;
    color: #fff;
    text-align: center;
}
.card-badge > h3{
    font-size: 16px;
    margin: 3px;
    color: #fff;
}
.card-badge > small{
    position: relative;
    bottom: 10px;
}
.card > .card-img{
    height: 150px;
}

.card-big{
    height: 370px;
    width: 470px;
    margin-right: 20px;
    margin-bottom:40px;
    position: relative;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-sizing: border-box;
    overflow: hidden;
}
.card-big > .card-img{
    height: 240px;
}
.container-content > .card:last-child,
.container .card:nth-child(4n+6)
{
    margin: 0;
}
.container .card-big:nth-child(1n+2){
    margin-right: 0;
}
.project{
    margin-top: 80px;
}
.project-img{
    text-align: center;
}
.project-img > img{

}
.project-images > img{
    height: 100%;
}
.project-descr p{
    line-height: 25px;
}
.project-descr .bold{
    padding: 0 40px;
}
.all{
    background-color: #38a9e3;
    padding: 12px 55px;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
}

#partners .container-content{
    margin-top: 80px;
}
#partners h2{
    color: #fff;
}
.partner-slider{
    margin: 0px auto;
    width: 850px;
}
.partner-slider .slide{
    width: 200px;
}
.testimonial{
    width: 100%;
    height: 250px;
    margin-bottom: 60px;
    float: left;
}
.testimonial .head{
    float: left;
    width: 22%;
}
.testimonial .text{
    line-height: 23px;
    float: left;
    width: 70%;
}
.testimonial:nth-child(odd){
    margin-right: 120px;
}
.testimonial .photo{
    width: 160px;
    height: 160px;
    border: 2px solid #38a9e3;
    border-radius: 50%;
    float: left;
    margin-right: 30px;
}
.info{
    padding: 1px;
}
.footer-push, .footer {
    height: 100px;
    margin: 0;
    padding: 0;
}
footer{
    border-top: 2px solid #d7d7d7;
    height: 100px;
}
footer h4{
    color:#fff;
}
footer a{
    font-size: 14px;
    text-decoration: none;
    color: #72838c;
    width: 100%;
    display: inline-flex;
    padding: 10px 0;
}
footer a:hover{
    color:#F6F6F6;
}
.pagination{
    margin: 0px;
    padding: 0px;
}
.pagination li{
    display: inline-block;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.pagination .prev{
    display: none;
}
.pagination li a {
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    color: #666572;
    font-size: 14px;
    font-weight: bold;
}
.pagination li.active{
    background-color: #38a9e3;
    border-radius: 50%;
}
.pagination li.active a{
    color: #fff;
}
.breadcrumb{
    padding: 10px 0px 0px 0px;
}
.breadcrumb li,
.breadcrumb li a{
    display: inline-block;
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #666572;
    font-size: 14px;
    text-decoration: none;
}
.breadcrumb li:not(:last-child):after{
    content: '>';
    margin-left: 4px;
}

/**************************************************** PRACTICE ********************************************/
#uslugi{
    min-height: 590px;
}
.usluga{
    height: 150px;
}
.usluga img{
    position: absolute;
    left: 42%;
    width: 54px;
}
.usluga a {
    display: block;
    margin-top: 80px;
}
.field{
    height: 150px;
}
.left-panel{
    float: left;
    width: 225px;
    margin-right: 20px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-sizing: border-box;
}
.right-panel{
    width: 715px;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-sizing: border-box;
    display: inline-block;
}
.left-menu ul{
    margin: 0;
    padding: 0;
}
.left-menu li{
    height: 70px;
    list-style: none;

}
.left-menu li a {
    font-family: 'Lato', sans-serif;
    color: #666572;
    font-size: 14px;
    text-decoration: none;
    width: 66%;
    display: block;
    cursor: pointer;
    padding-left: 80px;
    text-align: left;
}
.left-menu li.active{
    background-color: #f8f8f8;
    border-left: 3px solid #38a9e3;
}
.cell{
    width: 222px;
    height: 70px;
    vertical-align: middle;
    display: table-cell;
}
.litigation{
    background: url(../images/litigation.png) no-repeat 10px;
}
.corporate{
    background: url(../images/corporate.png) no-repeat 10px;
}
.tax{
    background: url(../images/tax.png) no-repeat 10px;
}
.contract{
    background: url(../images/contract.png) no-repeat 10px;
}
.estate{
    background: url(../images/estate.png) no-repeat 10px;
}
.bankruptcy{
    background: url(../images/bankruptcy.png) no-repeat 10px;
}
.ecology{
    background: url(../images/ecology.png) no-repeat 10px;
}
.intellectual{
    background: url(../images/intellectual.png) no-repeat 10px;
}

/******************************* ACHIEVEMENTS **********************************************/
.bckg{
    width: 100%;
}
.bckg img{
    width: 100%;
}
.bckg strong{
    text-align: center;
    width: 100%;
    display: inline-block;
    top: 63px;
    position: relative;
    font-size: 24px;
}
.achievment-desription{
    margin-top: 20px;
}
.command-item{
    padding: 0 10px;
    border: 1px solid #90c6e6;
    margin: 10px;
}
.achievement-item{
    padding: 0 10px;
    margin-bottom: 20px;
    width: 100%;
}
.achievement{
    height: 450px;
    width: 275px;
    display: block;
    float: left;
}
.achievement img{
    height: 390px;
    width: 275px;
}
.container > .achievement{
    margin-right: 65px;
}
.container > .achievement:nth-child(3n+3){
    margin-right: 0;
}

/***********************************ARTICLE*****************************************************/

.left-panel-wide{
    float: left;
    width: 715px;
    margin-right: 20px;
    margin-top: 4px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-sizing: border-box;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 85px;
}
.right-panel-narrow{
    width: 225px;
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
}
.article-img{
    position: relative;
    width: 100%;
   /* height: 420px;*/
    border-radius: 5px 5px 0 0;
}
.article-img img{
    width: 100%;
}
.container-head > h3{
    margin-top: 0;
    text-align: left;
    padding: 0 0 0 10px;
}
.article-title > h1{
    font-weight: bold;
    color:#323232;
}
.article-content{
    padding: 30px;
    line-height: 30px;
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden;
}
.social{
    padding: 30px;
}
.social-icon-wrapper{
    margin-top: 20px;
}
.icon-vk,
.icon-fb,
.icon-tw{
    height: 40px;
    width: 73px;
    display: inline-block;
    cursor: pointer;
    line-height: 40px;
    font-weight: bold;
    color: #323232;
    padding-left: 21px;
    text-align: center;
}
.icon-vk{
    background: url(../images/social-vk.png) no-repeat left;
}
.icon-fb{
    background: url(../images/social-fb.png) no-repeat left;
}
.icon-tw{
    background: url(../images/social-tw.png) no-repeat left;
}

/************************ CONTACTS ******************************************/
.contacts-info{
    overflow: hidden;
}
.contacts-info .col{
    padding: 0 0 0 30px;
}
.contacts-info .address{
    background: url(../images/contact-point.png) no-repeat left 16px;
}
.contacts-info .telephone{
    background: url(../images/contact-phone.png) no-repeat left 16px;
}
.contacts-info .email{
    background: url(../images/contact-mail.png) no-repeat left 16px;
}
#contacts img{
    padding-bottom: 40px;
}
form[name="feedback"]{
    margin: 60px auto;
    width: 670px;
}
form[name="feedback"] input,
form[name="feedback"] textarea{
    color: #666572;
    margin-bottom: 20px;
    border-radius: 10px;
    width: 660px;
    height: 40px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
}
form[name="feedback"] textarea{
    height: 120px;
}
form[name="feedback"] input.input-small{
    width:206px;
    display: inline-block;
    float: left;
    margin: 0 10px;
}
form[name="feedback"] input.input-small:first-child{
    margin: 0 10px 20px 0;
}
form[name="feedback"] input.input-small:last-child{
    margin: 0 0 20px 10px;
}
form[name="feedback"] .all{
    width: 180px;
    color:#fff;
    border-radius: 20px;
    cursor: pointer;
}
form[name="feedback"] input:focus,
form[name="feedback"] textarea:focus{
    border: 2px solid #38a9e3;
}

/*********************************** FORMS DOCUMENTS ************************************************/
.document{
    width: 220px;
    height: 240px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom:40px;
    position: relative;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 5px -3px rgba(0,0,0,0.2);
    box-sizing: border-box;
    overflow: hidden;
}
.document:nth-child(4n + 4){
    margin-right: 0;
}
.document-intro{
    height: 162px;
    border-bottom: 1px solid #ebebeb;
    background: url(../images/doc.png) no-repeat;
}
.document-title{
    height: 78px;
    padding:20px;
}
.document-title strong {
    color: #323232;
}
.document:hover .hover{
    display:block;
}
.hover{
    display:none;
    position: absolute;
    background-color: #38a9e3;
    opacity: 0.8;
    width: 220px;
    height: 162px;
    top: 0;
    text-align: center;
}
.hover a{
    color:white;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 10px 20px;
    cursor: pointer;
}
.download{
    background: url(../images/download.png) no-repeat;
    width: 20px;
    height: 20px;
    margin: 40px auto;
}

/************************************** OLD CABINET *********************************/

.qbutton {
    color: #fff;
    background-color: #38a9e3;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    border: none;
    cursor: pointer;
}
@media (min-width: 3000px) {
    .slider-text{
        left:38%;
    }
}
.partner{
    height: 200px;
}

/******************************************** MAP ************************************/
.map-wrapper{
    position: relative;
}
.map-point{
    position: absolute;
    height: 30px;
    width:30px;
}

/** east**/
#sophia{
    right: 338px;
    top: 381px;
}
#belgrad{
    right: 443px;
    top: 367px;
}
#nikosia{
    right: 169px;
    top: 508px;
}
#buharest{
    right: 438px;
    top: 294px;
}

#belarus{
    right: 417px;
    top: 166px;
}

/** asia **/
#gonkong{
    right: 502px;
    top: 387px;
}
#deli {
    right: 63%;
    top: 70%;
}
#sp {
    right: 52%;
    top: 90%;
}

#kazahstan{
    right: 633px;
    top: 306px;
}
#uzbekistan{
    right: 665px;
    top: 345px;
}
#kirgistan{
    right: 607px;
    top: 345px;
}
#turkemistan{
    right: 684px;
    top: 368px;
}
#armenia{
    right: 742px;
    top: 362px;
}

#oae{
    right: 702px;
    top: 437px;
}
/** russia  **/

#tyumen{
    right: 611px;
    top: 377px;
}
#ekb{
    right: 654px;
    top: 354px;
}
#hm{
    right: 605px;
    top: 324px;
}
#surgut{
    right: 574px;
    top: 341px;
}
#ny{
    right: 556px;
    top: 293px;
}

#spb{
    right: 796px;
    top: 232px;
}
#arch{
    right: 726px;
    top: 244px;
}
#nm{
    right: 652px;
    top: 220px;
}
#usinsk{
    right: 639px;
    top: 255px;
}
#sktvkr{
    right: 669px;
    top: 273px;
}
#kirov{
    right: 718px;
    top: 320px;
}

#habarovsk{
    right: 128px;
    top: 381px;
}
#vladik{
    right: 98px;
    top: 435px;
}

#stavropol{
    right: 892px;
    top: 409px;
}
#stavropol-1{
    right: 859px;
    top: 464px;
}
#moscow{
    right: 810px;
    top: 295px;
}
.offices{
    overflow: hidden;
}
.offices img{
    width:99%;
}
@media screen and (max-width: 650px){
    h2{
        font-size: 38px;
    }
    .container-head {
         padding-top: 20px;
     }
    header{
        height:auto;
    }
    header.main{
        position: relative!important;
    }
    header .menu{
        height:auto;
    }
    header > .contacts{
        height: auto;
    }
    #about{
        height: auto;
    }
    .logo {
        width: 100%;
        padding: 10px 0;
    }
    .logo a{
        text-align: center;
    }
    .logo p{
        height: 33px;
    }
    .phone{
        width: 100%;
        text-align: center;
    }
    .phone p{
        background: url(../images/phone-white.png) no-repeat 35%;
        line-height: 25px;
    }
    .phone span {
        float: none;
    }
    .lk {
        width: 100%;
        text-align: center;
    }
    #myMenu{
        padding:0;
    }
    .menu ul li{
        width: 100%;
        text-align: center;
    }
    .container{
        width: 100%;
        padding: 0 5px;
    }
    #about .fp-tableCell > .container{
       margin-top:500px;
    }
    #practice, #projects, #projects-2, #geografy, #partners, #work, #contacts{
        height: auto;
    }

    .col-33, .col-50{
        width: 100%;
    }

    footer{
        text-align: center;
    }
    .secondary .phone p {
        background: url(../images/phone-blue.png) no-repeat 36%;
    }

    /****** map *******/
    .map-wrapper img{
        width:100%;
    }
    #gonkong {
        right: 51%;
        top: 62%;
    }
    #deli {
        right: 70%;
        top: 70%;
    }
    #sp {
        right: 52%;
        top: 90%;
    }
    #nikosia {
        right: 13%;
        top: 86%;
    }
    #belgrad {
        right: 32%;
        top: 63%;
    }
    #buharest {
        right: 44%;
        top: 63%;
    }
    #sophia {
        right: 44%;
        top: 47%;
    }
    #tyumen {
        right: 63%;
        top: 70%;
    }
    #surgut {
        right: 57%;
        top: 64%;
    }
    #hm {
        right: 56%;
        top: 50%;
    }
    #ny {
        right: 64%;
        top: 56%;
    }
    #ekb {
        right: 68%;
        top: 65%;
    }
    #spb {
        right: 84%;
        top: 40%;
    }
    #arch {
        right: 76%;
        top: 42%;
    }
    #kirov {
        right: 75%;
        top: 58%;
    }
    #habarovsk {
        right: 9%;
        top: 68%;
    }
    #vladik {
        right: 5%;
        top: 79%;
    }
    #stavropol {
        right: 94%;
        top: 73%;
    }
    #stavropol-1 {
        right: 91%;
        top: 84%;
    }
    #moscow {
        right: 87%;
        top: 55%;

    }
    .contactspage img.map{
        width: 100%;
    }

    form[name="feedback"]{
        width:100%;
        text-align: center;
    }
    form[name="feedback"] input, form[name="feedback"] textarea{
        width: 90%;
    }
    form[name="feedback"] input.input-small:first-child {
        margin: 0 2px 20px 0;
    }
    form[name="feedback"] input.input-small{
        width:90%;
        margin: 0 2px 20px 0;
        float: none;
    }

    #login, #call{
        width: 100%;
    }
    #login input, #call input{
        width: 90%;
    }
    #login .all, #call .all{
        width:80%;
    }
    #login h4{
        background: url(../images/logo-secondary.png) no-repeat 30%;
        width: 100%;
    }
}

@media screen and (max-width:768px){
    #myMenu {
        padding-left: 20px;
    }
    .container{
        width: 100%;
        padding: 0 5px;
    }

    /****** map *******/
    .map-wrapper img{
        width:100%;
    }
    #gonkong {
        right: 53%;
        top: 65%;
    }
    #deli {
        right: 70%;
        top: 70%;
    }
    #sp {
        right: 52%;
        top: 90%;
    }
    #nikosia {
        right: 13%;
        top: 86%;
    }
    #belgrad {
        right: 32%;
        top: 63%;
    }
    #buharest {
        right: 44%;
        top: 63%;
    }
    #sophia {
        right: 44%;
        top: 47%;
    }
    #tyumen {
        right: 63%;
        top: 70%;
    }
    #surgut {
        right: 57%;
        top: 64%;
    }
    #hm {
        right: 56%;
        top: 50%;
    }
    #ny {
        right: 64%;
        top: 56%;
    }
    #ekb {
        right: 68%;
        top: 65%;
    }
    #spb {
        right: 84%;
        top: 40%;
    }
    #arch {
        right: 76%;
        top: 42%;
    }
    #kirov {
        right: 75%;
        top: 58%;
    }
    #habarovsk {
        right: 9%;
        top: 68%;
    }
    #vladik {
        right: 5%;
        top: 79%;
    }
    #stavropol {
        right: 94%;
        top: 73%;
    }
    #stavropol-1 {
        right: 91%;
        top: 84%;
    }
    #moscow {
        right: 87%;
        top: 55%;
    }
}