/*@font-face {
    font-family: "Segoe UI Semilight";
    src: url('../fonts/segoeuisl.eot');
    src: local('☺'), url('../fonts/segoeuisl.eot#iefix') format('embedded-opentype'), url('../fonts/segoeuisl.ttf') format('truetype'), url(../fonts/segoeuisl.woff) format('woff'), url(../fonts/segoeuisl.svg) format('svg'), url('../fonts/segoeuisl.pfb') format('pfb'), url('../fonts/segoeuisl.dfont') format('dfont'), url('../fonts/segoeuisl.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Segoe UI Regular";
    src: url('../fonts/segoueui.eot');
    src: local('☺'), url('../fonts/segoueui.eot#iefix') format('embedded-opentype'), url('../fonts/segoueui.ttf') format('truetype'), url(../fonts/segoueui.woff) format('woff'), url(../fonts/segoueui.svg) format('svg'), url('../fonts/segoueui.pfb') format('pfb'), url('../fonts/segoueui.dfont') format('dfont'), url('../fonts/segoueui.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Segoe UI Light";
    src: url('../fonts/segoeuil.eot');
    src: local('☺'), url('../fonts/segoeuil.eot#iefix') format('embedded-opentype'), url('../fonts/segoeuil.ttf') format('truetype'), url(../fonts/segoeuil.woff) format('woff'), url(../fonts/segoeuil.svg) format('svg'), url('../fonts/segoeuil.pfb') format('pfb'), url('../fonts/segoeuil.dfont') format('dfont'), url('../fonts/segoeuil.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Segoe UI Bold";
    src: url('../fonts/segoeuib.eot');
    src: local('☺'), url('../fonts/segoeuib.eot#iefix') format('embedded-opentype'), url('../fonts/segoeuib.ttf') format('truetype'), url(../fonts/segoeuib.woff) format('woff'), url(../fonts/segoeuib.svg) format('svg'), url('../fonts/segoeuib.pfb') format('pfb'), url('../fonts/segoeuib.dfont') format('dfont'), url('../fonts/segoeuib.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "helveticaLight";
    src: url('../fonts/helveticaneuecyr-ultralight.eot');
    src: local('☺'), url('../fonts/helveticaneuecyr-ultralight.eot#iefix') format('embedded-opentype'), url('../fonts/helveticaneuecyr-ultralight.ttf') format('truetype'), url(../fonts/helveticaneuecyr-ultralight.woff) format('woff'), url(../fonts/helveticaneuecyr-ultralight.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "helveticaroman";
    src: url('../fonts/helveticaneuecyr-roman.eot');
    src: local('☺'), url('../fonts/helveticaneuecyr-roman.eot#iefix') format('embedded-opentype'), url('../fonts/helveticaneuecyr-roman.ttf') format('truetype'), url(../fonts/helveticaneuecyr-roman.woff) format('woff'), url(../fonts/helveticaneuecyr-roman.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/**{
    margin:0px;
    padding:0px;
}*/
/*BODY{
    font-family:"Segoe UI","SegoeUI",Arial;
    background: #ffffff ;
    background-position:center;
    font-size:11px;
    color:#999999;
}*/
.proj-container H1{
      font-family:"Segoe UI","SegoeUI",Arial;
}
.proj-container TEXTAREA{
    font-family:"Segoe UI","SegoeUI",Arial;

    
}

