@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('../ttf/helvnt__-webfont.eot');
    src: url('../ttf/helvnt__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/helvnt__-webfont.woff') format('woff'),
         url('../ttf/helvnt__-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



/* Global */
/*-----------------------------------------------------------------------------*/
html { font-size: 62.5%; margin: 0; overflow-y: scroll;} 
body { font: 12px Tahoma, Arial, sans-serif; font-size: 1.2rem; margin:0; color: @c-default; min-height: 700px; background-color: @bg-dark; min-width: 960px;}
img{display:block; max-width: 100%;}
ul{list-style: none; margin: 0; padding: 0;}
a{color: @c-link; text-decoration: none; outline:none; }
a img{border: none;}
p {margin: 5px 0;}
h1{font-family:'HelveticaNeueThin', Tahoma, Arial, sans-serif; font-size: 34px; font-size: 3.4rem; margin: 0;}
h2{font-family:'HelveticaNeueThin', Tahoma, Arial, sans-serif; font-size: 18px; font-size: 1.8rem;}
h3{font-family:Tahoma, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: normal; margin: 5px 0; }
h4{font-family:Tahoma, Arial, sans-serif; font-size: 12px; font-size: 1.2rem; font-weight: bold; margin: 0;}
hr{border: 1px solid #ecedee; border-bottom: 0; margin: 15px 0;}

/* Blocks */
/*-----------------------------------------------------------------------------*/
.wrap {overflow: hidden;}
.prel {position: relative;}
.pull-left {float: left;}
.pull-right {float: right;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }


/* Colors */
/*-----------------------------------------------------------------------------*/
@c-highlight:#ff0000;
@c-link:#cd133a;
@c-ssoft:#e1e1e1 ;
@c-soft:#323e47;
@c-default:#484848;
@c-bright:#898989;
@c-sbright:#ffffff;

@bg-bright:#ffffff;
@bg-soft:#e1e1e1;
@bg-dark:#484848;

.c-highlight {color: @c-highlight;}
.c-link {color: @c-link;}
.c-soft {color: @c-soft;}
.c-default {color: @c-default;}
.c-bright {color: @c-bright;}
.c-sbright {color: @c-sbright;}


/* Fonts */
/*-----------------------------------------------------------------------------*/
.text-block {line-height: 20px;}
.f-small {font-size: 11px; font-size: 1.1rem;}
.f-medium{font-size: 13px; font-size: 1.3rem;}
.f-big{font-size: 18px; font-size: 1.8rem;}
.f-big-x {font-size: 25px; font-size: 2.5em;}


/* Forms */
/*-----------------------------------------------------------------------------*/

form {
    
    fieldset{
        border: 0;
        padding: 0;
        margin: 5px 0;
        display: block;
    }
    input{
        height: 21px;
        line-height: 21px;
        padding: 0 5px;
        font-size: 11px;
        &:focus{
            outline: none;
        }
    }

    .text-input{
        color: (@c-soft);
        border: 1px solid (@c-default*3);
        background-color: (@c-default*3.4);
    }

    .submit{
        border: none;
        padding: 0 5px;
        font-size: 10px;
        font-size: 1.0rem;
        color: #fff;
        height: 23px;
        line-height: 24px;
        cursor: pointer;
        font-weight: bold;
        text-transform: uppercase;
        background: #c51c39;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MWMzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MjAxMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #c51c39 0%, #820108 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c51c39), color-stop(100%,#820108));
        background: -webkit-linear-gradient(top, #c51c39 0%,#820108 100%);
        background: -o-linear-gradient(top, #c51c39 0%,#820108 100%);
        background: -ms-linear-gradient(top, #c51c39 0%,#820108 100%);
        background: linear-gradient(to bottom, #c51c39 0%,#820108 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c51c39', endColorstr='#820108',GradientType=0 );
        .border-radius(3px)
    }
}


/* CSS3 */
/*-----------------------------------------------------------------------------*/
.transitions (@speed:200ms){
    -webkit-transition: all @speed ease-out;
    -moz-transition: all @speed ease-out;
    -ms-transition: all @speed ease-out;
    -o-transition: all @speed ease-out;
    transition: all @speed ease-out;
}

.border-radius (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}


/* Box */
/*-----------------------------------------------------------------------------*/
.box{
    margin: 0 0 40px;
    padding: 10px 15px 15px;
    border: 1px solid (@c-ssoft);
    background-color: @bg-bright;

    &.rounded{
        .border-radius; 
        
    }
    &.shadow{
        -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.1);
         box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    }

    h3{
        margin-bottom: 20px;
    }

}

/* Paginator */
/*-----------------------------------------------------------------------------*/
#paginator{
    margin: 15px 0;
    overflow: hidden;
    > span{
        float: left;
        line-height: 20px;
    }

    ul{
        float: right;
        li{
            float: left;
            margin: 0 1px;
            
            a{
                font-size: 10px;
                font-weight: bold;
                font-size: 1.0rem;
                padding: 3px 5px;
                color: @c-default;
                display: block;
                border: 1px solid (@c-ssoft*0.8);
                background: #ebebeb;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #ebebeb 0%, #d3d3d3 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d3d3d3));
                background: -webkit-linear-gradient(top,  #ebebeb 0%,#d3d3d3 100%);
                background: -o-linear-gradient(top,  #ebebeb 0%,#d3d3d3 100%);
                background: -ms-linear-gradient(top,  #ebebeb 0%,#d3d3d3 100%);
                background: linear-gradient(to bottom,  #ebebeb 0%,#d3d3d3 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d3d3d3',GradientType=0 );
                .border-radius(3px);
                .transitions;
                
                &:hover{
                    color: (@c-default*1.5);
                }

                &.first{
                    
                }

                &.active{
                    color: @c-link;
                }
                

            }
        }
    }
}

/* Filter */
/*-----------------------------------------------------------------------------*/

#filter{
    overflow: hidden;
    display: none;
    margin: 45px 0 -10px;
    > span{
        display: block;
        float: left;
    }

    form{
        float: left;
        fieldset{
            float: left;
            margin: 0 10px;

            input{
                float: left;
                margin:-3px 3px 0 0;
            }
            label{
               display: block;
               float: left;
               
            }
    }
    }
}



/* Download Link */
/*-----------------------------------------------------------------------------*/

.download-link{
    display: block;
    height: 14px;
    font-weight: bold;
    line-height: 14px;
    padding-left: 20px;
    margin: 10px 0;
    background: url(../images/icon-download.png) 0 0 repeat-y;
    .transitions;
    &:hover{
        background-position: 0 14px;
    }
}

/* Loader */
/*-----------------------------------------------------------------------------*/

.loader{
    display: block;
    background: url(../images/preloader.gif) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
}

/* Accordion Menu */
/*-----------------------------------------------------------------------------*/

.accordion{
    border: 1px solid @c-ssoft;
    margin: 25px 0 20px;
    padding: 10px 15px 15px;
    
    ul{
        li{
            .transitions;
            &.open{
                > div > .arrow{
                    border-top: 5px solid  @c-default;
                    border-right: 5px solid transparent;
                    border-left: 5px solid transparent;
                    margin-right: 5px;
                    margin-top: 8px;
                }
            }

            &.last{
                .header{
                    border-bottom: none !important ;
                }
            }
            
           
            .header{
                font-weight: bold;
                border-bottom: 1px solid @c-ssoft;
                padding:10px 0;
                line-height: 18px;
                cursor: pointer;

                // &:hover{a{ padding-left: 5px; } }
                
                a{  
                    display: block;
                    padding-left: 25px;
                    .transitions;
                    color: @c-default;
                }

               
            }

            
            .content{
                display: none;
                overflow: hidden;
                padding: 0 0 10px 25px;
                margin: 10px 0;
                border-bottom: 1px dotted @c-ssoft;

                > h4{margin: 10px 0; }
            }

            .arrow{
                display: block;
                margin: 5px 10px 5px;
                float: left;
                width: 0; 
                height: 0; 
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid @c-default; 

            }
        }
    }
}

.box .accordion{
    margin-top: 0px;
}

/* Item List */
/*-----------------------------------------------------------------------------*/

.item-list{
    li{
        padding-left: 20px;
        background: url(../images/icon-arrow.png) 0 4px no-repeat;
        margin: 10px 0;
        .transitions(100ms);
        a{  
            display: block;
            color: @c-default;

            &.active{
                color: @c-link;
            }
        }

        &:hover{
            background-position: 5px 4px;
        }
    }
}