* {
    border: 0; 
    padding: 0; 
    margin: 0; 
    outline: 0; 
    font-family: Open Sans;
}
.fl 		{ float: left; }
.fr 		{ float: right; }
.clear	{ clear: both;}
.overfl	{ overflow: hidden;	zoom: 1; }
img		{ position: relative;}
html	{
    height: auto;
    min-height: 100%;  /* fallback for browsers that doesn't support "vh" */
    min-height: 100vh; /* vh == 1% of viewport height */
    min-width: 1300px;
}
body{    
    font-size: 13px;
    color: #333;
    height: 100%;
    background: #041720 /*url(../images/bg.jpg) 50% 0 no-repeat*/;
    min-width: 1300px;
    overflow-x: hidden;
}

.a_button {
    display: inline-block;
    padding: 7px 20px;
    text-decoration: none;
    color: white;
    background-color: #245a7d;
    border-radius: 3px;
    margin: 5px;
}
.a_button:hover {
    background-color: #2d729e;
}

.a_button.active {
    background-color: #46b8fd;
}

.container {
    overflow: hidden;
}

#langChooser {
    z-index: 2000;
    text-align:	right;
    /*margin-top: 20px;
     padding: 0 0 2px;*/
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration:underline;
    color:#77a3d4;
}

.topleft {
    width: 356px;
    height: 898px;
    background: url(../images/topleft.png) no-repeat;
    position: absolute;
    top:0px;
    left:0px;
}
.topright {
    width: 356px;
    height: 898px;
    background: url(../images/topright.png) no-repeat;
    float: right;
    top:0px;
    right:0px;
    position: absolute;
}

.topleft2 {
    width: 356px;
    height: 898px;
    background: url(../images/topleft.png) no-repeat;
    position: absolute;
    top:0px;
    left:0px;
}
.topright2 {
    width: 356px;
    height: 898px;
    background: url(../images/topright.png) no-repeat;
    float: right;
    top:0px;
    right:0px;
    position: absolute;
}

.leftcrystals {
    margin-top: 898px;
    background: url(../images/left_crystals.jpg) top left repeat-y;
    position: absolute;
    width: 200px;
    height: 100%;

}

@-moz-document url-prefix() {
    body{
        font-size: 13px;
        color: #333;
        height: 100%;
        background: #041620 /*url(../images/bg.jpg) 50% 0 no-repeat*/;
        min-width: 1300px;
        overflow-x: auto;
    }

    .topleft {
        width: 356px;
        height: 898px;
        background: url(../images/topleft.png) no-repeat;
        position: absolute;
        display: block;
        top:0px;
        left:0px;
    }
    .topright {
        width: 356px;
        height: 898px;
        background: url(../images/topright.png) no-repeat;
        float: right;
        top:0px;
        right:0px;
        position: absolute;
        display: block;
    }
    .leftcrystals {
        margin-top: 898px;
        background: url(../images/left_crystals.jpg) top left repeat-y;
        position: absolute;
        width: 200px;
        height: 100%;
    }


}

@media all and (-webkit-min-device-pixel-ratio:1000), not all and (-webkit-min-device-pixel-ratio:0) {
    body{
        font-size: 13px;
        color: #333;
        height: 100%;
        background: #041620 /*url(../images/bg.jpg) 50% 0 no-repeat*/;

        overflow-x: hidden;
    }
}
@media (min-width: 1920px) {
    .rightcrystals,
    .topright,
    .topright2,
    .rightfooter,
    .rightfooter2,
    .crystal_glows_right{
        right: 0;
    }
    .leftcrystals,
    .topleft,
    .topleft2,
    .leftfooter,
    .leftfooter2,
    .crystal_glows_left{
        left: 0;
    }

}
@media (max-width: 1919px) {
    .rightcrystals,
    .topright,
    .topright2,
    .rightfooter,
    .rightfooter2,
    .crystal_glows_right {
        right: -120px;
    }
    .leftcrystals,
    .topleft,
    .topleft2,
    .leftfooter,
    .leftfooter2,
    .crystal_glows_left {
        left: -120px;
    }

}


