/* Eglitis un partneri */
*
{
    padding: 0;
    margin:  0;
}

html
{
    margin:     0;
    padding:    0;
    width:      100%;
    height:     100%;
    min-height: 640px;
    min-width:  100%;
    color:      #313131;
}

.helper
{
    display:        -moz-inline-box;
    display:        inline-block;
    height:         100%;
    width:          0;
    vertical-align: middle;
}

body
{
    position:           relative;
    background-color:   #6f6f6f;
    margin:             0;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    min-height:         100vh;
    width:              100%;
    overflow-x:         hidden;
}

body.translation
{
    background:      url('../img/bg-translation.jpg') no-repeat;
    background-size: cover;
    text-align:      center;
    min-height:      900px;
    height:          100%;
    min-width:       1100px;
}

body.services
{
    min-height: 100vh;
}

body.policy #container,
body.policy .content,
body.policy .left-policy,
body.policy .right-policy
{
    min-height: 100vh;
}

.right-column
{
    float: right;
}

.left-column
{
    float: left;
}

.slidesContainer
{
    text-align: center;
}

.clear
{
    clear: both;
}

header
{
    padding:         0 30px 0 25px;
    margin:          0 0 -143px;
    height:          143px;
    position:        relative;
    z-index:         99;
    max-width:       100%;
    width:           100%;
    display:         flex;
    justify-content: flex-end;
    align-content:   flex-end;
    align-items:     flex-end;
    box-sizing:      border-box;
    background-clip: padding-box !important;
}

@media screen and (max-width: 999px)
{
    header
    {
        margin:          0 0 -100px;
        height:          100px;
        align-content:   flex-start;
        align-items:     flex-start;
        justify-content: space-between;
    }
}

@media screen and (max-width: 399px)
{
    header
    {
        margin: 0 0 -100px;
        height: 100px;
    }
}

