/*
NORMALIZE

html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    margin: 0px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

a img {
    text-decoration: none;
    border: 0px;
}

a, a:hover {
    text-decoration: none !important;
    outline: none;
    cursor: pointer;
}

a:focus {
    -moz-outline-style: none;
    outline:none;
}

ul, li {
    padding: 0px;
}

input[type="text"], textarea {

}

input[type="text"]:focus, textarea:focus {
    outline: none;
}
*/



/*
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url("#{$base_url}static/fonts/roboto_regular.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url("#{$base_url}static/fonts/roboto_medium.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url("#{$base_url}static/fonts/roboto_bold.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url("#{$base_url}static/fonts/roboto_regular.woff") format('woff');
}


@mixin a_colors($normal, $hover, $active) {
    a{
        color: $normal;
    }

    a:hover {
        color: $hover;
    }

    a:active {
        color: $active;
    }
}

@mixin colunes($col_size) {
    .col_1 {
        width: 8.333333333333332% !important;
    }
    .col_2 {
        width: 16.666666666666664% !important;
    }
    .col_3 {
        width: 25% !important;
    }
    .col_4 {
        width: 33.33333333333333% !important;
    }
    .col_5 {
        width: 41.66666666666667% !important;
    }
    .col_6 {
        width: 50% !important;
    }
    .col_7 {
        width: 58.333333333333336% !important;
    }
    .col_8 {
        width: 66.66666666666666% !important;
    }
    .col_9 {
        width: 75%;
    }
    .col_10 {
        width: 83.33333333333334%;
    }
    .col_11 {
        width: 91.66666666666666%;
    }
    .col_12 {
        width: 100%;
    }

    .col_1_important {
        width: 8.333333333333332% !important;
    }
    .col_2_important {
        width: 16.666666666666664% !important;
    }
    .col_3_important {
        width: 25% !important;
    }
    .col_4_important {
        width: 33.33333333333333% !important;
    }
    .col_5_important {
        width: 41.66666666666667% !important;
    }
    .col_6_important {
        width: 50% !important;
    }
    .col_7_important {
        width: 58.333333333333336% !important;
    }
    .col_8_important {
        width: 66.66666666666666% !important;
    }
    .col_9_important {
        width: 75% !important;
    }
    .col_10_important {
        width: 83.33333333333334% !important;
    }
    .col_11_important {
        width: 91.66666666666666% !important;
    }
    .col_12_important {
        width: 100% !important;
    }

    .col_1_fixed {
        width: $col_size;
    }
    .col_2_fixed {
        width: $col_size * 2;
    }
    .col_3_fixed {
        width: $col_size * 3;
    }
    .col_4_fixed {
        width: $col_size * 4;
    }
    .col_5_fixed {
        width: $col_size * 5;
    }
    .col_6_fixed {
        width: $col_size * 6;
    }
    .col_7_fixed {
        width: $col_size * 7;
    }
    .col_8_fixed {
        width: $col_size * 8;
    }
    .col_9_fixed {
        width: $col_size * 9;
    }
    .col_10_fixed {
        width: $col_size * 10;
    }
    .col_11_fixed {
        width: $col_size * 11;
    }
    .col_12_fixed {
        width: $col_size * 12;
    }

    .col_13_fixed {
        width: $col_size * 13;
    }
    .col_14_fixed {
        width: $col_size * 14;
    }
    .col_1_fixed_important {
        width: $col_size !important;
    }
    .col_2_fixed_important {
        width: $col_size * 2 !important;
    }
    .col_3_fixed_important {
        width: $col_size * 3 !important;
    }
    .col_4_fixed_important {
        width: $col_size * 4 !important;
    }
    .col_5_fixed_important {
        width: $col_size * 5 !important;
    }
    .col_6_fixed_important {
        width: $col_size * 6 !important;
    }
    .col_7_fixed_important {
        width: $col_size * 7 !important;
    }
    .col_8_fixed_important {
        width: $col_size * 8 !important;
    }
    .col_9_fixed_important {
        width: $col_size * 9 !important;
    }
    .col_10_fixed_important {
        width: $col_size * 10 !important;
    }
    .col_11_fixed_important {
        width: $col_size * 11 !important;
    }
    .col_12_fixed_important {
        width: $col_size * 12 !important;
    }

}

@mixin margins($margin) {
    .margin {
        margin: $margin;
    }
    .margin_top {
        margin-top: $margin;
    }
    .margin_bottom {
        margin-bottom: $margin;
    }
    .margin_left {
        margin-left: $margin;
    }
    .margin_right {
        margin-right: $margin;
    }

    .margin_2x {
        margin: $margin * 2;
    }
    .margin_top_2x {
        margin-top: $margin * 2;
    }
    .margin_bottom_2x {
        margin-bottom: $margin * 2;
    }
    .margin_left_2x {
        margin-left: $margin * 2;
    }
    .margin_right_2x {
        margin-right: $margin * 2;
    }

    .margin_3x {
        margin: $margin * 3;
    }
    .margin_top_3x {
        margin-top: $margin * 3;
    }
    .margin_bottom_3x {
        margin-bottom: $margin * 3;
    }
    .margin_left_3x {
        margin-left: $margin * 3;
    }
    .margin_right_3x {
        margin-right: $margin * 3;
    }

    .margin_4x {
        margin: $margin * 4;
    }
    .margin_top_4x {
        margin-top: $margin * 4;
    }
    .margin_bottom_4x {
        margin-bottom: $margin * 4;
    }
    .margin_left_4x {
        margin-left: $margin * 4;
    }
    .margin_right_4x {
        margin-right: $margin * 4;
    }

    .margin_5x {
        margin: $margin * 5;
    }
    .margin_top_5x {
        margin-top: $margin * 5;
    }
    .margin_bottom_5x {
        margin-bottom: $margin * 5;
    }
    .margin_left_5x {
        margin-left: $margin * 5;
    }
    .margin_right_5x {
        margin-right: $margin * 5;
    }

    .margin_6x {
        margin: $margin * 6;
    }
    .margin_top_6x {
        margin-top: $margin * 6;
    }
    .margin_bottom_6x {
        margin-bottom: $margin * 6;
    }
    .margin_left_6x {
        margin-left: $margin * 6;
    }
    .margin_right_6x {
        margin-right: $margin * 6;
    }

    .margin_7x {
        margin: $margin * 7;
    }
    .margin_top_7x {
        margin-top: $margin * 7;
    }
    .margin_bottom_7x {
        margin-bottom: $margin * 7;
    }
    .margin_left_7x {
        margin-left: $margin * 7;
    }
    .margin_right_7x {
        margin-right: $margin * 7;
    }

    .margin_8x {
        margin: $margin * 8;
    }
    .margin_top_8x {
        margin-top: $margin * 8;
    }
    .margin_bottom_8x {
        margin-bottom: $margin * 8;
    }
    .margin_left_8x {
        margin-left: $margin * 8;
    }
    .margin_right_8x {
        margin-right: $margin * 8;
    }

    .margin_9x {
        margin: $margin * 9;
    }
    .margin_top_9x {
        margin-top: $margin * 9;
    }
    .margin_bottom_9x {
        margin-bottom: $margin * 9;
    }
    .margin_left_9x {
        margin-left: $margin * 9;
    }
    .margin_right_9x {
        margin-right: $margin * 9;
    }

    .margin_10x {
        margin: $margin * 10;
    }
    .margin_top_10x {
        margin-top: $margin * 10;
    }
    .margin_bottom_10x {
        margin-bottom: $margin * 10;
    }
    .margin_left_10x {
        margin-left: $margin * 10;
    }
    .margin_right_10x {
        margin-right: $margin * 10;
    }

    .margin_11x {
        margin: $margin * 11;
    }
    .margin_top_11x {
        margin-top: $margin * 11;
    }
    .margin_bottom_11x {
        margin-bottom: $margin * 11;
    }
    .margin_left_11x {
        margin-left: $margin * 11;
    }
    .margin_right_11x {
        margin-right: $margin * 11;
    }

    .margin_12x {
        margin: $margin * 12;
    }
    .margin_top_12x {
        margin-top: $margin * 12;
    }
    .margin_bottom_12x {
        margin-bottom: $margin * 12;
    }
    .margin_left_12x {
        margin-left: $margin * 12;
    }
    .margin_right_12x {
        margin-right: $margin * 12;
    }

    .margin_13x {
        margin: $margin * 13;
    }
    .margin_top_13x {
        margin-top: $margin * 13;
    }
    .margin_bottom_13x {
        margin-bottom: $margin * 13;
    }
    .margin_left_13x {
        margin-left: $margin * 13;
    }
    .margin_right_13x {
        margin-right: $margin * 13;
    }

    .margin_14x {
        margin: $margin * 14;
    }
    .margin_top_14x {
        margin-top: $margin * 14;
    }
    .margin_bottom_14x {
        margin-bottom: $margin * 14;
    }
    .margin_left_14x {
        margin-left: $margin * 14;
    }
    .margin_right_14x {
        margin-right: $margin * 14;
    }

    .margin_15x {
        margin: $margin * 15;
    }
    .margin_top_15x {
        margin-top: $margin * 15;
    }
    .margin_bottom_15x {
        margin-bottom: $margin * 15;
    }
    .margin_left_15x {
        margin-left: $margin * 15;
    }
    .margin_right_15x {
        margin-right: $margin * 15;
    }

    .margin_16x {
        margin: $margin * 16;
    }
    .margin_top_16x {
        margin-top: $margin * 16;
    }
    .margin_bottom_16x {
        margin-bottom: $margin * 16;
    }
    .margin_left_16x {
        margin-left: $margin * 16;
    }
    .margin_right_16x {
        margin-right: $margin * 16;
    }

    .margin_17x {
        margin: $margin * 17;
    }
    .margin_top_17x {
        margin-top: $margin * 17;
    }
    .margin_bottom_17x {
        margin-bottom: $margin * 17;
    }
    .margin_left_17x {
        margin-left: $margin * 17;
    }
    .margin_right_17x {
        margin-right: $margin * 17;
    }

    .margin_18x {
        margin: $margin * 18;
    }
    .margin_top_18x {
        margin-top: $margin * 18;
    }
    .margin_bottom_18x {
        margin-bottom: $margin * 18;
    }
    .margin_left_18x {
        margin-left: $margin * 18;
    }
    .margin_right_18x {
        margin-right: $margin * 18;
    }

    .margin_19x {
        margin: $margin * 19;
    }
    .margin_top_19x {
        margin-top: $margin * 19;
    }
    .margin_bottom_19x {
        margin-bottom: $margin * 19;
    }
    .margin_left_19x {
        margin-left: $margin * 19;
    }
    .margin_right_19x {
        margin-right: $margin * 19;
    }

    .margin_20x {
        margin: $margin * 20;
    }
    .margin_top_20x {
        margin-top: $margin * 20;
    }
    .margin_bottom_20x {
        margin-bottom: $margin * 20;
    }
    .margin_left_20x {
        margin-left: $margin * 20;
    }
    .margin_right_20x {
        margin-right: $margin * 20;
    }

    .margin_top_20x {
        margin-top: $margin * 20;
    }
    .margin_bottom_20x {
        margin-bottom: $margin * 20;
    }
    .margin_left_20x {
        margin-left: $margin * 20;
    }
    .margin_right_20x {
        margin-right: $margin * 20;
    }

    .margin_top_21x {
        margin-top: $margin * 21;
    }
    .margin_bottom_21x {
        margin-bottom: $margin * 21;
    }
    .margin_left_21x {
        margin-left: $margin * 21;
    }
    .margin_right_21x {
        margin-right: $margin * 21;
    }

    .margin_top_22x {
        margin-top: $margin * 22;
    }
    .margin_bottom_22x {
        margin-bottom: $margin * 22;
    }
    .margin_left_22x {
        margin-left: $margin * 22;
    }
    .margin_right_22x {
        margin-right: $margin * 22;
    }

    .margin_top_23x {
        margin-top: $margin * 23;
    }
    .margin_bottom_23x {
        margin-bottom: $margin * 23;
    }
    .margin_left_23x {
        margin-left: $margin * 23;
    }
    .margin_right_23x {
        margin-right: $margin * 23;
    }

    .margin_top_24x {
        margin-top: $margin * 24;
    }
    .margin_bottom_24x {
        margin-bottom: $margin * 24;
    }
    .margin_left_24x {
        margin-left: $margin * 24;
    }
    .margin_right_24x {
        margin-right: $margin * 24;
    }

    .margin_top_25x {
        margin-top: $margin * 25;
    }
    .margin_bottom_25x {
        margin-bottom: $margin * 25;
    }
    .margin_left_25x {
        margin-left: $margin * 25;
    }
    .margin_right_25x {
        margin-right: $margin * 25;
    }

}

@mixin paddings($padding) {
    .padding_less_1 {
        padding: $padding - 1px;
    }
    .padding_less_2 {
        padding: $padding - 2px;
    }
    .padding_less_3 {
        padding: $padding - 3px;
    }
    .padding_div_2 {
        padding: $padding / 2;
    }
    .padding {
        padding: $padding;
    }

    .padding_important {
        padding: $padding !important;
    }
    .padding_top {
        padding-top: $padding;
    }
    .padding_bottom {
        padding-bottom: $padding;
    }
    .padding_left {
        padding-left: $padding;
    }
    .padding_right {
        padding-right: $padding;
    }
    .padding_2x {
        padding: $padding * 2;
    }
    .padding_3x {
        padding: $padding * 3;
    }
    .padding_4x {
        padding: $padding * 4;
    }
    .padding_top_2x {
        padding-top: $padding * 2;
    }
    .padding_bottom_2x {
        padding-bottom: $padding * 2;
    }
    .padding_left_2x {
        padding-left: $padding * 2;
    }
    .padding_left_3x {
        padding-left: $padding * 3;
    }
    .padding_left_4x {
        padding-left: $padding * 4;
    }
    .padding_left_5x {
        padding-left: $padding * 5;
    }
    .padding_right_2x {
        padding-right: $padding * 2;
    }
    .padding_right_3x {
        padding-right: $padding * 3;
    }
    .padding_right_4x {
        padding-right: $padding * 4;
    }
    .padding_right_5x {
        padding-right: $padding * 5;
    }


    .padding_left_4x_important {
        padding-left: $padding * 4 !important;
    }
    .padding_right_4x_important {
        padding-right: $padding * 4 !important;
    }
    .padding_left_5x_important {
        padding-left: $padding * 5 !important;
    }
    .padding_right_5x_important {
        padding-right: $padding * 5 !important;
    }
    .padding_left_6x_important {
        padding-left: $padding * 6 !important;
    }
    .padding_right_6x_important {
        padding-right: $padding * 6 !important;
    }

    .padding_left_7x_important {
        padding-left: $padding * 7 !important;
    }
    .padding_right_7x_important {
        padding-right: $padding * 7 !important;
    }
    .padding_left_8x_important {
        padding-left: $padding * 8 !important;
    }
    .padding_right_7x_important {
        padding-right: $padding * 8 !important;
    }
    .padding_left_9x_important {
        padding-left: $padding * 9 !important;
    }
    .padding_right_9x_important {
        padding-right: $padding * 9 !important;
    }
    .padding_left_10x_important {
        padding-left: $padding * 10 !important;
    }
    .padding_right_10x_important {
        padding-right: $padding * 10 !important;
    }
    .padding_left_11x_important {
        padding-left: $padding * 11 !important;
    }
    .padding_right_11x_important {
        padding-right: $padding * 11 !important;
    }
    .padding_left_12x_important {
        padding-left: $padding * 12 !important;
    }
    .padding_right_12x_important {
        padding-right: $padding * 12 !important;
    }
    .padding_left_13x_important {
        padding-left: $padding * 13 !important;
    }
    .padding_right_13x_important {
        padding-right: $padding * 13 !important;
    }
}

*/