.main {
    margin-top: 650px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.rightcrystals {
    margin-top: 898px;
    background: url(../images/right_crystals.jpg) top right repeat-y;
    position: absolute;
    width: 200px;
    height: 100%;
}

.header {
    margin-bottom: -636px;
    position:relative;
    z-index: 10;
}

.mainmenu.second_design {
    top: -100px;
}

.header_mask{
    position:absolute;
    top:0px;
    left:0px;
    width: 226px;
    height: 511px;
    background: url(../images/left_bg.png) no-repeat;
    padding-top: 125px;
    z-index: 100;
}
.header_mask2{
    position:absolute;
    top:0px;
    right:0px;
    width: 222px;
    height: 511px;
    background: url(../images/right_bg.png) no-repeat;
    padding-top: 125px;
    z-index: 100;
}
.bear_top {
    display: none;
    width: 166px;
    height: 196px;
    position: absolute;
    top:-40px;
    left: -95px;
    background: url(../images/bear_top.png) no-repeat;
}
.bear_bot {
    display: none;
    width: 460px;
    height: 434px;
    position: absolute;
    top: 103px;
    left: -305px;
    background: url(../images/bear_bot.png) no-repeat;
}
.menu_ru {list-style-type: none;z-index: 100;position: absolute;width: 900px;top:500px; left: -450px; height:160px;background: url(../images/menu_ru.png);display:none}
.menu_en {list-style-type: none;z-index: 100;position: absolute;width: 900px;top:500px; left: -450px; height:160px;background: url(../images/menu_en.png);display:none}
.menu_ru> li,.menu_en > li { display: inline;}
.menu_ru .m_main {width: 143px;height: 160px;display: inline-block;vertical-align: top;}
.menu_ru .m_about {width: 140px;height: 160px;display: inline-block; background-position: -144px 0;vertical-align: top;margin-left: -4px}
.menu_ru .m_portfolio {width: 162px;height: 160px;display: inline-block; background-position: -285px 0;vertical-align: top;margin-left: -4px}
.menu_ru .m_services {width: 164px;height: 160px;display: inline-block; background-position: -447px 0;vertical-align: top;margin-left: -4px}
.menu_ru .m_vacancy {width: 120px;height: 160px;display: inline-block; background-position: -614px 0;vertical-align: top;margin-left: -4px}
.menu_ru .m_contacts {width: 160px;height: 160px;display: inline-block; background-position: -735px 0;vertical-align: top;margin-left: -4px}
.menu_en .m_main {width: 143px;height: 160px;display: inline-block;vertical-align: top;}
.menu_en .m_about {width: 140px;height: 160px;display: inline-block; background-position: -144px 0;vertical-align: top;margin-left: -4px}
.menu_en .m_portfolio {width: 162px;height: 160px;display: inline-block; background-position: -285px 0;vertical-align: top;margin-left: -4px}
.menu_en .m_services {width: 164px;height: 160px;display: inline-block; background-position: -447px 0;vertical-align: top;margin-left: -4px}
.menu_en .m_vacancy {width: 120px;height: 160px;display: inline-block; background-position: -614px 0;vertical-align: top;margin-left: -4px}
.menu_en .m_contacts {width: 160px;height: 160px;display: inline-block; background-position: -735px 0;vertical-align: top;margin-left: -4px}
.logo {
    width: 728px;
    height: 259px;
    background: url(../images/logo.png);
    position:absolute;
    z-index: 110;
    left: 50%;
    margin-left: -364px;
}
#slider_bg{
    position:relative;
    left: 50%;
    padding-top: 125px;
}
.glow_bg{
    background: url(../images/glow.png) 50% 0px no-repeat;
    width: 1100px;
    height: 350px;
    margin-left: -550px;
}
.slider_bg {
    background: url(../images/sliderbg.png) no-repeat;
    width: 1600px;
    height: 511px;
    margin-left: -800px;
}
/*.slider{
        margin-left: 140px;
}
.slider, .sliderContent .item, .sliderContent, #content{
        width:1310px;
        height:436px;
}*/
.leftfooter {
    width: 649px;
    height: 850px;
    background: url(../images/bottomleft.png);
    position:relative;
    z-index: 10;
    margin-top: -78px;
}
.rightfooter {
    width: 596px;
    height: 850px;
    background: url(../images/bottomright.png);
    position:relative;
    z-index: 10;
    margin-top: -78px;
}

.leftfooter2 {
    width: 651px;
    height: 850px;
    background: url(../images/bottomleft.png);
    position:absolute;
    z-index: 10;
    margin-top: 171px;
}
.rightfooter2 {
    width: 596px;
    height: 850px;
    background: url(../images/bottomright.png);
    position:relative;
    z-index: 10;
    margin-top: 171px;
}

.footer {
    height: 736px;
    background: url(../images/footer_n.jpg) no-repeat 50% 0;
    position:relative;
    z-index: 0;
    margin-top: -736px;
}

