@desktop-contentMaxWidth: 1200px;
@tablet-contentMaxWidth:  920px;
@tablet      :      ~"only screen and (max-width: 1230px)";
@grid-medium :      ~"only screen and (max-width: 1634px)";
@grid-small  :      ~"only screen and (max-width: 1228px)";
@list-large  :      ~"only screen and (max-width: 1720px)";
@list-medium :      ~"only screen and (max-width: 1230px)";
@list-small  :      ~"only screen and (max-width: 986px)";
@retina      :      ~"(min-resolution: 2dppx), (min-resolution: 192dpi)";
@bodyMinWidth:      920px;
@mainFontSize:      15px;
@fontBody:          'NeuzeitSLTStd-Book', sans-serif;
@fontBold:          'FuturaStdBoldCondensed', sans-serif;
@fontLight:         'PlantinStdLight', sans-serif;
@fontItalic:        'PlantinStdLightItalic', serif;
@sprite:            '../../images/sprite.png';
@sprite2x:          '../../images/sprite2x.png';
@white:             #ffffff;
@buttonHoverColor:  #ebebe6;
@cardTableColor:    #e9e9e9;
@buttonColor:       #c8c8c8;
@lightLinkColor:    #afafaf;
@bodyTextColor:     #969696;
@tableColor:        #6e6e6e;
@searchTextColor:   #646464;
@titleColor:        #323232;
@mainColorScheme:   #00e1f5;
@mainHoverScheme:   #00cadc;
@navBorderColor:    #1cb1c5;
@buttonHoverBg:     #0096a5;
@mainActiveScheme:  #388196;
@buttonTextColor:   #23666c;
@successColor:      #70b399;
@errorColor:        #fe0000;
@special:           #ff0000;
@panelBg:           rgba(0, 0, 0, 0.8);

@portrait:             ~"only screen and (orientation:portrait)";
@landscape:            ~"only screen and (orientation:landscape)";

.box-shadow (@shadowLeft, @shadowTop, @shadowRadius, @shadowColor) {
    -webkit-box-shadow: @shadowLeft @shadowTop @shadowRadius @shadowColor;
       -moz-box-shadow: @shadowLeft @shadowTop @shadowRadius @shadowColor;
            box-shadow: @shadowLeft @shadowTop @shadowRadius @shadowColor;
}

.box-shadow-opacity (@shadowLeft, @shadowTop, @shadowOpacity, @shadowRadius, @shadowColor) {
    -webkit-box-shadow: @shadowLeft @shadowTop @shadowOpacity @shadowRadius @shadowColor;
       -moz-box-shadow: @shadowLeft @shadowTop @shadowOpacity @shadowRadius @shadowColor;
            box-shadow: @shadowLeft @shadowTop @shadowOpacity @shadowRadius @shadowColor;
}

.transition (@transition) {
    -webkit-transition: @transition;
       -moz-transition: @transition;
            transition: @transition;
}

.transition-2pr (@transition1, @transition2) {
    -webkit-transition: @transition1, @transition2;
       -moz-transition: @transition1, @transition2;
            transition: @transition1, @transition2;
}