@media screen and (max-width: 999px)
{
    header.front
    {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 999px)
{
    header a.logo
    {
        position: static;
        margin:   10px 0 0;
    }
}

@media screen and (max-width: 399px)
{
    header a.logo
    {
        margin: 20px 0 0;
    }
}

@media screen and (max-width: 999px)
{
    header a.logo img
    {
        max-height: 80px;
        height:     80px;
        width:      auto;
    }
}

@media screen and (max-width: 399px)
{
    header a.logo img
    {
        height: 60px;
    }
}

header a.nav
{
    margin:     35px 0 0;
    background: url('../img/menu_b.png') no-repeat center center / auto 100%;
    border:     none !important;
    min-width:  40px;
    max-width:  40px;
    height:     30px;
    display:    inline-block;
    transition: all 0.3s;
}

header a.nav:hover
{
    opacity: 0.5;
}

header a.nav.white
{
    background: url('../img/menu.png') no-repeat center center / auto 100%;
}

header a.nav.selected
{
    opacity: 0;
}

@media screen and (min-width: 1000px)
{
    header a.nav
    {
        display: none;
    }
}

header .menu
{
    text-transform:  uppercase;
    display:         inline-flex;
    flex-direction:  column;
    align-items:     flex-end;
    box-sizing:      border-box;
    background-clip: padding-box !important;
}

@media screen and (max-width: 999px)
{
    header .menu
    {
        background: rgba(255, 255, 255, 0.9);
        padding:    25px;
        position:   fixed;
        top:        0;
        right:      -280px;
        height:     100vh;
        width:      280px;
        overflow-y: auto;
        transition: all 0.3s;
        z-index:    99;
    }

    header .menu.selected
    {
        right: 0;
    }
}

header .menu a
{
    margin-left:     35px;
    font-size:       15px;
    font-family:     SegoeWP, sans-serif;
    text-decoration: none;
    color:           #313131;
    border-bottom:   1px #313131 solid;
}

header .menu a.active
{
    border-bottom: none;
}

header .menu a.close
{
    background:    url('../img/close_b.png') no-repeat center center / 30px auto;
    border:        none !important;
    margin-bottom: 25px;
    width:         30px;
    height:        30px;
    display:       inline-block;
}

@media screen and (min-width: 1000px)
{
    header .menu a.close
    {
        display: none;
    }
}

header .menu .languages
{
    margin: 0 0 45px;
}

@media screen and (max-width: 999px)
{
    header .menu .languages
    {
        margin-bottom: 15px;
    }
}

header .menu .languages a
{
    margin-left:   35px;
    font-size:     10px;
    font-family:   SegoeWP, sans-serif;
    border-bottom: none !important;
}

@media screen and (max-width: 999px)
{
    header .menu .languages a
    {
        margin-bottom: 10px;
        display:       block;
        font-size:     10pt;
        text-align:    right;
    }
}

header .menu #menu
{
    justify-content: flex-end;
    align-items:     flex-start;
    align-content:   flex-start;
    display:         flex;
    flex-wrap:       wrap;
    width:           100%;
}

@media screen and (max-width: 999px)
{
    header .menu #menu
    {
        align-items:    flex-end;
        align-content:  flex-end;
        flex-direction: column;
    }
}

@media screen and (max-width: 999px)
{
    header .menu #menu a
    {
        margin-bottom: 15px;
        margin-left:   0;
    }
}

@media screen and (max-width: 999px)
{
    header .menu.white
    {
        background: rgba(0, 0, 0, 0.75);
    }
}

header .menu.white a
{
    color:         white;
    border-bottom: 1px white solid;
}

header .menu.white a.close
{
    background: url('../img/close.png') no-repeat center center / 30px auto;
}

#slider
{
    min-height: 100vh;
    max-width:  100%;
}

#slider .slide
{
    padding:         140px 0 0;
    position:        relative;
    background-size: cover;
    height:          100vh;
    overflow:        hidden;
    box-sizing:      border-box;
    background-clip: padding-box !important;
    display:         flex !important;
    justify-content: center;
    align-items:     center;
    align-content:   center;
}

@media screen and (max-width: 999px)
{
    #slider .slide
    {
        padding: 70px 0 0;
    }
}

#slider .slide .logo
{
    position:   absolute;
    height:     auto;
    top:        65px;
    z-index:    10;
    left:       25px;
    text-align: left;
}

@media screen and (max-width: 999px)
{
    #slider .slide .logo
    {
        top: 25px;
    }
}

@media screen and (max-width: 499px), (max-height: 540px)
{
    #slider .slide .logo img
    {
        max-width: 260px;
    }
}

#slider .slide .center-block
{
    padding:         0 25px;
    box-sizing:      border-box;
    background-clip: padding-box !important;
}

#slider .slide .center-block blockquote
{
    font-family:   "Baskerville", sans-serif;
    color:         white;
    margin-top:    0;
    text-align:    left;
    margin-bottom: 15px;
    font-weight:   normal;
    width:         100%;
}

#slider .slide .center-block blockquote p
{
    background:  rgba(0, 0, 0, 0.2);
    display:     inline;
    line-height: 90px;
    font-size:   49pt;
}

@media screen and (max-width: 1199px), (max-height: 720px)
{
    #slider .slide .center-block blockquote p
    {
        font-size:   39pt;
        line-height: 70px;
    }
}

@media screen and (max-width: 999px), (max-height: 640px)
{
    #slider .slide .center-block blockquote p
    {
        font-size:   29pt;
        line-height: 50px;
    }
}

@media screen and (max-width: 499px), (max-height: 540px)
{
    #slider .slide .center-block blockquote p
    {
        font-size:   16pt;
        line-height: 30px;
    }
}

#slider .slide .center-block blockquote p.sign
{
    font-size:   21pt;
    display:     block;
    background:  none;
    text-align:  right;
    line-height: 50px;
    font-family: SegoeWP, sans-serif;
}

@media screen and (max-width: 1199px)
{
    #slider .slide .center-block blockquote p.sign
    {
        font-size:   16pt;
        line-height: 40px;
    }
}

@media screen and (max-width: 999px)
{
    #slider .slide .center-block blockquote p.sign
    {
        font-size:   11pt;
        line-height: 22px;
    }
}

#slider .slide .center-block blockquote p.sign em
{
    font-style: normal;
    display:    block;
}

#slider .slide .center-block a
{
    border-bottom:   1px white solid;
    text-decoration: none;
    text-transform:  none;
    color:           white;
}

#translation
{
    min-height: 100%;
    height:     100%;
    text-align: center;
    overflow:   hidden;
}

#translation h1
{
    font-family:      Baskerville, sans-serif;
    font-size:        75px;
    color:            white;
    display:          inline-block;
    background-color: rgba(0, 0, 0, 0.2);
    margin:           0;
    padding:          0;
    margin-bottom:    5px;
    line-height:      60px;
}

#translation sup
{
    font-family: SegoeWP-Light, sans-serif;
    font-size:   20px;
    color:       white;
}

#translation h1 span
{
    position: relative;
    top:      8px;
}

#translation p
{
    font-family:        SegoeWP-Light, sans-serif;
    font-size:          50px;
    color:              white;
    margin-top:         10px;
    margin-bottom:      10px;
    position:           relative;
    padding-left:       98px;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

#translation p.small
{
    font-size:    30px;
    padding-left: 0;
    margin:       0;
}

#translation p.small a
{
    color:           #e5d474;
    text-decoration: none;
}

#container
{
    width:      100%;
    min-height: 100vh;
}

@media screen and (max-width: 999px)
{
    #container
    {
        min-height: auto;
    }
}

#container.contact
{
    background-color: #e0ecf7;
    padding-top:      230px;
    box-sizing:       border-box;
    background-clip:  padding-box !important;
    height:           auto;
    min-height:       100vh;
    display:          flex;
    flex-direction:   column;
    justify-content:  flex-start;
    align-items:      flex-start;
    align-content:    flex-start;
}

@media screen and (max-width: 999px)
{
    #container.contact
    {
        padding-top: 100px;
    }
}

#container.important .left-important,
#container.important .right-important
{
    min-height: 100vh;
    height:     auto;
}

@media screen and (max-width: 999px)
{
    #container.important .left-important
    {
        max-height: 100px;
        min-height: 100px;
    }
}

#container.important .right-important
{
    padding-top:    160px;
    padding-bottom: 120px;
}

#container.important .controls
{
    width:      65%;
    display:    block;
    position:   relative;
    bottom:     310px;
    z-index:    100000;
    text-align: center;
}

@media screen and (max-width: 999px)
{
    #container.important .controls
    {
        width:  100% !important;
        bottom: calc(100% - 50px) !important;
    }
}

#container.important .controls-important
{
    width:      100%;
    display:    block;
    z-index:    100000;
    text-align: left;
}

@media screen and (max-width: 999px)
{
    #container.important .controls-important
    {
        display: none;
    }
}

#container.important .controls-important .centeredDotsControls
{
    margin: 0;
}

@media screen and (max-width: 999px)
{
    #container.important .controls-important .centeredDotsControls .sudoSliderLink span
    {
        display: none;
    }
}

#container.important .centeredDotsControls a
{
    background:   transparent;
    border-color: #5b5b5b;
    box-shadow:   none;
    margin-right: 11%;
    left:         20px;
}

#container.important .centeredDotsControls a.current,
#container.important .centeredDotsControls a:hover
{
    background:   #a2a2a2;
    border-color: #a2a2a2;
    box-shadow:   none;
}

#container.important .centeredDotsControls a.current span,
#container.important .centeredDotsControls a:hover span
{
    color: #a2a2a2;
}

#container.important .centeredDotsControls a.current span:hover,
#container.important .centeredDotsControls a:hover span:hover
{
    color: #a2a2a2;
}

#container.important .centeredDotsControls a span:hover a
{
    background:   #a2a2a2;
    border-color: #a2a2a2;
}

#container.important .centeredDotsControls span
{
    position:       absolute;
    font-family:    SegoeWP, sans-serif;
    font-size:      10px;
    color:          #313131;
    text-transform: uppercase;
    text-align:     center;
    bottom:         40px;
    width:          140px;
    right:          -365%;
}

#container.important .centeredDotsControls span.third
{
    right: -350%;
}

#container.important .centeredDotsControls .sudoSliderLink.last
{
    margin-right: 0;
    margin-left:  20px;
}

#container .contacts
{
    width:              100%;
    padding:            0;
    display:            flex;
    justify-content:    flex-start;
    align-items:        flex-start;
    align-content:      flex-start;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
}

@media screen and (max-width: 539px)
{
    #container .contacts
    {
        flex-direction: column;
    }
}

#container .contacts p,
#container .contacts a
{
    font-size:       18px;
    font-family:     SegoeWP-Light, sans-serif;
    margin-bottom:   0;
    margin-top:      6px;
    text-transform:  none;
    text-decoration: none;
    color:           #313131;
}

#container .contacts h2
{
    font-size:   35px;
    margin:      0;
    position:    relative;
    top:         -6px;
    right:       20px;
    font-weight: normal;
    font-family: Baskerville, sans-serif;
}

@media screen and (max-width: 1250px)
{
    #container .contacts h2
    {
        font-size:   25px;
        line-height: 25px;
        top:         6px;
    }
}

@media screen and (max-width: 999px)
{
    #container .contacts h2
    {
        position: static;
    }
}

#container .contacts .left-contact,
#container .contacts .right-contact
{
    justify-content: flex-start;
    align-content:   flex-start;
    align-items:     flex-start;
    display:         inline-flex;
    flex-wrap:       wrap;
}

@media screen and (max-width: 799px)
{
    #container .contacts .left-contact,
    #container .contacts .right-contact
    {
        margin:  0;
        padding: 0;
        width:   50%;
    }
}

@media screen and (max-width: 539px)
{
    #container .contacts .left-contact,
    #container .contacts .right-contact
    {
        width:          100%;
        padding-bottom: 25px;
    }
}

#container .contacts .right-contact
{
    padding:          10% 4% 120px;
    background-color: #e0ecf7;
}

@media all and (max-width: 1350px)
{
    #container .contacts .right-contact
    {
        padding-top: 175px;
    }
}

#container .contacts .right-contact h2,
#container .contacts .right-contact p
{
    width: 100%;
}

#container .contacts .left-contact h2,
#container .contacts .right-contact h2
{
    position: static;
}

#container .contacts .left-contact div,
#container .contacts .right-contact div
{
    padding-right: 25px;
    width:         auto;
    float:         none;
    position:      static;
}

@media screen and (max-width: 999px)
{
    #container .contacts .left-contact div,
    #container .contacts .right-contact div
    {
        width:         100%;
        padding-right: 0;
    }
}

@media screen and (max-width: 1250px)
{
    #container .contacts .left-contact .left-column,
    #container .contacts .right-contact .left-column
    {
        margin-top: 6px;
    }
}

#container .contacts .left-contact .right-column,
#container .contacts .right-contact .right-column
{
    margin-top: 5px;
}

@media screen and (max-width: 1250px)
{
    #container .contacts .left-contact .right-column,
    #container .contacts .right-contact .right-column
    {
        margin-top: 0;
    }
}

#container .contacts .left-contact
{
    padding-right: 75px;
}

@media screen and (max-width: 999px)
{
    #container .contacts .left-contact
    {
        padding-right: 25px;
    }
}

@media screen and (max-width: 539px)
{
    #container .contacts .left-contact
    {
        padding-right: 0;
    }
}

#container .content
{
    min-height:      100vh;
    width:           100%;
    display:         flex;
    align-items:     stretch;
    align-content:   stretch;
    justify-content: flex-start;
}

@media screen and (max-width: 999px)
{
    #container .content
    {
        align-items:    flex-start;
        align-content:  flex-start;
        flex-direction: column;
        min-height:     auto;
    }
}

#container .content > div
{
    transition: all 0.3s;
}

@media screen and (max-width: 999px)
{
    #container .content > div:first-of-type
    {
        width:               100%;
        height:              100px;
        min-height:          unset;
        background-position: center center;
    }
}

@media screen and (max-width: 999px)
{
    #container .content > div:nth-of-type(2)
    {
        padding:    25px 25px 45px;
        width:      100%;
        min-height: auto;
    }
}

#container .content.services .left-services,
#container .content.services .right-services
{
    min-height: 100vh;
}

@media screen and (max-width: 999px)
{
    #container .content.services .left-services
    {
        min-height: 100px;
    }
}

#container .content.services .right-services
{
    padding-bottom: 120px;
}

@media screen and (max-width: 799px)
{
    #container .content.services .right-services
    {
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 999px)
{
    #container .content.services .right-services h2:first-of-type
    {
        margin-top: 0;
    }
}

#container .left-important,
#container .left-about,
#container .left-services,
#container .left-contact
{
    width:      30%;
    display:    inline-block;
    height:     inherit;
    min-height: 100vh;
}

@media screen and (max-width: 999px)
{
    #container .left-important,
    #container .left-about,
    #container .left-services
    {
        min-height: 100px;
    }
}

#container .right-important,
#container .right-about,
#container .right-services,
#container .right-contact
{
    width:              70%;
    position:           relative;
    min-height:         100vh;
    display:            inline-block;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

#container .left-important
{
    background:      url('../img/bg-important.jpg') no-repeat;
    background-size: cover;
}

#container .left-about
{
    background:      url('../img/bg-about.jpg') no-repeat;
    background-size: cover;
}

#container .left-services
{
    background:      url('../img/bg-services.jpg') no-repeat;
    background-size: cover;
}

.left-contact
{
    background:      url('../img/bg-contact.jpg') no-repeat;
    background-size: cover;
}

#container .left-policy
{
    background: url('../img/bg-pp.jpg') no-repeat right top / cover;
    width:      30%;
    display:    inline-block;
}

#container .right-important
{
    padding-top:  16%;
    padding-left: 4%;
}

#container .right-about
{
    background-color: #fff6e4;
    padding:          170px 30px 0 4%;
    box-sizing:       border-box;
    background-clip:  padding-box !important;
    display:          flex;
    justify-content:  flex-start;
    align-content:    flex-start;
    align-items:      flex-start;
}

@media screen and (max-width: 1199px)
{
    #container .right-about
    {
        flex-direction: column;
    }
}

@media screen and (max-width: 999px)
{
    #container .right-about
    {
        padding: 100px 30px 0 4%;
    }
}

#container .right-about .left-column,
#container .right-about .right-column
{
    margin-bottom:   95px;
    flex:            1;
    height:          auto;
    padding:         0 45px 0 0;
    box-sizing:      border-box;
    background-clip: padding-box !important;
}

@media screen and (max-width: 1199px)
{
    #container .right-about .left-column,
    #container .right-about .right-column
    {
        min-width: 100%;
    }
}

@media screen and (max-width: 1099px)
{
    #container .right-about .left-column,
    #container .right-about .right-column
    {
        padding: 0 45px 0 0;
    }
}

@media screen and (max-width: 999px)
{
    #container .right-about .left-column,
    #container .right-about .right-column
    {
        padding:   0;
        max-width: 100%;
    }
}

@media screen and (max-width: 1199px)
{
    #container .right-about .left-column
    {
        margin-bottom: 0;
    }
}

#container .right-about .right-column
{
    padding-top: 75px;
}

@media screen and (max-width: 1199px)
{
    #container .right-about .right-column
    {
        padding-top: 20px;
    }
}

@media screen and (max-width: 999px)
{
    #container .right-about .right-column
    {
        margin-bottom: 0;
    }
}

#container .right-about p
{
    font-size:   18px;
    font-family: SegoeWP-Light, sans-serif;
}

@media screen and (max-width: 1120px)
{
    #container .right-about p
    {
        font-size: 16px;
    }
}

#container .right-about h2
{
    font-size:     35px;
    line-height:   50px;
    font-weight:   normal;
    font-family:   Baskerville, sans-serif;
    margin-bottom: 25px;
}

#container .right-policy
{
    background-color: #fff6e4;
    padding-top:      14%;
    padding-left:     4%;
}

#container .right-services
{
    width:              70%;
    height:             inherit;
    background-color:   #e5e1de;
    display:            inline-block;
    float:              right;
    padding-top:        10%;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    padding-left:       4%;
}

#container .right-services h2
{
    font-family: Baskerville, sans-serif;
    font-size:   35px;
    color:       #313131;
    font-weight: normal;
    margin:      0;
    margin-top:  60px;
}

#container .right-services p
{
    font-family: SegoeWP-Light, sans-serif;
    font-size:   18px;
    color:       #313131;
    line-height: 30px;
}

#container .right-services p.languages
{
    max-width: 940px;
}

#container .right-services p.languages span
{
    margin-right: 30px;
}

#container .right-services .options
{
    padding-right: 4%;
}

#container .right-services .options p
{
    font-family:   SegoeWP-Light, sans-serif;
    font-size:     16px;
    margin-bottom: 0;
    margin-top:    10px;
    margin:        0;
    margin-bottom: 10px;
    line-height:   22px;
}

#container .right-services .options h4
{
    font-family:   SegoeWP-Bold, sans-serif;
    font-size:     16px;
    margin-bottom: 12px;
    padding-top:   30px;
    position:      relative;
    right:         9px;
}

#container .right-services .options h4.first
{
    border-top: solid 1px #c6c6c6;
    margin-top: 35px;
}

#container .calculate
{
    width:              96%;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

#container .calculate .wrapper-dropdown-3
{
    width: 125px;
}

#container .calculate .select
{
    display:      inline-block;
    float:        left;
    margin-right: 4%;
    width:        auto;
    min-width:    100px;
    margin-top:   30px;
}

@media screen and (max-width: 469px)
{
    #container .calculate .select
    {
        min-width: 100%;
    }
}

#container .calculate .select.calculator
{
    width: 400px;
}

@media screen and (max-width: 469px)
{
    #container .calculate .select.calculator
    {
        width: 100%;
    }
}

#container .calculate .select.calculator div
{
    display: inline-block;
    float:   left;
}

@media screen and (max-width: 469px)
{
    #container .calculate .select.calculator div
    {
        width: 42%;
    }
}

@media screen and (max-width: 469px)
{
    #container .calculate .select.calculator div label
    {
        margin-left: 0;
    }
}

@media screen and (max-width: 469px)
{
    #container .calculate .select.calculator div input
    {
        min-width: 100% !important;
    }
}

#container .calculate .select label
{
    font-size:      15px;
    font-family:    SegoeWP, sans-serif;
    text-transform: uppercase;
    color:          #313131;
}

#container .calculate .select label[for="translate_char"]
{
    margin-left: 15px;
}

#container .calculate .select input
{
    outline:            none !important;
    padding:            0;
    box-shadow:         none !important;
    background-color:   transparent;
    height:             38px;
    display:            block;
    border:             1px #bb9d82 solid;
    min-width:          130px;
    color:              #313131;
    font-family:        SegoeWP-Light, sans-serif;
    font-size:          18px;
    font-weight:        normal;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

#container .calculate .select #translate_price
{
    border: none;
}

#container .calculate .select #translate_pages
{
    display:      block;
    width:        85px;
    min-width:    85px;
    border-right: none;
    padding-left: 5px;
}

#container .calculate .select #translate_char
{
    display:      block;
    padding-left: 5px;
    width:        130px;
}

#container .calculate .translate_price
{
    margin-left: 50px;
}

@media screen and (max-width: 469px)
{
    #container .calculate .translate_price
    {
        margin-left: 0;
        margin-top:  25px;
        width:       100%;
    }
}

@media screen and (max-width: 469px)
{
    #container .calculate .translate_price input
    {
        width: 100%;
    }
}

#container .calculate input
{
    margin-top: 15px;
}

#googleMap
{
    flex:     1 0 auto;
    height:   100%;
    width:    100%;
    position: static;
    display:  block;
}

@media screen and (max-width: 999px)
{
    #googleMap
    {
        height: 50vw;
    }
}

sup
{
    color:       #313131;
    font-size:   10px;
    font-weight: normal;
    font-family: SegoeWP, sans-serif;
}

.download-prices
{
    background:  url('../img/icon-pdf.png') no-repeat left;
    height:      39px;
    line-height: 39px;
    margin-top:  30px;
    cursor:      pointer;
    display:     inline-block;
    transition:  all 0.3s;
}

@media screen and (max-width: 399px)
{
    .download-prices
    {
        padding:             40px 0 0;
        background-position: center top;
        height:              auto;
        text-align:          center;
        width:               100%;
        line-height:         24px;
    }
}

.download-prices span
{
    vertical-align: middle;
    margin-left:    55px;
    font-family:    SegoeWP-Light, sans-serif;
    font-size:      16px;
    border-bottom:  1px #313131 solid;
}

@media screen and (max-width: 399px)
{
    .download-prices span
    {
        margin-left: 0;
    }
}

.download-link
{
    text-decoration: none;
    color:           #313131;
}

#translation .center-block
{
    display:        inline-block;
    vertical-align: middle;
    width:          auto;
}

/*#slider .center-block{
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

#translation .center-block {
    margin-top: 120px;
    position: relative;
    max-width: 1470px;
    width: 99%;
}

#slider .center-block.first {
    max-width: 1550px;
}

#slider .center-block.second {
    max-width: 1550px;
}

#slider .center-block.third {
    max-width: 1550px;
}

#slider .center-block.fourth {
    max-width: 1550px;
}*/
#important-slider
{
    width:              65%;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

@media screen and (max-width: 999px)
{
    #important-slider
    {
        margin-left: 30px;
        width:       calc(100% - 60px) !important;
    }
}

@media screen and (max-width: 999px)
{
    #important-slider .slide
    {
        background: #E5E1DE;
    }
}

#important-slider .border-line
{
    width:         180px;
    height:        20px;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 38px;
}

#important-slider .sup p
{
    font-size:     13px;
    position:      relative;
    margin-bottom: 30px;
    line-height:   16px;
}

#important-slider .sup
{
    box-sizing:   border-box;
    padding-left: 10px;
}

#important-slider .sup sup
{
    position: absolute;
    left:     -10px;
}

#important-slider .deadlines
{
    margin-top: 30px;
}

#important-slider .deadlines p b
{
    font-family: SegoeWP-Bold, sans-serif;
}

#important-slider .deadlines p
{
    font-size:     13px;
    margin-bottom: 15px;
    line-height:   16px;
}

#important-slider h2
{
    text-align:    left;
    font-family:   Baskerville, sans-serif;
    font-weight:   normal;
    font-size:     35px;
    margin-bottom: 50px;
    margin-top:    20px;
}

#important-slider p
{
    text-align:    left;
    font-family:   SegoeWP-Light, sans-serif;
    font-size:     18px;
    margin-bottom: 0;
}

.map
{
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
}

.marker
{
    background:    url('../img/e-pin.png') no-repeat center;
    position:      absolute;
    font-size:     15px;
    font-family:   Segoe UI, Helvetica, Arial, sans-serif;
    padding-left:  25px;
    padding-right: 25px;
    padding-top:   25px;
}

.marker h3
{
    display:        block;
    margin:         0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size:      15px;
}

.marker a
{
    display: block;
}

.marker:after
{
    display:  block;
    bottom:   -29px;
    content:  "";
    height:   0;
    left:     90px;
    position: absolute;
    width:    0;
}

/*#slider .center-block h1 {
    font-family: "Baskerville", sans-serif;
    color: white;
    font-size: 92px;
    margin-top: 0;
    text-align: left;
    margin-bottom: 15px;
    font-weight: normal;
}

#slider .center-block h1 span {
    background: rgba(0, 0, 0, 0.2);
}

#slider .center-block p a {
    border-bottom: 1px white solid;
    text-decoration: none;
    text-transform: none;
    color: white;
}

#slider .center-block p.first {
    color: white;
    font-family: SegoeWP, sans-serif;
    font-size: 35px;
    margin-bottom: 5px;
    text-align: right;
}

#slider .center-block p.second {
    margin: 0;
    color: white;
    font-family: SegoeWP, sans-serif;
    font-size: 25px;
    text-align: right;
}*/
.logo
{
    position:   absolute;
    height:     auto;
    top:        65px;
    z-index:    10;
    left:       3%;
    text-align: left;
}

.logo.translation
{
    text-align: center;
    width:      100%;
    left:       0;
    top:        -230px;
    position:   absolute;
}

.logo img
{
    width:      100%;
    max-width:  341px;
    max-height: 130px;
}

.logo.translation img
{
    width:      auto;
    height:     auto;
    max-width:  489px;
    max-height: 187px;
}

.centeredDotsControls,
.centeredDotsControls a,
.centeredDotsControls a span
{
    z-index:  2;
    position: relative;
    display:  inline-block;
    width:    100%;
}

.centeredDotsControls a
{
    width:         18px;
    height:        18px;
    margin:        10px;
    background:    transparent;
    border:        4px solid white;
    border-radius: 20px;
    outline:       none;
    display:       inline-block;
}

.centeredDotsControls a.current
{
    background: #ffffff;
    color:      #333;
}

.controls-index
{
    z-index:    15;
    bottom:     15px;
    position:   absolute;
    left:       0;
    width:      100%;
    text-align: center;
}

@media screen and (max-width: 799px)
{
    .controls-index
    {
        margin:   -35px 0 0;
        position: static;
        display:  block;
        width:    100%;
    }
}

@media screen and (max-width: 799px)
{
    .controls-index .centeredDotsControls a
    {
        margin: 0 7px 0;
        width:  12px;
        height: 12px;
    }
}

.controls .nextBtn
{
    overflow:    hidden;
    text-indent: -8000px;
    width:       50px;
    float:       right;
    outline:     none;
    height:      50px;
    right:       -10%;
    position:    relative;
    z-index:     1000;
    background:  url('../img/right.png') no-repeat center;
    cursor:      pointer;
}

@media screen and (max-width: 999px)
{
    .controls .nextBtn
    {
        margin:          18px 0 0;
        right:           -2%;
        width:           24px;
        height:          24px;
        background-size: auto 100% !important;
    }
}

.controls .prevBtn
{
    float:       left;
    overflow:    hidden;
    text-indent: -8000px;
    width:       50px;
    height:      50px;
    outline:     none;
    position:    relative;
    z-index:     1000;
    left:        -20%;
    background:  url('../img/left.png') no-repeat center;
    cursor:      pointer;
}

@media screen and (max-width: 999px)
{
    .controls .prevBtn
    {
        margin:          18px 0 0;
        left:            -2%;
        background:      url('../img/right.png') no-repeat center;
        transform:       rotate(180deg);
        width:           24px;
        height:          24px;
        background-size: auto 100% !important;
    }

    .controls .prevBtn:hover
    {
        transform: rotate(0deg) !important;
    }
}

.controls .prevBtn:hover,
.controls .prevBtn:active
{
    background: url('../img/left-hover.png') no-repeat center;
}

.controls .nextBtn:hover,
.controls .nextBtn:active
{
    background: url('../img/right-hover.png') no-repeat center;
}

span.baskerville
{
    font-size:   24px;
    font-family: LibreBaskerville-Italic, sans-serif !important;
}

#website
{
    height:             74px;
    margin:             0;
    margin-top:         20px;
    background-color:   transparent;
    font-family:        Baskerville, sans-serif;
    font-style:         italic;
    font-size:          43px;
    color:              #e5d474;
    text-align:         center;
    border:             none;
    border-bottom:      2px solid #e5d474;
    min-width:          437px;
    max-width:          85% !important;
    width:              510px;
    outline:            none;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

#translation .line
{
    width:              2px;
    display:            inline-block;
    height:             10px;
    background-color:   #e5d474;
    position:           relative;
    padding:            0;
    margin:             0;
    vertical-align:     bottom;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

#translation button
{
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    background-color:   #6d6d6d;
    border:             none;
    margin-top:         60px;
    margin-bottom:      60px;
    cursor:             pointer;
    text-align:         center;
}

#translation button
{
    font-family: SegoeWP-Light, sans-serif;
    font-size:   50px;
    color:       #545454;
    position:    relative;
    padding:     30px 60px;
    line-height: 50px;
}

#translation button:focus
{
    outline: none;
}

.input-buffer
{
    font-size:   43px;
    position:    absolute;
    font-family: Baskerville, sans-serif;
    font-style:  italic;
    top:         -1000px;
    left:        -1000px;
    visibility:  hidden;
    white-space: nowrap;
}

.padding-h
{
    padding-left:       2.7%;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

input[type=number]
{
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin:             0;
}

::-webkit-input-placeholder
{
    color: #e5d474;
}

:-moz-placeholder
{
    color:   #e5d474;
    opacity: 1;
}

::-moz-placeholder
{
    color:   #e5d474;
    opacity: 1;
}

:-ms-input-placeholder
{
    color: #e5d474;
}

:placeholder-shown
{
    color: #e5d474;
}

.flag-price span
{
    position:    absolute;
    z-index:     10;
    font-family: SegoeWP-Light, sans-serif;
    color:       #545454;
    left:        0;
    bottom:      43px;
    width:       100%;
    font-size:   75px;
}

.flag-price .clear-form
{
    position:    absolute;
    z-index:     10;
    font-family: SegoeWP-Light, sans-serif;
    color:       white;
    font-size:   14px !important;
    padding:     0 !important;
    cursor:      pointer;
}

.flag-price
{
    display:          none;
    height:           175px;
    position:         absolute;
    margin-top:       25px;
    width:            100%;
    background-color: transparent;
    z-index:          5;
}

.flag-left,
.flag-right
{
    background: white;
    height:     100%;
    width:      100%;
}

.flag-left
{
    float:     left;
    transform: skew(45deg);
}

/* задаём скос и наложение друг на друга путём float. */
.flag-right
{
    transform: skew(-45deg);
}

/* задаём скос дива */
footer
{
    margin:          -70px 0 0;
    height:          70px;
    color:           white;
    font-family:     SegoeWP, sans-serif;
    font-size:       12px;
    width:           100%;
    display:         flex;
    justify-content: space-between;
    align-items:     flex-start;
    align-content:   flex-start;
    overflow:        hidden;
}

@media screen and (max-width: 999px)
{
    footer
    {
        padding: 25px 0 30px;
        margin:  0;
        height:  auto;
    }
}

@media screen and (max-width: 539px)
{
    footer
    {
        flex-direction:  column;
        justify-content: center;
        align-items:     center;
        align-content:   center;
    }
}

footer.black
{
    color: #313131;
}

@media screen and (max-width: 999px)
{
    footer.black,
    footer.black a
    {
        color: #fff;
    }
}

footer.about
{
    background: none;
}

footer .left-column
{
    padding-left: 25px;
    z-index:      20;
    position:     relative;
    text-align:   left;
}

@media screen and (max-width: 539px)
{
    footer .left-column
    {
        text-align:   center;
        padding-left: 0;
    }
}

footer .left-column a
{
    color: white;
}

footer .center-column
{
    width:       42%;
    overflow:    hidden;
    margin:      0 auto;
    font-family: SegoeWP, sans-serif;
    font-size:   18px;
}

footer .center-column p
{
    margin: 0;
}

footer .right-column
{
    padding-right: 30px;
    z-index:       20;
    position:      relative;
}

@media screen and (max-width: 539px)
{
    footer .right-column
    {
        padding: 15px 0 0;
    }
}

footer .right-column a
{
    text-transform:  none;
    text-decoration: none;
}

footer .right-column p
{
    margin:       0;
    padding-left: 20px;
    text-align:   left;
    color:        white;
}

footer .right-column.about p
{
    color: #313131;
}

footer .right-column.about p,
footer .right-column.contact p
{
    color: #313131;
}

footer sup
{
    color:     white;
    font-size: 12px;
}

#container .right-important
{
    height: auto;
}

#container.important .content
{
    background-color: #e5e1de;
}

.nice-select
{
    margin-top: 10px;
}

@media screen and (max-width: 469px)
{
    .nice-select
    {
        width: 100%;
    }
}

@media screen and (max-width: 1960px), screen and (max-height: 960px)
{
    /*#slider .center-block h1 {
          font-size: 82px !important;
      }

      #slider .center-block p {
          font-size: 33px !important;
      }*/
}

@media screen and (max-width: 1850px), screen and (max-height: 960px)
{
    /*#slider .center-block h1 {
          font-size: 80px !important;
      }

      #slider .center-block p {
          font-size: 30px !important;
      }*/
}

@media screen and (max-width: 1800px), screen and (max-height: 960px)
{
    .logo img
    {
        width: 95%;
    }
}

@media screen and (max-width: 1750px), screen and (max-height: 960px)
{
    .logo img
    {
        width: 90%;
    }

    /*#slider .center-block h1 {
          font-size: 75px !important;
      }

      #slider .center-block p {
          font-size: 28px !important;
      }*/
}

@media screen and (max-width: 1700px), screen and (max-height: 960px)
{
    .logo img
    {
        width: 85%;
    }

    #menu
    {
        right: 40px;
    }

    .menu .languages
    {
        right: 40px;
    }

    /*#slider .center-block {
          width: auto;
      }

      #slider .center-block h1 {
          font-size: 73px !important;
      }

      #slider .center-block p {
          font-size: 27px !important;
      }*/
}

@media screen and (max-width: 1560px), screen and (max-height: 960px)
{
    /*#slider .center-block h1 {
          font-size: 78px !important;
      }*/
    /*#container .contacts {
          width: 75%;
      }*/
    .flag-price
    {
        width:       86%;
        margin-left: 7%;
    }

    .flag-price span
    {
        font-size: 64px;
        bottom:    49px;
    }

    /*#container .right-about {
          padding-top: 13%;
      }*/
    body.translation
    {
        background-size: inherit;
    }

    #slider .center-block h1
    {
        font-size: 65px !important;
    }
}

@media screen and (max-width: 1450px)
{
    /*#slider .center-block h1 {
          font-size: 58px !important;
      }*/
    #translation p
    {
        font-size:     40px !important;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1350px)
{
    /*#slider .center-block h1 {
          font-size: 50px !important;
      }

      #slider .center-block p {
          font-size: 24px !important;
      }*/
    #container .right-services
    {
        padding-top: 130px;
    }

    #container .right-services h2.second
    {
        margin-top: 40px;
    }

    #container .right-services p
    {
        line-height: 32px;
    }

    #translation h1
    {
        font-size: 70px !important;
    }

    #translation p.small
    {
        font-size:     20px !important;
        margin-bottom: 0;
    }

    #translation p.clear-form
    {
        font-size: 15px !important;
    }

    #translation .nice-select,
    #website
    {
        font-size: 34px !important;
        height:    68px !important;
    }

    #translation .nice-select:after
    {
        top: 50% !important;
    }

    #website
    {
        width:     346px;
        min-width: 346px;
    }

    #translation .nice-select
    {
        line-height:   64px !important;
        height:        66px !important;
        top:           15px !important;
        padding-left:  22px !important;
        padding-right: 85px !important;
        left:          -24px;
    }

    #translation .nice-select.open
    {
        height: 66px !important;
    }

    #translation .nice-select .list
    {
        font-size: 21px !important;
        width:     884px !important;
    }

    #translation button span
    {
        font-size: 40px;
    }

    #translation button
    {
        margin-bottom: 80px;
    }

    #translation .nice-select p.line
    {
        top: 66px !important;
    }

    #translation .nice-select span
    {
        height: 64px !important;
    }

    .flag-price span
    {
        font-size: 52px;
        bottom:    58px;
    }

    footer .center-column
    {
        font-size: 14px;
    }

    .logo.translation img
    {
        max-height: 150px;
    }

    .flag-price
    {
        width:       80%;
        margin-left: 9%;
    }
}

@media screen and (max-width: 1250px)
{
    #container .right-services h2
    {
        font-size: 30px;
    }

    #container .right-services .options h4
    {
        margin-top:  0;
        padding-top: 15px;
    }

    #container .right-services .options h4.first
    {
        margin-top:  20px;
        padding-top: 25px;
    }

    /*#slider .center-block h1 {
          font-size: 45px !important;
      }

      #slider .center-block p {
          font-size: 23px !important;
      }*/
    /*#container .right-about .right-column {
          width: 40%;
          padding-right: 12%;
      }*/
    #translation p
    {
        font-size: 35px !important;
    }
}

@media screen and (max-width: 1370px)
{
    #slider .center-block h1
    {
        font-size: 44px;
    }

    #important-slider
    {
        width: 80%;
    }

    #container.important .controls
    {
        width: 80%;
    }

    /*#container .right-about .right-column {
          width: 48%;
          padding-right: 10%;
      }*/
    .logo img
    {
        width: 80%;
    }
}

@media screen and (max-width: 1080px)
{
    .logo img
    {
        width: 75%;
    }

    /*#container .contacts {
          width: 85%;
      }*/
    /*#slider .center-block h1 {
          font-size: 40px !important;
      }

      #slider .center-block p {
          font-size: 21px !important;
      }*/
    #important-slider h2
    {
        margin-bottom: 0;
    }

    #important-slider .deadlines
    {
        margin-top: 10px;
    }

    .menu .languages
    {
        top: 20px;
    }

    #menu
    {
        top: 70px;
    }

    #container .right-important
    {
        padding-top: 10%;
    }

    /*#container .right-about {
          padding-top: 9% !important;
      }*/
}

@media screen and (max-width: 1000px)
{
    /*#slider .center-block h1 {
          font-size: 35px !important;
      }

      #slider .center-block p {
          font-size: 20px !important;
      }*/
    .logo img
    {
        width: 70%;
    }
}

@media screen and (max-height: 940px)
{
    /*#container .right-about {
          padding-top: 14%;
      }*/
    #container .right-about p
    {
        font-size: 16px;
    }

    #container .right-about h2
    {
        font-size: 30px;
    }

    #container .right-important
    {
        padding-top: 12%;
    }
}

@media screen and (max-height: 800px)
{
    #container .right-about h2
    {
        margin-bottom: 20px;
    }

    #container .right-important
    {
        padding-top: 10% !important;
    }

    #container .right-about p
    {
        margin-bottom: 0;
    }

    #container .right-about
    {
        padding-top: 10%;
    }

    #important-slider .deadlines
    {
        margin-top: 10px;
    }

    .menu .languages
    {
        top: 20px;
    }

    #menu
    {
        top: 55px;
    }

    #container .right-important
    {
        padding-top: 10%;
    }

    /*#slider .center-block h1 {
          font-size: 45px !important;
      }

      #slider .center-block p.first {
          font-size: 24px !important;
      }*/
    #important-slider h2
    {
        margin-bottom: 20px;
        margin-top:    10px;
    }

    /*#container .right-about .right-column {
          width: 50%;
          padding-right: 8%;
      }*/
    /*#container .right-about {
          padding-left: 3%;
      }*/
}

@media screen and (max-height: 780px)
{
    #container .right-about p
    {
        font-size:   15px;
        line-height: 20px;
    }
}