.centercolumn {
    margin-top: -145px;
    padding-bottom: 100px;
    position: relative;
}
.maincolumn.normal {
    min-height: 750px;
    margin-top: -125px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 250px;
    padding-right: 400px;
}
.maincolumn.portf {
    margin-bottom: -150px;
    min-height: 750px;
    margin-top: -125px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
.maincoltext {
    color: #7ea8d7;
}
.maincoltext > * + * {
    margin-top: 1em;
}
.maincoltext ul li {
    list-style-type: none;
}
.mainwindowtop {

    width: 100%;
    min-width: 950px;
}
.mainwindowtop td {
    height: 506px;
}
.leftmaintop {
    width: 375px;
    background: url(../images/mainwindowleft.png) no-repeat;
}
.centermaintop {
    background: url(../images/mainwindowtile.png) 0 131px repeat-x;
}
.rightmaintop {
    width: 129px;
    background: url(../images/mainwindowright.png) 0 12px no-repeat;
}

.mainwindowbottom {
    width: 100%;
    min-width: 950px;
}
.mainwindowbottom td {
    height: 306px;
}
.leftmainbottom {
    width: 375px;
    background: url(../images/mainwindowleft.png) bottom left no-repeat;
}
.centermainbottom {
    background: url(../images/mainwindowtile.png) bottom repeat-x;
}
.rightmainbottom {
    width: 129px;
    background: url(../images/mainwindowright.png) bottom right no-repeat;
}

.aside {
    width: 310px;
    position: absolute;
    top: 50px;
    right: 30px;
    z-index: 100;
}
.aside a {
    float: right;
    display: block;
}

.lenta {
    width: 796px;
    height: 112px;
    margin-left: -58px;
    top: 180px;
    background: url(../images/lenta.png) top left;
}
.lenta > img {
    left: 52px;
    top: 17px;
}
.sociallinks {
    clear: both;
    padding-left: 50px;
}
.sociallinks a {
    display: block;
    float: left;
    margin-top: 10px;
    position: relative;
}
.vk {
    top: 10px;
    width: 67px;
    height: 161px;
    display: block;
    background: url(/images/vk.png) top left no-repeat;
}
.vk:hover{
    background: url(/images/vk.png) bottom left no-repeat;
}
.fb {
    top: 45px;
    width: 67px;
    height: 184px;
    display: block;
    background: url(/images/fb.png) top left no-repeat;
}
.fb:hover{
    background: url(/images/fb.png) bottom left no-repeat;
}
.fs {
    width: 70px;
    height: 160px;
    display: block;
    background: url(/images/fs.png) top left no-repeat;
}
.fs:hover{
    background: url(/images/fs.png) bottom left no-repeat;
}
.tw {
    width: 67px;
    height: 168px;
    display: block;
    background: url(/images/tw.png) top left no-repeat;
}
.tw:hover{
    background: url(/images/tw.png) bottom left no-repeat;
}

.inputsign {
    width: 106px;
    height: 21px;
    background: url(../images/input.png);
    display: inline-block;
    margin-right: -11px;
    position: absolute;
    margin-top: 20px;
}
.inputsign input {
    background: transparent;
    color: #FFF;
    width: 100px;
    font-size: 10px;
    margin-left: 6px;
    margin-top: 4px;
}
.signblock {
    width: 177px;
    margin: 0 auto;
    height: 133px;
    background: url(../images/signblock.png);
    color: #FFF;
    margin-top: 60px;
    padding-left: 23px;
    padding-top: 30px;
    font-size: .8em;
}
.signblock p {
    margin: 1em 0 1.5em;
    padding-right: 10px;
}
.signblock input[type=submit] {
    width: 79px;
    height: 43px;
    background: url(../images/ok.png);
    position: absolute;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 100px;
}
.signblock input[type=text] {
    width: 95px;
}
.central{
    width: 1px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}


.maincoltext{
    font-size: 14px;
    margin-left: 75px;
    margin-top: -350px;
    margin-bottom: -270px;
}
.maincoltext p{
    //text-align: justify !important;
}
.maincoltext b{
    font-size: 15px;
}
.maincoltext a{
    color: #7ea8d7;
}
.maincolumn.normal .maincol{
    margin-left: -250px;
    margin-top: -250px;
}
.maincolumn.portf .maincol{
    margin-top: -368px;
}

.contact_centered {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.main_centered {
    width: 67%;
    position: absolute;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.comments {
    margin-top: 20px;
    background: url(/images/ramka_big.png) right no-repeat;
    width: 110%;
    height: 230px;
    z-index: 100;
    background-size: 100% 100%;
}
.comments-scroll {
    margin-left: 50px;
    overflow:hidden;
    width: 100%;
    height: 230px;
    position: absolute;
}
.comments .items {
    width:20000em;
    position: absolute;
}
.comm-title {
    position: absolute;
    margin-left: 50px;
    margin-top: 45px;
    font-size: 18px;
    color: #7ea8d7;
}
.opinion {
    width: 830px;
    height: 220px;
}

.right_com {
    background: url(/images/arrow_small_right.png);
    z-index: 102;
    position: absolute;
    height: 36px;
    width: 28px;
    margin-left: 1030px;
    margin-top: 95px;
    cursor: pointer;
}
.left_com {
    background: url(/images/arrow_small_left.png);
    z-index: 102;
    position: absolute;
    display: block;
    height: 36px;
    width: 28px;
    margin-left: 15px;
    margin-top: 95px;
    cursor: pointer;
}
.opinion-photo {
    position: absolute;
    width: 99px;
    height: 100px;
    background: url(/images/ramka_photo.png) no-repeat;
    margin-left: 50px;
    margin-top: 75px;
}
.opinion-text {
    position: absolute;
    width: 800px;
    height: 100px;
    margin-left: 160px;
    margin-top: 75px;
    color: #7ea8d7;
    font-size: 12px;
}
.opinion-text .title {
    font-weight: bold;
    font-size: 14px;
}
.opinion-text .message {
    margin-top: 10px;
}
.opinion-text .more {
    float: right;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    margin-top: 80px;
    margin-left: 505px;
    display: block;
}
.partners {
    margin-top: -40px;
    background: url(/images/ramka_small.png) no-repeat;
    width: 110%;
    height: 250px;
    z-index: 5;
    background-size: 100% 100%;
}
.partners-scroll {
    position:relative;
    overflow:hidden;
    width: 95%;
    height: 230px;
    position: absolute;
    margin-left: 80px;
    margin-top: 90px;
}
.partners-scroll .items {
    width:20000em;
    position:absolute;
}
.partners-scroll .items div {
    margin: 0 70px;
    width: auto;
}
.partners-scroll .items span{
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    text-align: center;
}

.right_part {
    background: url(/images/arrow_small_right.png);
    z-index: 10000;
    position: absolute;
    height: 36px;
    width: 28px;
    margin-left: 565px;
    margin-top: 70px;
    cursor: pointer;
}
.left_part {
    background: url(/images/arrow_small_left.png);
    z-index: 102;
    position: absolute;
    display: block;
    height: 36px;
    width: 28px;
    margin-left: 45px;
    margin-top: 70px;
    cursor: pointer;
}

.scrollable {
    position:relative;
    overflow:hidden;
    width: 1310px;
    height: 436px;
    margin-left: 140px;
}
.scrollable .items {
    width:20000em;
    position:absolute;
}
.videoscrollable {
    position:relative;
    overflow:hidden;
    width: 605px;
    height: 355px;
    margin-left: 125px;
}
.videoscrollable .items {
    width:20000em;
    position:absolute;
}
.items div {
    float:left;
}


.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    display:block;
    width:45px;
    height:52px;
    float:left;
    cursor:pointer;
    z-index: 104;
}

/* right */
.header_scroll a.right { background: url(/images/slider/gfx/prev_next.png); background-position: top right; z-index: 102; position: absolute; top:200px; right: 29px;}
.header_scroll a.right:hover { background-position: bottom right; }

.slideworks a.right { background: url(/images/slider/gfx/prev_next2.png); background-position: top right; z-index: 102; position: absolute; top:200px; right: 29px;}
.slideworks a.right:hover { background-position: bottom right; }


/* left */
.header_scroll a.left { background: url(/images/slider/gfx/prev_next.png);  background-position: top left; z-index: 102; position: absolute; top:200px; left: 34px;}
.header_scroll a.left:hover  { background-position: bottom left; }

.slideworks a.left { background: url(/images/slider/gfx/prev_next2.png);  background-position: top left; z-index: 102; position: absolute; top:200px; left: 34px;}
.slideworks a.left:hover  { background-position: bottom left; }

.left_arrow{ background: url(/images/slider/gfx/prev_next2.png);  background-position: top left; z-index: 102; position: absolute; top:420px; left: 150px;}
.left_arrow:hover  { background-position: bottom left; }

.right_arrow { background: url(/images/slider/gfx/prev_next2.png); background-position: top right; z-index: 102; position: absolute; top:420px;}
.right_arrow:hover { background-position: bottom right; }

.r_conference { top:510px; }

.l_conference { top:510px; left: 875px;}


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

.portfolioitem{
    padding-top: 10px;
}
.portfolioitem img{
    padding: 5px;
    padding-right: 20px;
    padding-left: 0px;
    padding-top: 0px;
}
.portfoliopages{
    text-align: center;
}
a.activesort{
    font-weight: bold;
    color: #FFF;
}
.shadowimage{
    text-align: center;
}


.contactsAnnounce {
    width: 360px;
}

.contactsMembers {
    width: auto;
    height: auto;
    text-align: left;
}

.green_contacts {
    color: #5ca92f;
}
.photo_border {
    background: url(/images/contact_photo.png)  no-repeat;
    background-size: cover;
    width: 250px;
    height: 220px;
    z-index: 5;
    position: absolute;
}
.photo{
    margin: 38px 0 0 38px;
    z-index: 1;
    position: absolute;
    width: 180px;
    height: 162px;
    overflow: hidden;
}
.members {
    width: 235px;
    height: 335px;
    display: inline-block;
    margin: 0 0 0 0px;
}
.members .desc {
    margin-top: 225px;
}
.members .name {
    font-size: 19px;
    text-align: center;
    font-weight: bold;
    padding-left: 28px;
}
.members .post {
    font-size: 16px;
    text-align: center;
    padding-left: 28px;
}
.members .icons {
    height: 35px;
    width: auto;
    display: block;
    margin-top: 10px;
    text-align: center;
    padding-left: 28px;
}

.icons .linkedin {
    background: url(/images/linkedin.png)  no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin: 0 2px 0 2px;
}
.icons .facebook {
    background: url(/images/facebook_contact.png)  no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin: 0 2px 0 2px;
}
.icons .email {
    background: url(/images/mail_contact.png)  no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin: 0 2px 0 2px;
}
.icons .skype {
    background: url(/images/skype_contact.png)  no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin: 0 2px 0 2px;
}

.contactsForm{
    background: url(/images/contacts_bg.png) 100% -50px no-repeat;
    width: 610px;
    height: 400px;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-top: 1px;
}
.contactsForm textarea{
    height: 90px;
}
.contactsForm input, .contactsForm textarea{
    float: right;
    border: 0;
    background: none;
    margin-right: 40px;
    margin-top: 5px;
    color: #7ea8d7;
    width: 430px;
    font-size: 16px;
}
.contactsForm div{
    margin-bottom: 26px;
    margin-top: 7px;
}

.bigText{
    font-size: 17px;
}
.smallText{
    font-size: 10px;
}
.buttonSubmit{
    background: url(/images/buttonbg.png) top left no-repeat;
    width: 161px;
    height: 48px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    display: block;
    text-decoration: none;
    margin-right: 22px; 
    margin-top: 10px;
    color: #7ea8d7;
}
.servicesPage{
    color: #99a4b0;
    padding-left: 50px;
    padding-right: 30px;
    width: 800px;
}
.servicesPageGreen{
    color: #5ea95a !important;
    font-weight: bold;
    text-decoration: none;
}
.servicesPageBlue{
    color: #1490b9 !important;
    font-weight: bold;
    text-decoration: none;
}
.servicesPageRed{
    color: #a73e49 !important;
    font-weight: bold;
    text-decoration: none;
}
.showNext{
    font-weight: bold;
    text-decoration: none;
}
.green{
    color: #5ea95a !important;
}
.modal{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: url(/images/modal_shadow.png);
    display: none;
}
.modaldata{
    text-align:center;
    color: #59a8c5;
    font-size: 16px;
    padding-top: 50px;
}
.modalcontent{
    margin-top: 300px;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 171px;
    background: url(/images/modal_center.png) top repeat-x;
    position: relative;
}
.commentdata{
    color: #59a8c5;
    font-size: 16px;
    width: 600px;
    margin-left: 100px;
}
.commentdata .comd {
    max-height:200px;
    overflow-y:auto;
}
.modalmid{
    margin-left: auto;
    margin-right: auto;
    width: 838px;
    height: auto;
    background: url(/images/mid_modal.png) top repeat-y;
    position: relative;
    color: #59a8c5;
}
.modalfooter{
    margin-left: auto;
    margin-right: auto;
    width: 880px;
    height: 141px;
    background: url(/images/bot_modal.png);
    position: relative;
}
.modalfooter .button_ok {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
    bottom: 0;
}
.modalheader{
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 904px;
    height: 111px;
    background: url(/images/top_modal.png);
    position: relative;
}
.modalcontentLeft{
    position: absolute;
    left:-13px;
    top:0px;
    background: url(/images/modal_left.png) top left no-repeat;
    width: 13px;
    height: 171px;
}
.modalcontentRight{
    position: absolute;
    right:-13px;
    top:0px;
    background: url(/images/modal_right.png) top right no-repeat;
    width: 13px;
    height: 171px;
}


.button_ok{
    display: block;
    background: url(/images/button_ok.png);
    width: 56px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 172px;
}
.button_ok:hover{
    background: url(/images/button_ok_hover.png);
}
.button_yes{
    display: block;
    background: url(/images/button_yes.png);
    width: 56px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 172px;
}
.button_yes:hover{
    background: url(/images/button_yes.png);
}
.button_no{
    display: block;
    background: url(/images/button_no.png);
    width: 56px;
    height: 30px;
    position: absolute;
    bottom: 20px;
    left: 172px;
}
.button_no:hover{
    background: url(/images/button_no.png);
}


.loader{
    /*background: url(/images/modal_shadow.png) repeat;*/
    background: #091c26;
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 110;
    display: block;
    padding-top: 300px;
}
.loader2{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    margin-top:170px;
    text-align: center;
    z-index: 110;
    display: none;
}

.lang{
    background: url(/images/lang.png) bottom left no-repeat;
    padding-left: 30px;
    height: 30px;
    cursor: pointer;
    float: right;
    font-size: 14px;
    color: #4d6d91;
    font-weight: bold;
    margin-right: 15px;
}
.lang span{
    display: block;
    padding-top: 5px;
}
.lang:hover, .langactive{
    background-position: top left;
    color: #f6e4d3;
}
.langpanel{
    position: absolute;
    top:75px;
    right: -600px;
    z-index: 102;
    width: 200px;
}
.light_version{
    display: block;
    background: url(/images/light_version.png) top left no-repeat;
    position: absolute;
    top:0px;
    right:0px;
    width: 136px;
    height: 70px;
    z-index: 200;
}

#right_lamp, #left_lamp{

    overflow: hidden;
    position: absolute;
    z-index:0;
}


#left_lamp.normal{
    overflow: visible;
    top:0px;
    left: -15px;
    width: 420px;
    height: 400px;
    padding-right: 200px;
    margin-left:50px;
}
#right_lamp.normal{
    overflow: visible;
    top:0px;
    right: -15px;
    width:420px;
    height:400px;
    padding-left: 200px;
    margin-rihgt:50px;
}
#left_lamp.portf{
    top: -480px;
    left: -30px;
    width: 722px;
    height: 428px;
    z-index: 0;
}
#right_lamp.portf{
    top: -480px;
    right: 0px;
    width:771px;
    height:370px;
    z-index: 0;
}