.proj-container A,A:hover,A:visited{
    color:#a9a9a9;text-decoration: none;
}
.proj-container IMG{
    border:0px none #000;
}
.proj-container div.main{
    width:100%;
    text-align: left;margin-top: 150px;z-index: 1000;
}
.proj-container div.main.contents{
     text-align: left;
     margin-bottom: 60px;
}
.proj-container div.main div.project{
    width: 460px;

    height: 460px;float:left;
    padding: 0px;    margin:0px;
    display: inline-block;*display:inline;*zoom:1;
    overflow:hidden;
  
}
.proj-container #project-top{


}
.proj-container div.main div.project img{
    margin-left:0px;
    margin-top:0px;
    width:467px;
}
.proj-container div.footer{
    margin: 0px;
    /*background:#fff;*/
    padding: 40px 0px 40px 0px;color:#666666;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top:0px;
width:100%;
bottom: 0px;

  

}
.proj-container div.footer div.copy{
    
    margin-left:40px;
    
}
.proj-container div.footer a,div.footer a:visited{
   color:#666666; 
       text-transform: uppercase;
       margin:5px;
}
.proj-container div.footer a.current,div.footer a.current:visited{
    color:#ffffff;
}
.proj-container div.footer div{
        display: inline-block;*display:inline;*zoom:1;
}
.proj-container div.footer div.menu{
    margin: 0 auto auto;
    position: absolute;
    width:400px;
    left:50%;
    margin-left:-200px;
    text-align: center;
}
.proj-container div.footer div.email{
    right: 40px;
    position: absolute;
}
.proj-container div.header {
    white-space: nowrap;
    margin-bottom: 58px;
    position: fixed ;
    width: 100%;height: 110px;
    background: #ffffff;top:0px;z-index: 5;
}
.proj-container div.header div{
    display: inline-block;*display:inline;*zoom:1;
          vertical-align: top;
}
.proj-container div.header div.logo{
    margin-left:43px;
}
.proj-container div.language_switcher{
        right: 40px;
    position: absolute;
    top:44px;z-index: 1000;
}
.proj-container div.header div.menu{
    margin-top:44px;
    width:400px;
    position: absolute;
    left:50%;
    margin-left:-200px;
}
.proj-container div.header div.menu div{
    display: block;
    text-align: center;
      text-transform: uppercase;

      
      
}
.proj-container div.header div.menu div a{
    margin-right: 20px;
    font-size:11px;
}
.proj-container div.header div.menu div.secondlevel{
    margin-top:15px;
}
.proj-container div.header div.menu div.toplevel a.current{
    color:#000;
}
.proj-container div.header div.menu div.secondlevel a.current{
     color:#000;border-bottom: 1px solid #000;
}
.proj-container div.floatline {
    white-space: nowrap;
    width:100%;
    overflow: hidden;
    margin-bottom: -2px;
}
.proj-container div.floatline div.project{
    width: 280px;

    height: 280px;
    padding: 0px;    margin:0px;
    display: inline-block;*display:inline;*zoom:1;
    overflow:hidden;

}
.proj-container div.floatline div.project img{
width: 100%; height: 100%; margin-left: 0px; margin-top: 0px; 

}
.proj-container div.projectinfo{
    text-align: left;
    padding-left: 39px;
    padding-top: 40px;
    width:400px;margin-right: 20px;
    vertical-align:top;
    display: inline-block;*display:inline;*zoom:1;
}
.proj-container div.projectinfo h1.textheader{
    font-size:36px;font-weight:normal;margin:0;font-family:inherit;color:#000000;
    padding: 4px;
background-color: #ffffff;
width:auto; display: inline-block;*display:inline;*zoom:1;
}
.proj-container div.projectinfo div.description{
        padding: 4px;
background-color: #ffffff;
width:auto; display: inline-block;*display:inline;*zoom:1;
}
.proj-container div.projectinfo div.link{
    margin-top: 16px;
    margin-bottom: 15px;
    padding: 4px;width:auto; display: inline-block;*display:inline;*zoom:1;
background-color: #ffffff;
}
.proj-container div.projectinfo div.link a{
    font-size:14px;
    color:#000000;
    border-bottom: 1px solid #000;
    
}
.proj-container div.projectinfo div{
    width: 390px;
    font-size:14px;
padding: 4px;
}
.proj-container div.projectinfo.narrow {
    width:80%;
}
.proj-container div.projectinfo.narrow div{
 
    
}
.proj-container div.projectinfo div P{
    margin-top: 10px;
}
.proj-container div.imageslist{
        display: inline-block;*display:inline;*zoom:1;
        vertical-align:top;
        margin-top: 40px;
}
.proj-container div.imageslist div.img{
    margin-bottom: 20px;
}
.proj-container div.infoblock{
    vertical-align: top;
}
.proj-container div.infoblock div.img{
    background: url(../images/contacts.png) no-repeat;
    width:434px;
    height: 434px;
    float: right;
}
.proj-container div.infoblock {
    color:#000000;
}
.proj-container div.infoblock div.lolheader{
    font-size:36px;
        padding-left: 43px;
   
}
.proj-container div.infoblock div.text{
    width:510px;
     padding-left: 43px;
     font-size:14px;
     color:#666666;
     margin-bottom: 20px;
}
.proj-container div.infoblock div.text p{
    margin-top:15px;
}
.proj-container div.infoblock div.img{
    vertical-align: top;
    position: absolute;
    top:150px;
    left:600px;
}
.proj-container div.keypoints{
    margin-top: 140px;
       padding-left: 43px;
}
.proj-container div.keypoints div.point{
            display: inline-block;*display:inline;*zoom:1;
        vertical-align:top;
        width:320px;
        height:270px;
}
.proj-container div.keypoints div.point div.pointheader{
    font-size:26px;
    color:#000;
  
    line-height: 30px;
}
.proj-container div.keypoints div.point div.text{
    width:290px;
    font-size:14px;
    margin-top:15px;
}
.proj-container div.wideview{
    font-size:36px;
    padding-left: 0px;
    color:#000;
}
.proj-container div.wideview a{
    color:#000;  text-decoration: underline;
}
.proj-container div.contactsheader{
    font-size:36px;
    padding-left: 43px;
    color:#000;
}
.proj-container div.contactsblock{
    width:790px;
   
    display: block;
   margin:auto auto 0px;
   background: #efefef;
   height: 394px;
   margin-top:120px;
   margin-bottom: 0px;
}
.proj-container div.eucontacts{
    margin-top:30px;background: #fff;color:#000;
     margin-bottom: 90px;
      font-family: "Segoe UI Light";height: auto;
}
.proj-container div.eucontacts div{
    display: inline-block;*display:inline;*zoom:1;width:390px;
    vertical-align:top;font-size:16px;
    margin-top:20px;
}
.proj-container div.eucontacts div li.name{
    font-size:26px;
}
.proj-container div.eucontacts div ul{
    list-style: none;
}
.proj-container div.eucontacts h1{
      font-family: "Segoe UI Light";font-size:36px;
}
.proj-container div.contactsblock div.contacts{
    width:393px;vertical-align: top;
    height: 100%;  font-size:36px;
    background: #c33e51;
    color:#fff;
     display: inline-block;*display:inline;*zoom:1;
}
.proj-container div.contactsblock div.feedback{
      display: inline-block;*display:inline;*zoom:1;
          width:393px;text-align: center;
    height: 100%;vertical-align: top;
    
   
}
.proj-container div.contactsblock div.feedback a{
    font-size:18px;
    text-decoration: underline;
}
.proj-container div.contactsblock div.feedback input[type=email]{
    background: #efefef;
    border: 0px none #fff;
    color:#333333;
    font-size:18px;
    width:344px;
    margin-top:30px;
    padding:5px;
    margin-bottom: 25px;
}
.proj-container div.contactsblock div.feedback input[type=email]:hover,div.contactsblock div.feedback input[type=email]:focus{
    background: #d4dde2;
} 
.proj-container div.contactsblock div.feedback textarea{
    width:344px;
        border: 0px none #fff;
        background: #efefef;
        padding:5px;
        height: 95px;
        border-bottom: 1px solid #c9c9c9;
        margin-bottom: 20px;
        color:#a1a1a1;  font-size:18px;
}
.proj-container div.contactsblock div.feedback textarea:hover,div.contactsblock div.feedback textarea:hover{
     background: #d4dde2;
}
.proj-container div.contactsblock div.feedback h1{
    font-size:36px;
    margin-top: 10px;
    color:#000;
    font-weight: normal;
}
.proj-container div.contactsblock div.contacts div.phones{
    height: 112px;
    background: #c33e51;
      text-align: right;
      padding-right: 43px;
      padding-top: 15px;
}
.proj-container div.contactsblock div.contacts div.email{
  
   background: #a52b3d;
        padding-top: 35px;
  height: 98px;
  text-align: center;
}
.proj-container div.contactsblock div.contacts div.skype{
     height: 98px;
          padding-top: 35px;
            text-align: center;
    background: #821b2a;
}
.proj-container div.contactsblock div.contacts div.skype span{
    height: 133px;
    color:#da8a96;
    font-size:19px;
    margin-right: 5px;
}
.proj-container div.main div.project a.name,div.floatline div.project a.name{
    text-align: center; background: url(../images/bg.png);
    width:450px;
    height:270px;
    vertical-align: middle;
   cursor: pointer;
    position: absolute;
   display: none;
   font-size:29pt;color:#fff;
   padding-top: 180px;
}
.proj-container div.floatline div.project a.name{
        width:280px;
    height:180px;white-space: normal;line-height: 21pt;
     padding-top: 100px;
     font-size:20pt;
}
.proj-container div.main div.project a.name span,div.floatline div.project a.name span{
    display: block;margin-top: 6pt;
    font-size:12pt;
}
.proj-container div.imageslist div.img.borderedone img{
   
    border:10px solid #e8e8e8;
}
.proj-container div.imageslist.narrow div.img img{
    margin-left:39px !important;}