.avatars_block{
    position: relative;
    width: 475px;
    margin-left: auto;
    margin-right: auto;
}
.avatars_block .avatars_wrap{
    display: block;
    float:left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
.avatars_block .avatars_download{
    background: url(/images/ava_fon_save.png) top repeat-x;
    width: 100%;
    display: none;
    position: absolute;
    top: 72px;
    left: 0px;

}
.avatars_block .avatars_download span{
    background: url(/images/save.png) 10px 4px no-repeat;
    display: block;
    font-size: 14px;
    color: #ced3d6;
    padding-left:33px;
    padding-top:4px;
    height: 21px;
}
.avatars_block .activator{
    display: block;
    position: absolute;
    top:0px;
    left:0px;
    width: 96px;
    height: 96px;
    cursor: pointer;
}
.avatars_block .left_arrow{
    background: url(/images/left_arrow.png);
    width: 93px;
    height: 168px;
    position: absolute;
    top:140px;
    left:-100px;
    cursor: pointer;
}

.avatars_block .right_arrow{
    background: url(/images/right_arrow.png);
    width: 93px;
    height: 168px;
    position: absolute;
    top:140px;
    right:-65px;
    left:450px;
    cursor: pointer;
}
.avatars_block_content{
    display: none;
}




.pager{
    /*position: relative;
     float:left;*/
}
.pager .border{
    margin-left: 10px;
    margin-right: 15px;
}
.pager .pager_center{
    background: url(/images/pole_center.png) top repeat-x;
    margin-left: 6px;
    margin-right: 6px;
    height: 30px;
}
.pager .pager_left{
    background: url(/images/pole_left.png) top no-repeat;
    position: absolute;
    top: 0px;
    left: 10px;
    width: 8px;
    height: 9px;
}
.pager .pager_right{
    background: url(/images/pole_right.png) top no-repeat;
    position: absolute;
    top: 0px;
    right: 15px;
    width: 8px;
    height: 9px;
}
.pager a{
    text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    text-align: center;
    float: left;
    padding-top: 30px;
    margin-top: -30px;
}
.pager a span{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10px;
}
.pager a.active, .pager .hover{
    color: #ced3d6;
    font-size: 18px;
}
.pager .page_roller{
    background: url(/images/roller.png);
    width: 52px;
    height: 48px;
    position: absolute;
    top:-25px;
    left:-10px;
    z-index: 10;
}
.pager_center table{
    width: 100%;
}
.pager_center table td{
    text-align: center;
}

.skype_width .pager{
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}



.wallpapers_block{
    position: relative;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.wallpapers_block .wallpapers_wrap{
    display: block;
    position: relative;
}
.wallpapers_block .left_arrow{
    background: url(/images/left_arrow.png);
    width: 93px;
    height: 168px;
    position: absolute;
    top:140px;
    left:-80px;
    cursor: pointer;
}

.wallpapers_block .right_arrow{
    background: url(/images/right_arrow.png);
    width: 93px;
    height: 168px;
    position: absolute;
    top:140px;
    left:685px;
    right:-80px;
    cursor: pointer;
}
.wallpapers_block .wallpapers_download{
    text-align: right;
    padding-top: 5px;
}
.wallpapers_block .wallpapers_download a{
    margin-left: 10px;
    text-decoration: underline;
}
.wallpapers_block .wallpapers_download a:hover{
    text-decoration: none;
}
.wallpapers_block .wallpapers_download, .wallpapers_block .wallpapers_download a{
    font-size: 14px;
    color:#55a3dc;
}
.wallpapers_image{
    width: 700px;
    height: 450px;
    margin-bottom: 10px;
}
.wallpapers_image img{
    display: none;
}

.menuportfolio {
    position:relative;
    width: 100%;
}
.portfoliotop {
    width: 100%;
}
#first {
    width: 174px;
    height: 228px;
    background: url(../images/1.png);
}
#second{
    width: 133px;
    height: 228px;
    background: url(../images/3.png);
}
#third{
    width: 133px;
    height: 228px;
    background: url(../images/5.png);
}
#fourth{
    width: 174px;
    height: 228px;
    background: url(../images/7.png);
}


#fifth{

    height: 228px;
    background: url(../images/2.png);
}
#sixth{
    padding-left: 2px;
    padding-right: 2px;
    height: 228px;
    background: url(../images/4.png);
}
#seventh{
    width: auto;
    height: 228px;
    background: url(../images/6.png);
}
.menuicons {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.menuicons a {
    width: 33%;
    height: 228px;
    display:block;
    text-align:center;
    float:left;
}
.folioblock {
    position:relative;
    width: 838px;
    height: 506px;
    padding: 25px 65px;
    padding-top: 26px;
    left: 50%;
    margin-left: -484px;
    background: url(../images/fon.jpg);
}
.imgblock {
    width: 580px;
    height: 288px;
    background: url(../images/frame.png);
    margin: 0 auto;
}
.folioblock h2 {
    text-align: center;
    font-weight: normal;
    color: #e6c85f;
}
.folioblock p {
    color:#6e98c3;
    font-size: 14px;
}



/* ---------------------------------Image Border--------------------------------- */
.image_border{background: url(../images/image_border/t.png) top repeat-x; position: relative; display: block; margin: 10px 30px 15px 10px; display: inline-block;}
.image_border div{background: url(../images/image_border/b.png) bottom repeat-x;}
.image_border div div{background: url(../images/image_border/l.png) left repeat-y;}
.image_border div div div{background: url(../images/image_border/r.png) right repeat-y; padding: 5px; padding-bottom: 2px;}

.image_border .image_border_tl{background: url(../images/image_border/tl.png) top left no-repeat; width: 60px; height: 60px; position: absolute; top: -7px; left: -9px;}
.image_border .image_border_tr{background: url(../images/image_border/tr.png) top right no-repeat; width: 60px; height: 60px; position: absolute; top: -7px; right: -9px;}
.image_border .image_border_bl{background: url(../images/image_border/bl.png) bottom left no-repeat; width: 60px; height: 60px; position: absolute; bottom: -7px; left: -10px;}
.image_border .image_border_br{background: url(../images/image_border/br.png) bottom right no-repeat; width: 60px; height: 60px; position: absolute; bottom: -7px; right: -9px;}

.image_border .image_border_tc{background: url(../images/image_border/tc.png) top center no-repeat; width: 200px; height: 46px; margin-left: -100px; position: absolute; top: -30px; left: 50%;}
.image_border .image_border_lc{background: url(../images/image_border/lc.png) center left no-repeat; width: 23px; height: 45px; position: absolute; top: 50%; margin-top: -22px; left: -14px;}
.image_border .image_border_rc{background: url(../images/image_border/rc.png) center right no-repeat; width: 23px; height: 45px; position: absolute; top: 50%; margin-top: -22px; right: -14px;}
.image_border div div div img{margin: 0px;}
/* ---------------------------------Image Border--------------------------------- */

/* ---------------------------------Block Porfolio--------------------------------- */
.portf_block{background:url(../images/portf_block/l.png) top left repeat-y; position: relative; margin: 31px 5px 46px 5px;}
.portf_block .portf_block_child{background: url(../images/portf_block/r.png) top right repeat-y; padding: 0px 40px 0px 40px;}
.portf_block .portf_block_tl{background:url(../images/portf_block/tl.png) top left no-repeat; position: absolute; top:-31px; left:0px; width: 336px; height: 31px;}
.portf_block .portf_block_bl{background:url(../images/portf_block/bl.png) bottom left no-repeat; position: absolute; bottom:-46px; left:0px; width: 336px; height: 46px;}
.portf_block .portf_block_tr{background:url(../images/portf_block/tr.png) top right no-repeat; position: absolute; top:-31px; right:0px; width: 305px; height: 31px;}
.portf_block .portf_block_br{background:url(../images/portf_block/br.png) bottom right no-repeat; position: absolute; bottom:-46px; right:0px; width: 305px; height: 46px;}
.portf_block{
    font-weight: normal;
    color: #e6c85f;
}
.portf_block p {
    color:#6e98c3;
    font-size: 14px;
}
.portf_block h1{
    margin-bottom: 20px;
}
.portf_block img{
    margin: 10px;
}
.attention {
    color: white;
    font-size: 16px;
    text-align: center;
}
/* ---------------------------------Block Porfolio--------------------------------- */



/* ---------------------------------Buttons Portfolio--------------------------------- */
.menuicons{
    padding-top: 60px;
}

a.buttons_portrf_games_en,
a.buttons_portrf_games_ru,
a.buttons_portrf_sites_en,
a.buttons_portrf_sites_ru,
a.buttons_portrf_design_en,
a.buttons_portrf_design_ru{
    margin-left: auto;
    margin-right: auto;
    float: none;
}


a.buttons_portrf_sites_en{
    background: url(/images/buttons.png) right 20px no-repeat;
    width: 220px;
    height:150px;
    display: block;
}
a.buttons_portrf_sites_en:hover, a.buttons_portrf_sites_en.active{
    background-position: right -280px;
}

a.buttons_portrf_sites_ru{
    background: url(/images/buttons.png) right -130px no-repeat;
    width: 230px;
    height:150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a.buttons_portrf_sites_ru:hover, a.buttons_portrf_sites_ru.active{
    background-position: right -430px;
}


a.buttons_portrf_games_en{
    background: url(/images/buttons.png) right -580px no-repeat;
    width: 240px;
    height:150px;
    display: block;
}
a.buttons_portrf_games_en:hover, a.buttons_portrf_games_en.active{
    background-position: right -880px;
}

a.buttons_portrf_games_ru{
    background: url(/images/buttons.png) right -730px no-repeat;
    width: 230px;
    height:150px;
    display: block;
}
a.buttons_portrf_games_ru:hover, a.buttons_portrf_games_ru.active{
    background-position: right -1030px;
}


a.buttons_portrf_design_en{
    background: url(/images/buttons.png) right -1180px no-repeat;
    width: 250px;
    height:150px;
    display: block;
}
a.buttons_portrf_design_en:hover, a.buttons_portrf_design_en.active{
    background-position: right -1480px;
}

a.buttons_portrf_design_ru{
    background: url(/images/buttons.png) right -1330px no-repeat;
    width: 250px;
    height:150px;
    display: block;
}
a.buttons_portrf_design_ru:hover, a.buttons_portrf_design_ru.active{
    background-position: right -1630px;
}
/* ---------------------------------Buttons Portfolio--------------------------------- */



/*** slider ***/
.slideworks {
    position:relative;
    overflow:hidden;
    height: 500px;
    width: 100%;
    margin: 0px;
}
.slideworks .shadowimage {
    margin-top: 1.5em;
    margin-left: auto;
    margin-right: auto;
}
.slideworks .items div{
    text-align: center;
}


.dota_table{
    font-size: 15px;
    margin-left: 15px;
}
.dota_table td{
    vertical-align: top !important;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px dashed #0b3044;
}
.dota_table ol{
    margin-left: 30px;
}
.dota_table b{
    font-weight: 900;
}

.dota_table2{
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    margin-left: 15px;
}
.dota_table2 td{
    border: 1px solid #0b3044;
    vertical-align: top !important;
    padding: 5px;
}
.dota_table2 .center td{
    text-align: center;
}
.bold, .bold td{
    font-weight: bold;
}
.dota_back{
    background: #2b81af;
}
.dota_cell{
    text-align: center;
    width: 80px;
}
/* --------------------------------ICONS--------------------------------- */
.store {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/appstore.png) no-repeat;
}
.vk_icon {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/vk.png) no-repeat;
}
.odcl_icon {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/ok.png) no-repeat;
}
.fb_icon {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/facebook.png) no-repeat;
}
.mail_icon {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/MM.png) no-repeat;
}
.ph_icon {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/fotostrana.png) no-repeat;
}
.google_icon {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/google.png) no-repeat;
}
.amazon_icon {
    margin: 5px;
    width: 48px;
    height: 43px;
    display: inline-block;
    background: url(../images/icons/amazon.png) no-repeat;
}
.site_icon {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/site.png) no-repeat;
}
.yahoo_icon {
    margin: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/icons/yahoo.png) no-repeat;
}