.proj-container a.innerlink{
    
    
    text-decoration:underline;
}

.proj-container div.contactsblock div.feedback div.success{
    margin-top: 20px;
    font-size:14pt;
    
}
.proj-container div.contactsblock div.contacts a{
    color:#fff;
}

/**/

.proj-container div.wrapper{
    width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
    background-color: #ffffff;
    z-index: 20;overflow: hidden;
}
.proj-container div.mainaltwork{
  min-width: 950px;
  max-width: 1039px;
  height: 100%;
  margin: 0px auto auto;
  top:50%;
  margin-top:-123px;
  left:50%;
  margin-left:-470px;
  position: absolute;
  font-family: "Segoe UI Light";
}
.proj-container div.logoalt{
    background-image: url(../images/logo.png);
    width:84px ;
    height: 100px;
    cursor: pointer;
    position: absolute;
left: 43px;
top: 0px; 
}
.proj-container div.text1{
    font-size:91px ;
margin-bottom: 36px;
color: #ccc;
    font-family: "helveticaLight";
}
.proj-container div.mainaltwork div.txta a{
    text-decoration: none;
    color: #000;
 
}
.proj-container div.mainaltwork div.txta{
    color: #000;
    font-size: 40px;  
}
.proj-container div.mainaltwork a.bora1{
    border-bottom: 1px solid #10d7f5;
}
.proj-container div.mainaltwork a.bora2{
    border-bottom: 1px solid #f510dd;
}
.proj-container div.mainaltwork a.bora3{
    border-bottom: 1px solid #f5dd10;
}
.proj-container div.mainaltwork a.bora4{
    border-bottom: 1px solid #14d905;
}
.proj-container div.st_clic{
  background-image: url(../images/st1.png);
width: 84px;
height: 69px;
cursor: pointer;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -42px;
}
/* heading for search engines and screen readers on pages with no visible one */
.seo_h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
div.copy a#cookie_settings{color:#999;margin-left:16px;}
#cookie_consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:100000;max-width:560px;margin:0 auto;padding:16px 20px;background:#000;color:#fff;font:14px/20px Arial,Helvetica,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.4);}
#cookie_consent p{margin:0 0 12px;}
#cookie_consent button{margin-right:8px;padding:8px 16px;background:#fff;color:#000;border:0;font:inherit;cursor:pointer;}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/robotobold.eot');
    src: url('../fonts/robotobold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotobold.woff') format('woff'),
        url('../fonts/robotobold.ttf') format('truetype'),
        url('../fonts/robotobold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/robotolight.eot');
    src: url('../fonts/robotolight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotolight.woff') format('woff'),
        url('../fonts/robotolight.ttf') format('truetype'),
        url('../fonts/robotolight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/robotoregular.eot');
    src: url('../fonts/robotoregular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotoregular.woff') format('woff'),
        url('../fonts/robotoregular.ttf') format('truetype'),
        url('../fonts/robotoregular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/robotothin.eot');
    src: url('../fonts/robotothin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotothin.woff') format('woff'),
        url('../fonts/robotothin.ttf') format('truetype'),
        url('../fonts/robotothin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body,html{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: 'robotolight';
}
img{
    border: 0px;
}
h1,h2,h3{
    font-weight: normal;
    margin: 0px;
}
a{
    display:inline-block ; *display: inline; *zoom:1;
    vertical-align: top;
    outline: 0px;
    text-decoration: none;
}
body.nonsc{
    overflow: hidden;
}
div.topslide{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 199;
}
div.topslide div.sl{
    display:inline-block ; *display: inline; *zoom:1;
    vertical-align: top; 
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 198;
}
div.im_alef{
    background: url(../images/main_portfolio_big_alef.jpg) center center  no-repeat ;  
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}
div.topslide div.im_aliance{
    background: url(../images/main_portfolio_big_aliance.jpg) center center  no-repeat ;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
div.topslide div.im_pitching{
    background: url(../images/main_portfolio_big_pitching.jpg) center center  no-repeat ; 
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
div.topbox{
    width: 100%;
    height: 260px;
    position: absolute;
    top: 50%;
    margin-top: -130px;
    text-align: center;   
    color: #fff;
}
div.txt_p_s{
    font-family: 'robotothin';
    font-size: 56px;
}
h2.name_p_s{
    font-family: 'robotobold';
    font-size: 36px;
    text-transform: uppercase;
    line-height: 42px;
}
a.play{
    background: url(../images/arrow_circle_white_yellow.png) no-repeat -66px 0px ;
    width: 54px;
    height: 54px;
    margin-top: 20px;
}
a.play:hover{
    opacity: 0.7;
}
div.wrap_menu{
    width: 100%;
    height: 74px;
    position: absolute;
    bottom:30px;
    text-align: center; 
    z-index: 202;
}
div.menu{
    display:inline-block ; *display: inline; *zoom:1;
    vertical-align: top; 
    background: #fff;

    white-space: nowrap;
    text-align: center;
    height: 72px;    
}

div.menu.w_menu{
    width: 100%;
   max-width: 588px;
    text-align: left;
}
div.box_min_sc_a{
    width: 100%;
    overflow: hidden;
    height: 74px;
    display:inline-block ; *display: inline; *zoom:1;
}
a.logotype{
    background: url(../images/logo_altwork.png) #0f0f0f center center no-repeat;
    width: 72px;
    height: 72px;
}
a.top_min{
    font-family: 'robotobold'; 
    color: #333333;
    font-size: 12px;
    text-transform: uppercase;
    padding: 29px 23px;
}
a.click_menu{
    display:inline-block ; *display: inline; *zoom:1;
    background: url(../images/click_menu.png) no-repeat;
    width: 72px;
    height: 72px;
    display: none;
}
a.top_min:hover{
    color: #cccccc;
}
a.top_min.select{
    color: #cccccc;
}
div.foot_f{
    height: 100px;
    position: absolute;
    bottom: 0px;
}
div.b_f{
    background: #fff;
    position: relative;
    z-index: 130;
}
div.box_w{
    background: #fff;
    position: relative;
    width: 100%;
    z-index: 120;
    padding-bottom: 5px;
}
div.box_gb{  
    width: 100%;   
    position: relative;
    z-index: 115;
}
div.game{
   
    width: 100%;
      
}
div.fix{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index:108;
}
div.pos_f{
    background: #fff fixed;
    text-align: center;
    width: 100%;
}
div.bg_game{
    width: 100%;
    background: url(../images/bg_game.png)  repeat;
    position: absolute;
    text-align: center;
    z-index: 100;

}
div.txt_game{
    color: #fff;
    width: 400px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -200px;
    padding: 60px 5px;
    z-index: 107;
}
h1.tt_logo{
    font-size: 70px;
    text-transform: uppercase;
    font-family: 'robotothin';
    line-height: 78px;
    margin-top: 55px;
}
h1.tt_logo span{
    font-family: 'robotobold'; 
    display: block;
}
h3.txt{
    font-size: 21px;
    margin: 15px 0px;
}
div.txt_game p{
    line-height: 25px;
}
a.play_game{
    background: url(../images/arrow_circle_white_yellow.png) no-repeat 0px 0px ;
    width: 54px;
    height: 54px;
    margin-top: 13%;
}
h2.txtsection{
    font-size: 70px;
    font-family: 'robotothin';
    color: #ccc;
    text-transform: uppercase;
    text-align: center;
    padding-top: 60px;
}
h2.txtsection_a{
    font-size: 70px;
    font-family: 'robotothin';
    color: #000;
    text-transform: uppercase;
    text-align: center; 
}
div.box{
    width: 100%;
    max-width: 960px;
    margin: 0px auto auto;
    text-align: center;    
}
div.pos_f div.box{
     padding: 10% 0%;
}
div.whitbox div.box{
     padding: 10% 0% 0% 0%;
}
div.box_services{
    width: 230px;
    height: 205px;
    display:inline-block ; *display: inline; *zoom:1;
    vertical-align: top; 
    position: relative;  
}
div.box_services div.ttx a.im_section div.him_section{
    width: 216px;
    height: 210px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
    display: none;
}
div.box_services div.ttx a.im_section:hover div.him_section{
    display: block;
}
div.box_services div.ttx{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 165px;
    height: 205px;
    padding: 0px 25px;
}
div.box_services div.ttx a.im_a{
    background: url(../images/services_icon.png) 2px -17px  no-repeat;
    width: 111px;
    height: 71px;
}
div.box_services div.ttx a.im_b{
    background: url(../images/services_icon.png) -153px 0px  no-repeat;
    width: 60px;
    height: 86px;
}
div.box_services div.ttx a.im_c{
    background: url(../images/services_icon.png) -248px 0px  no-repeat;
    width: 103px;
    height: 86px;
}
div.box_services div.ttx a.im_d{
    background: url(../images/services_icon.png) -389px 0px  no-repeat;
    width: 79px;
    height: 86px;
}
div.box_services div.ttx a.im_e{
    background: url(../images/services_icon.png) -513px 0px  no-repeat;
    width: 100px;
    height: 86px;
}
div.box_services div.ttx a.im_f{
    background: url(../images/services_icon.png) -662px 0px  no-repeat;
    width: 102px;
    height: 86px;
}
div.box_services div.ttx a.im_g{
    background: url(../images/services_icon.png) -810px 0px  no-repeat;
    width: 70px;
    height: 86px;
}
div.box_services div.ttx a.im_h{
    background: url(../images/services_icon.png) -930px 0px  no-repeat;
    width: 93px;
    height: 86px;
}
div.box_services div.ttx a.im_section div.h_im_a{
    background: url(../images/romb_services_over_main.png) -0px 1px  no-repeat;
}
div.box_services div.ttx a.im_section div.h_im_b{
    background: url(../images/romb_services_over_main.png) -250px 1px  no-repeat;
}
div.box_services div.ttx a.im_section div.h_im_c{
    background: url(../images/romb_services_over_main.png) -502px 1px  no-repeat;
}
div.box_services div.ttx a.im_section div.h_im_d{
    background: url(../images/romb_services_over_main.png) -752px 1px  no-repeat;
}
div.box_services div.ttx a.im_section div.h_im_e{
    background: url(../images/romb_services_over_main.png) 0px -238px  no-repeat;
}
div.box_services div.ttx a.im_section div.h_im_f{
    background: url(../images/romb_services_over_main.png) -246px -238px  no-repeat;
}
div.box_services div.ttx a.im_section div.h_im_g{
    background: url(../images/romb_services_over_main.png) -498px -241px  no-repeat;
}
div.box_services div.ttx a.im_section div.h_im_h{
    background: url(../images/romb_services_over_main.png) -748px -241px  no-repeat;
}
/**/
div.main{
    width:100%;
    
    text-align: left;
    z-index: 140;
    /*background: #fff;*/
    /*margin-top:  45px;*/
}
div.main.contents{
    text-align: left;
    margin-bottom: 60px;
}
div.main div.project{
    position: relative;
    width: 460px;
    height: 460px;float:left;
    padding: 0px;    margin:0px;
    display: inline-block;*display:inline;*zoom:1;
    overflow:hidden;
    text-align: center;
}
div.main div.project img{
    margin-left:0px;
    margin-top:0px;
    width:467px;
}
div.floatline div.project a.name{
    text-align: center; background: url(../images/bg.png);
    width:450px;
    height:270px;
    cursor: pointer;
    position: absolute;
    display: none;
    font-size:25px;color:#fff;
    padding-top: 180px;
}
div.main div.project div.bb{
      position: absolute;
         bottom: -120px;
width: 100%;
height: 30%;
display: table;
vertical-align: middle;
background: #fff;
}
div.main div.project a.name{
    text-align: center; 
  /*  background: url(../images/bg.png) repeat;*/
  display: table-cell;
  vertical-align: middle;
    font-size:25px;
    color:#000;

}

div.main div.project a.name span,div.floatline div.project a.name span{
    display: block;margin-top: 6pt;
    font-size:12px;
    padding-bottom: 10px;
}
/**/
a.all{
    text-transform: uppercase;
    color: #999;
    font-size: 20px;
}
div.b_tt{
    text-align: center;
    z-index: 150;
    position: relative;
    padding-top: 35px;
}
div.footer{
  
    padding: 55px 0px 20px 0px;
    color:#666666;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top:0px;

    position: relative;
}
div.footer div{
    display: inline-block;*display:inline;*zoom:1;
}
div.copy{
    font-size: 12px;
    color: #999;
    font-family: 'robotoregular';
}
div.copy span{
    padding: 10px;
    background: #fff;
}
div.email span{
    padding: 10px;
    background: #fff;
}
div.footer div.copy{    
    margin-left:20px;    
}
div.footer div.email{
    margin-right: 20px;    
   float: right;  
    font-family: 'robotoregular';
}
div.footer div.email a{
    color: #999;      
    font-size: 12px;
}
div.boxprof{
    width: 100%;
    max-width:720px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -100%;
    z-index: 300;  
    display: none;
}
div.bgwhite{
    background: #fff;
    position: fixed;
    width: 100%;
    max-width: 595px;
    height: 100%;
    z-index: 14;
    top: 0px;
    bottom: 0px;
    border-right: 2px solid #1f1f1f;
}
div.proffile{
    width: 100%;
    height: 100%;
    max-width: 595px;
    z-index: 30;
    position: fixed;
    top: 0px;
}
div.panel_menuleft{
    position: absolute;
    width: 100%;
    top: 102px;
    max-width: 595px;
    height: 100%;
    overflow-y: hidden;
}
a.menuprof{
    color: #000;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0px;
    width: 100%;
    display: block;
}
div.bgfon{
    background-color: #000;
    opacity: 0.8;
    width: 100%;
    max-width: 720px;
    z-index: 1;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
}
div.proffile div.menu{
    display: none;
}
div.txt_p{ 
    font-size: 25px;
    padding-left: 20px;
}
div.fone{
    background: url(../images/contacts_bg_pict.jpg) center center fixed no-repeat;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
}
div.fone_c div.footer{
    position: fixed !important;
}
div.menu_top_p{
  position: relative;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
div.box-0{
    width: 100%;
   
    display: table;
}
div.box_contacts{
    width: 100%;
    max-width: 516px;
    background-color: #fff;
    margin-left: 72px;
    text-align: center;
    font-size: 20px;
    display:inline-block ;
*display: inline;
*zoom:1;
vertical-align: top;
}
div.icon_tel{
    background: url(../images/phone_icon.png) no-repeat;
    width: 58px;
    height: 75px;
    display:inline-block ; *display: inline; *zoom:1;

}
div.icon_mail{
    background: url(../images/mail_icon.png) no-repeat;
    width: 44px;
    height: 48px;
    display:inline-block ; *display: inline; *zoom:1;
}
div.icon_skype{
    background: url(../images/skype_icon.png) no-repeat;
    width: 52px;
    height: 52px;
    display:inline-block ; *display: inline; *zoom:1;
}
div.tel{
    font-family: 'robotobold';
    padding-top: 10px;
}
div.boxic{
    height: 142px;
    padding-top: 38px;
}
div.inf{
    padding-top: 5px;
}
div.inf a{
    color: #000;
}
div.fone_c div.footer{
    color: #fff;
}
div.fone_company{
    background: url(../images/company_main_pict.jpg) center fixed no-repeat;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
h1.company{
    text-transform: uppercase;
    color: #fff;
    font-size: 50px;
    text-align:  center;
    font-family: 'robotothin';
    padding-top: 140px;
}
h1.company span{
    font-family: 'robotobold';
    display: block;
}
div.wrap_menu.m_t{
    bottom: inherit;
    top: 30px;
    position: fixed;
}
div.big_logo{
    background: url(../images/big_logo_altwork.png) center center no-repeat;
    width: 285px;
    height: 282px;
    position: absolute;
    bottom: 0px;
   margin-bottom: 7%;
    left: 50%;
    margin-left: -142px;
    
   -moz-background-size: contain; 
    -webkit-background-size: contain ;
    -o-background-size: contain ;
    background-size: contain  ; 
}
div.company_bg{
    background: url(../images/company_bg.jpg) center no-repeat fixed;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
div.company_shkaf{
    background: url(../images/company_shkaf.png) 48% 50% fixed no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}
div.circle_white{
    width: 295px;
    height: 295px;
    background:url(../images/5_logo.gif);
    position: absolute;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px; 
    -khtml-border-radius: 150px; 
    border-radius: 150px; 
    left: 50%;
    margin-left: -147px;
    top: 50%;
    margin-top: -147px;
}
div.circle_white{
    font-size: 16px;
    text-align: center;
}
div.circle_white span{
    font-family: 'robotobold';
}
div.txt_v{
    display: table-cell;
    vertical-align: middle;
    height: 295px;
    padding: 0px 40px;
}
div.clients_bg{
    background: url(../images/clients_bg.jpg) center center fixed no-repeat;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
h2.txt_c{
    font-size: 70px;
    color: #fff;
    text-align:  center;
    font-family: 'robotothin';
    text-transform:  uppercase;
    padding-top: 120px;
}
div.box_clients{
    width: 100%;
    max-width: 1400px;
    height: 590px;
    margin: 0px auto auto;
    margin-top: 50px;
    overflow-x: hidden;
    position: relative;
}
div.box_clients div.cl{
    margin: 50px 8px;
    display:inline-block ; *display: inline; *zoom:1;
}
div.clients_1plus1{
    background: url(../images/clients_1plus1.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_lenovo{
    background: url(../images/clients_lenovo.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_delta{
    background: url(../images/clients_delta.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_alfa{
    background: url(../images/clients_alfa.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_watsons{
    background: url(../images/clients_watsons.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_nivea{
    background: url(../images/clients_nivea.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_comfy{
    background: url(../images/clients_comfy.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_amstor{
    background: url(../images/clients_amstor.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_divan{
    background: url(../images/clients_divan.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_tet{
    background: url(../images/clients_tet.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_pb{
    background: url(../images/clients_pb.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_sony{
    background: url(../images/clients_sony.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_alef{
    background: url(../images/clients_alef.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_nk{
    background: url(../images/clients_nk.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.clients_ks{
    background: url(../images/clients_ks.png)no-repeat;
    width: 180px;
    height: 100px;
}
div.whitbox div.box{
    padding-top: 100px;
}
div.tt{
    padding-top: 10px;
    font-size: 16px;
}
h2.txt_i{
    font-size: 80px;
    font-family: 'robotobold';
    text-align: center;
    padding-top: 150px;
}
div.boxideas{
    text-align: center;
    padding-top: 60px;
}
div.i_im{
    width: 250px;
    height: 250px; 
    margin: 5px;
    display:inline-block ; *display: inline; *zoom:1;
}
div.ideas_1{
    background: url(../images/circle_idea_1.png) no-repeat;
}
div.ideas_2{
    background: url(../images/circle_idea_2.png) no-repeat;
}
div.ideas_3{
    background: url(../images/circle_idea_3.png) no-repeat;
}
div.ideas_4{
    background: url(../images/circle_idea_4.png) no-repeat;
}
div.wrap_menu.p_r{
    position: fixed;
    padding-bottom: 10px;
    bottom: inherit;
    top: 30px;
}
div.main.main_h{
    overflow: hidden;
}
div.main.main_p{
    padding-top: 150px;
}
div.over_menu{
    background: #e9e9e9;
    height: 72px;
    display:inline-block ; *display: inline; *zoom:1;
    color: #999;
}
div.over_menu a{
    color: #999; 
}
div.arrow_menu{
    background: url(../images/arrow_menu.png) no-repeat;
    width: 10px;
    height: 9px;
    position: relative;
    right: -5px;
    display:inline-block ; *display: inline; *zoom:1;
}
div.apps{
    background: #000;
    width: 124px;
    position: absolute;
  left:  0px;
    padding-left: 23px;
    padding-top: 0px;
    margin-top: -6px;
    white-space: normal;
    padding-bottom: 10px;
    display: none;
    text-align: left;
}
div.b_b{
    position: relative;
    display:inline-block ;
*display: inline;
*zoom:1;
vertical-align: top;
}
a.top_min.colorick{
    background: #000;
}
div.apps a.apps_menu{
    background: #000;
    width: 111px;
    white-space: nowrap;
    padding-right: 5px;
    font-family: 'robotobold';
    font-size: 12px;
    margin: 6px 0px;
}
div.over_menu a.top_min:hover {
    color: #999;
}
div.apps a.apps_menu:hover{
    color: #fff;
}
div.apps a.apps_menu.color:hover{
    color: #565555;
}
div.apps a.apps_menu.color{
    color: #565555;
}
div.b_app{
    padding: 15px 0px;
    border-bottom: 1px solid #e6e6e6;
}
div.b_app a.apps_menu{
    font-size: 15px;
    padding-left: 35px;
    display: block;
    color: #000;
    margin: 10px 0px;
    font-family: 'robotobold';
}
div.b_app a.apps_menu:hover{
    color: #999;
}
div.b_app a.apps_menu.select{
    color: #999;
}
a.apps_menu {
     text-transform: uppercase;
}
div.b_app a.menuprof{
    border: 0px;
    padding: 0px;
}
a#click_close{
   position: relative;
   z-index: 100;
}

@media (min-width:240px) and (max-width:460px){
    div.txt_p_s{
        font-size: 36px;
    }
    h2.name_p_s{
        font-size: 22px;
        line-height: 30px;
    }   
    h1.tt_logo{
        font-size: 31px;
        line-height: 36px;
    }
    div.txt_game{
        width: 295px;
        margin-left: -152px;
    }
    div.menu{
        width: 430px;
    }

    div.menu.w_menu{
        width: 144px;
        float: left;
    }
    h2.txtsection,h2.txtsection_a{
        font-size: 36px;
    }
    h3.txt{
        margin: 0px 0px;
        font-size: 13px;
    }
    div.txt_game p {
        line-height: 18px;
        font-size: 12px;
    }
    a.play_game{
        margin-top: 0%;
    }
    div.wrap_menu{
        text-align: left;
    }
    a.click_menu{
        display:inline-block ; *display: inline; *zoom:1;
    }
    a.top_min{
        display: none;
    }
    div.menu {
        width: 144px;
        left: 0px !important;
        margin-left: 0px !important;
    }
    div#menu_top{
        top: 30px;  
        position: relative;
    }
    div.proffile div.menu{
        display: block;
    }   
    div.box1{
        text-align: center;
    }
    div.boxprof{
        display: block;
    }
    div.box_clients{
        text-align: center;
    }
    h1.company{
        font-size: 36px;
        padding-top: 110px;
    }
    h2.txt_c{
        font-size: 36px;
    }
    div.box_clients{
        margin-top: 0px;
        width: 200px;
    }
    div.box_clients div.cl{
        margin: 0px 8px;
    }
    div.whitbox div.box{
        padding-top: 0px;
    }
    h2.txt_i{
        font-size: 36px;
    }
    div.big_logo{
        margin-bottom: 5%;
        height: 215px;
    }
     div.fone{
        background: none;
    }
}
@media (min-width:465px) and (max-width:620px){
    div.txt_p_s{
        font-size: 56px;
    }
    h2.name_p_s{
        font-size: 36px;
        line-height: 42px;
    }
    h2.txtsection,h2.txtsection_a{
        font-size: 50px;
    }
    a.top_min{
        font-size: 10px;
        padding: 30px 13px;
    }
    div.fone_c a.top_min {
        display: none;
    }
    div.fone_c a.click_menu {
        display:inline-block ;
*display: inline;
*zoom:1;
vertical-align: top;
    }

    div.boxprof{
        display: block;
    }
    div.box_clients{
        text-align: center;
        width: 460px;
    }
    h2.txt_i{
        font-size: 50px;
    }
    h2.txt_c{
        font-size: 50px;
    }
    div.box_clients div.cl {
        margin: 20px 8px;
    }
    div.whitbox div.box {
        padding-top: 50px;
    }  
    
}
@media (min-width:240px)and (max-width:620px){
   div.box_contacts{
        margin-left: 0px;
    }  
}
@media (min-width:240px)and (max-width:768px){
   
}

.max_width{max-width:1360px; min-width:940px; position:relative }
div.max_width{_width: expression((document.documentElement.clientWidth || document.body.clientWidth)<940?"940px":((document.documentElement.clientWidth || document.body.clientWidth)>1360?"1360px":"100%"))}/*-- IE hacks --*/



.relative{position:relative; width:980px; margin-top:15px;}



/*all*/




td{ font-family:Arial;  font-size:14px; padding:0; }
table{border-collapse:collapse; }

.table_all_width{width:980px;  }



.style_404 h1{font-size:74px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:0}
.style_404 h2{font-size:34px; font-weight:normal; font-family:arial; color:#999999; padding:0 0 30px 0; margin:0}
.style_404 p{padding:0 0 60px 0; margin:0}

.style_404{margin:110px 0 0 25px}

.img_404{ width:326px; height:292px; position:absolute; top:100; right:100}
header{
     width: 1020px;
margin: 0 auto auto;
}
header a.logo{
    display: block;width:84px;height: 100px;
      background: url(../images/imagesmario/logo.png) no-repeat;
}
div.back404{
    width:100%;
    background-color: #6b8cff;
}
div.centerblock{
    position: absolute;
    width:285px;
    height: 116px;
        left:50%;
    top:50%;
    margin-left: -143px;
    margin-top: -163px;text-align:center;
    
}
div.cloud{ background: url(../images/imagesmario/cloud.png) no-repeat;
    position: absolute;
    width:150px;
    height: 113px;
        left:50%;
    top:50%;
margin-left: 70px;
margin-top: -334px;text-align:center;
    
}
div.brick{ background: url(../images/imagesmario/cube_1.png) no-repeat;
    position: absolute;
    width:65px;
    height: 65px;
        left:50%;
    top:50%;
margin-left: 283px;
margin-top: -163px;
text-align:center;
    
}
div.bricks{ background: url(../images/imagesmario/cuber_big.png) no-repeat;
    position: absolute;
    width:336px;
    height: 67px;
        left:50%;
    top:50%;
  margin-left: 168px;
margin-top: 59px;text-align:center;
    
}
div.bricksshare{ 
position: absolute;
width: 20px;
height: 20px;
left: 70%;
top: 50%;
text-align: center;
    
}
    div.text404{    width:285px;
    height: 88px;
    background: url(../images/imagesmario/404.png) no-repeat;

}
a.altworknet{
    width:285px;margin-top:24px;display:block;
    height: 11px;
    background: url(../images/imagesmario/altwork.net.png) no-repeat center;
}
div.pagenotfound{
    width:285px;margin-top:24px;
    height: 17px;
    background: url(../images/imagesmario/not_found.png) no-repeat center;
}
footer{
    width:100%;
    position: absolute;
    bottom:0px;height: 115px;
     background: url(../images/imagesmario/footer_tile.png) repeat-x center;
}





div.bricksshare {
position: absolute;
width: 20px;
height: 20px;
left: 70%;
top: 50%;


text-align: center;
}

.b-share-icon {
float: left;
display: inline;
overflow: hidden;
width: 16px;
height: 16px;
vertical-align: top;
border: 0px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background: url(../images/imagesmario/b-share-icon.png) 0px 99px no-repeat; 
padding: 0px;
}
.b-share-icon_custom {
background-position: 0px 0px;
}
.b-share-icon_facebook {
    background-position: 0 -68px;
}
.b-share-icon_gplus {
    background-position: 0 -426px;
}
.b-share-icon_twitter {
    background-position: 0 -51px;
}
div.likes{
    position: absolute;
    bottom: 7px;
    right:  26px;
   
}
div.likes div.likebox{
    display: inline-block;*display: inline;*zoom:1;
}

#gomain{
    display: block;top:0px;width:160px;
    height: 140px;
    position: absolute;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:0px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:0px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	max-height:40px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:9px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:1px;
        
	height: 100%;
        margin-left: 10px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	 width: 11px;
    height: 30px;
    display: block;
    margin: 5px;
      background: url(../images/assetsSite/arrow_drop_down_category_site.png)  ;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	 width: 11px;
    height: 30px;
    display: block;
    margin: 5px;
      background: url(../images/assetsSite/arrow_drop_down_category_site.png)  ;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	 width: 11px;
    height: 30px;
    display: block;
    margin: 5px;
      background: url(../images/assetsSite/arrow_drop_down_category_site.png)  ;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}