.events {
    list-style: none;
}

.callbacks_container {
    margin-bottom: 50px;
    position: relative;
    float: left;
    width: 100%;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.callbacks img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}

.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    background: #000;
    background: rgba(0,0,0, .8);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
}

.callbacks_nav {
    left: 240px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 36px;
    width: 28px;
    background: transparent url("/images/arrow_small_left.png") no-repeat left top;
    margin-top: -45px;
}

.callbacks_nav.next {
    background-position: right top;
    left: 910px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 36px;
    width: 28px;
    background: transparent url("/images/arrow_small_right.png") no-repeat left top;
    margin-top: -45px;
}


@media screen and (min-device-width:1280px){
    .icon_joystik {
        z-index: 1;
        background: url(/images/buttons.png) right -730px no-repeat;
        width: 150px;
        height:150px;
        position: absolute;
        top: 500px;
        right: 400px;
        display: block;
    }

    .icon_display {
        z-index: 1;
        background: url(/images/buttons.png) right -1330px no-repeat;
        width: 150px;
        height:150px;
        position: absolute;
        top: 350px;
        right: 400px;
        display: block;
    }

    .opinion {
        width: 1100px;
    }
}
@media screen and (max-device-width:1279px){
    .icon_joystik ,
    .icon_display {
        display: none;
    }


}

.main_page_button {
	background: url(/images/button/normal.png);
	width: 354px;
	height: 331px;
	position: absolute;
	display: block;
	cursor: pointer;
}
.main_page_button:after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.main_page_button:hover:after {
	background: url(/images/button/active.png) no-repeat 83px 49px;
}
.main_page_button:active:after {
	background: url(/images/button/pressed.png) no-repeat 98px 64px;
}

.ramka {
    position: relative;
    width: 100%;
    min-height: 444px;
    padding-top: 40px;
    padding-right: 55px;
    color: #7ea8d7;
    background-image: url(/images/ramka_tl.png), url(/images/ramka_tr.png), url(/images/ramka_bl.png), url(/images/ramka_br.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 417px 115px, 417px 115px, 417px 115px, 417px 115px;
    background-position: 12px 0, 100% 0, 12px 100%, 100% 100%;
}

.success {
    display: none;
    font-weight: bold;
    text-align: center;
}

.button1,
.button2,
.button3,
.button4 {
    display: inline-block;
    padding: 7px 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 16px;
}

.button1 {
    background-image: url(/images/button/button_1_normal.png);
}
.button1:hover,
.button1.active{
    background-image: url(/images/button/button_1_pressed.png);
}
.button1:active {
    background-image: url(/images/button/button_1_aktive.png);
}

.button2 {
    background-image: url(/images/button/button_2_normal.png);
}
.button2:hover,
.button2.active{
    background-image: url(/images/button/button_2_pressed.png);
}
.button2:active{
    background-image: url(/images/button/button_2_aktive.png);
}

.button3 {
    background-image: url(/images/button/button_3_normal.png);
}
.button3:hover,
.button3.active {
    background-image: url(/images/button/button_3_pressed.png);
}
.button3:active{
    background-image: url(/images/button/button_3_aktive.png);
}

.button4 {
    background-image: url(/images/button/button_4_normal.png);
}
.button4:hover,
.button4.active {
    background-image: url(/images/button/button_4_pressed.png);
}
.button4:active{
    background-image: url(/images/button/button_4_aktive.png);
}

.button1:active,
.button1.active,
.button2:active,
.button2.active,
.button3:active,
.button3.active,
.button4:active,
.button4.active {
    font-weight: bolder;
}

#filter {
    text-align: center;
    padding-bottom: 15px;
}

.layout2 .mainmenu {
    top: -100px;
}