*                           { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bs-content                 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.g-wrapper                  { width: 100%; min-width: 960px; margin: 0 auto; text-align: center; padding-left: 10px; padding-right: 10px; }

.g-container                { width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; }

.g  {  display: block; width: 100%; text-rendering: optimizespeed; }

.g-1, .g-2, .g-3, .g-4, .g-5, .g-6, .g-7, .g-8, .g-9, .g-10, .g-11, .g-12, .g-15, .g-inner, .g-full
    {
        display: inline-block;
        *display: inline;
        zoom: 1;
        padding-left: 10px;
        padding-right: 10px;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
        position: relative;
        text-align: left;
        margin-right: -4px;
    }

    .g, .g.g-1, .g.g-2, .g.g-3, .g.g-4, .g.g-5, .g.g-6, .g.g-7, .g.g-8, .g.g-9, .g.g-10, .g.g-11, .g.g-12, .g.g-inner, .g.g-full {
        padding-left: 0; padding-right: 0;
    }

/* ALL RESOLUTIONS */
.g-1                        { width: 8.3333333%;  }
.g-2                        { width: 16.6666667%; }
.g-3                        { width: 25%;         }
.g-4                        { width: 33.3333333%; }
.g-5                        { width: 41.6666667%; }
.g-6                        { width: 50%;         }
.g-7                        { width: 58.3333333%; }
.g-8                        { width: 66.6666667%; }
.g-9                        { width: 75%;         }
.g-10                       { width: 83.3333333%; }
.g-11                       { width: 91.6666667%; }
.g-12                       { width: 100%; display: block; clear: both; }
.g-full                     { width: 100%; display: block; clear: both; }

.g-11 .g-1                  { width: 9.090909091%; }
.g-11 .g-2                  { width: 18.18181818%; }
.g-11 .g-3                  { width: 27.27272727%; }
.g-11 .g-4                  { width: 36.36363636%; }
.g-11 .g-5                  { width: 45.45454545%; }
.g-11 .g-6                  { width: 54.54545455%; }
.g-11 .g-7                  { width: 63.63636364%; }
.g-11 .g-8                  { width: 72.72727273%; }
.g-11 .g-9                  { width: 81.81818182%; }
.g-11 .g-10                 { width: 90.90909091%; }
.g-11 .g-11                 { width: 100%; display: block; clear: both; }

.g-10 .g-1                  { width: 10%; }
.g-10 .g-2                  { width: 20%; }
.g-10 .g-3                  { width: 30%; }
.g-10 .g-4                  { width: 40%; }
.g-10 .g-5                  { width: 50%; }
.g-10 .g-6                  { width: 60%; }
.g-10 .g-7                  { width: 70%; }
.g-10 .g-8                  { width: 80%; }
.g-10 .g-9                  { width: 90%; }
.g-10 .g-10                 { width: 100%; display: block; clear: both; }

.g-9 .g-1                   { width: 11.11111111%; }
.g-9 .g-2                   { width: 22.22222222%; }
.g-9 .g-3                   { width: 33.33333333%; }
.g-9 .g-4                   { width: 44.44444444%; }
.g-9 .g-5                   { width: 55.55555556%; }
.g-9 .g-6                   { width: 66.66666667%; }
.g-9 .g-7                   { width: 77.77777778%; }
.g-9 .g-8                   { width: 88.88888889%; }
.g-9 .g-9                   { width: 100%; display: block; clear: both; }

.g-8 .g-1                   { width: 12.5%; }
.g-8 .g-2                   { width: 25%; }
.g-8 .g-3                   { width: 37.5%; }
.g-8 .g-4                   { width: 50%; }
.g-8 .g-5                   { width: 62.5%; }
.g-8 .g-6                   { width: 75%; }
.g-8 .g-7                   { width: 87.5%; }
.g-8 .g-8                   { width: 100%; display: block; clear: both; }

.g-7 .g-1                   { width: 14.28571429%; }
.g-7 .g-2                   { width: 28.57142857%; }
.g-7 .g-3                   { width: 42.85714286%; }
.g-7 .g-4                   { width: 57.14285714%; }
.g-7 .g-5                   { width: 71.42857143%; }
.g-7 .g-6                   { width: 85.71428571%; }
.g-7 .g-7                   { width: 100%; display: block; clear: both; }

.g-6 .g-1                   { width: 16.66666667%; }
.g-6 .g-2                   { width: 33.33333333%; }
.g-6 .g-3                   { width: 50%; }
.g-6 .g-4                   { width: 66.66666667%; }
.g-6 .g-5                   { width: 83.33333333%; }
.g-6 .g-6                   { width: 100%; display: block; clear: both; }

.g-5 .g-1                   { width: 20%; }
.g-5 .g-2                   { width: 40%; }
.g-5 .g-3                   { width: 60%; }
.g-5 .g-4                   { width: 80%; }
.g-5 .g-5                   { width: 100%; display: block; clear: both; }

.g-4 .g-1                   { width: 25%; }
.g-4 .g-2                   { width: 50%; }
.g-4 .g-3                   { width: 75%; }
.g-4 .g-4                   { width: 100%; display: block; clear: both; }

.g-3 .g-1                   { width: 33.3333333%; }
.g-3 .g-2                   { width: 66.6666667%; }
.g-3 .g-3                   { width: 100%; display: block; clear: both; }

.g-2 .g-1                   { width: 50%; }
.g-2 .g-2                   { width: 100%; display: block; clear: both; }

.g-1 .g-1                   { width: 100%; display: block; clear: both; }

/*
    push grid columns
*/
.g-12 .g-offset-1           { margin-left: 8.3333333%;  }
.g-12 .g-offset-2           { margin-left: 16.6666667%; }
.g-12 .g-offset-3           { margin-left: 25%;         }
.g-12 .g-offset-4           { margin-left: 33.3333333%; }
.g-12 .g-offset-5           { margin-left: 41.6666667%; }
.g-12 .g-offset-6           { margin-left: 50%;         }
.g-12 .g-offset-7           { margin-left: 58.3333333%; }
.g-12 .g-offset-8           { margin-left: 66.6666667%; }
.g-12 .g-offset-9           { margin-left: 75%;         }
.g-12 .g-offset-10          { margin-left: 83.3333333%; }
.g-12 .g-offset-10          { margin-left: 91.6666667%; }

.g-11 .g-offset-1           { margin-left: 9.090909091%; }
.g-11 .g-offset-2           { margin-left: 18.18181818%; }
.g-11 .g-offset-3           { margin-left: 27.27272727%; }
.g-11 .g-offset-4           { margin-left: 36.36363636%; }
.g-11 .g-offset-5           { margin-left: 45.45454545%; }
.g-11 .g-offset-6           { margin-left: 54.54545455%; }
.g-11 .g-offset-7           { margin-left: 63.63636364%; }
.g-11 .g-offset-8           { margin-left: 72.72727273%; }
.g-11 .g-offset-9           { margin-left: 81.81818182%; }
.g-11 .g-offset-10          { margin-left: 90.90909091%; }

.g-10 .g-offset-1           { margin-left: 10%; }
.g-10 .g-offset-2           { margin-left: 20%; }
.g-10 .g-offset-3           { margin-left: 30%; }
.g-10 .g-offset-4           { margin-left: 40%; }
.g-10 .g-offset-5           { margin-left: 50%; }
.g-10 .g-offset-6           { margin-left: 60%; }
.g-10 .g-offset-7           { margin-left: 70%; }
.g-10 .g-offset-8           { margin-left: 80%; }
.g-10 .g-offset-9           { margin-left: 90%; }

.g-9 .g-offset-1            { margin-left: 11.11111111%; }
.g-9 .g-offset-2            { margin-left: 22.22222222%; }
.g-9 .g-offset-3            { margin-left: 33.33333333%; }
.g-9 .g-offset-4            { margin-left: 44.44444444%; }
.g-9 .g-offset-5            { margin-left: 55.55555556%; }
.g-9 .g-offset-6            { margin-left: 66.66666667%; }
.g-9 .g-offset-7            { margin-left: 77.77777778%; }
.g-9 .g-offset-8            { margin-left: 88.88888889%; }

.g-8 .g-offset-1            { margin-left: 12.5%; }
.g-8 .g-offset-2            { margin-left: 25%;   }
.g-8 .g-offset-3            { margin-left: 37.5%; }
.g-8 .g-offset-4            { margin-left: 50%;   }
.g-8 .g-offset-5            { margin-left: 62.5%; }
.g-8 .g-offset-6            { margin-left: 75%;   }
.g-8 .g-offset-7            { margin-left: 87.5%; }

.g-7 .g-offset-1            { margin-left: 14.28571429%; }
.g-7 .g-offset-2            { margin-left: 28.57142857%; }
.g-7 .g-offset-3            { margin-left: 42.85714286%; }
.g-7 .g-offset-4            { margin-left: 57.14285714%; }
.g-7 .g-offset-5            { margin-left: 71.42857143%; }
.g-7 .g-offset-6            { margin-left: 85.71428571%; }

.g-6 .g-offset-1            { margin-left: 16.66666667%; }
.g-6 .g-offset-2            { margin-left: 33.33333333%; }
.g-6 .g-offset-3            { margin-left: 50%;          }
.g-6 .g-offset-4            { margin-left: 66.66666667%; }
.g-6 .g-offset-5            { margin-left: 83.33333333%; }

.g-5 .g-offset-1            { margin-left: 20%; }
.g-5 .g-offset-2            { margin-left: 40%; }
.g-5 .g-offset-3            { margin-left: 60%; }
.g-5 .g-offset-4            { margin-left: 80%; }

.g-4 .g-offset-1            { margin-left: 25%; }
.g-4 .g-offset-2            { margin-left: 50%; }
.g-4 .g-offset-3            { margin-left: 75%; }

.g-3 .g-offset-1            { margin-left: 33.3333333%; }
.g-3 .g-offset-2            { margin-left: 66.6666667%; }

.g-2 .g-offset-1            { margin-left: 50%; }

/*
    spacing classes
*/
/* padding */
.p-0    { padding: 0 !important; }
.p-xs   { padding: 5px !important; }
.p-s    { padding: 10px !important; }
.p-m    { padding: 15px !important; }
.p-l    { padding: 20px !important; }
.p-xl   { padding: 30px !important; }
.p-xxl  { padding: 40px !important; }
/* vertical padding */
.pv-0   { padding-top: 0; padding-bottom: 0; }
.pv-xs  { padding-top: 5px; padding-bottom: 5px; }
.pv-s   { padding-top: 10px; padding-bottom: 10px; }
.pv-m   { padding-top: 15px; padding-bottom: 15px; }
.pv-l   { padding-top: 20px; padding-bottom: 20px; }
.pv-xl  { padding-top: 30px; padding-bottom: 30px; }
.pv-xxl  { padding-top: 40px; padding-bottom: 40px; }
/* horizontal padding */
.ph-0   { padding-left: 0; padding-right: 0; }
.ph-xs  { padding-left: 5px; padding-right: 5px; }
.ph-s   { padding-left: 10px; padding-right: 10px; }
.ph-m   { padding-left: 15px; padding-right: 15px; }
.ph-l   { padding-left: 20px; padding-right: 20px; }
.ph-xl  { padding-left: 30px; padding-right: 30px; }
.ph-xxl { padding-left: 40px; padding-right: 40px; }
/* top padding */
.pt-0   { padding-top: 0 !important; }
.pt-xs  { padding-top: 5px !important; }
.pt-s   { padding-top: 10px !important; }
.pt-m   { padding-top: 15px !important; }
.pt-l   { padding-top: 20px !important; }
.pt-xl  { padding-top: 30px !important; }
.pt-xxl { padding-top: 40px !important; }
/* bottom padding */
.pb-0   { padding-bottom: 0 !important; }
.pb-xs  { padding-bottom: 5px !important; }
.pb-s   { padding-bottom: 10px !important; }
.pb-m   { padding-bottom: 15px !important; }
.pb-l   { padding-bottom: 20px !important; }
.pb-xl  { padding-bottom: 30px !important; }
.pb-xxl { padding-bottom: 40px !important; }
/* left padding */
.pl-0   { padding-left: 0 !important; }
.pl-xs  { padding-left: 5px !important; }
.pl-s   { padding-left: 10px !important; }
.pl-m   { padding-left: 15px !important; }
.pl-l   { padding-left: 20px !important; }
.pl-xl  { padding-left: 30px !important; }
.pl-xxl { padding-left: 40px !important; }
/* right padding */
.pr-0   { padding-right: 0 !important; }
.pr-xs  { padding-right: 5px !important; }
.pr-s   { padding-right: 10px !important; }
.pr-m   { padding-right: 15px !important; }
.pr-l   { padding-right: 20px !important; }
.pr-xl  { padding-right: 30px !important; }
.pr-xxl { padding-right: 40px !important; }


/** MARGINS **/
/* margin */
.m-0    { margin: 0 !important; }
.m-xs   { margin: 5px !important; }
.m-s    { margin: 10px !important; }
.m-m    { margin: 15px !important; }
.m-l    { margin: 20px !important; }
.m-xl   { margin: 30px !important; }
.m-xxl  { margin: 40px !important; }
/* vertical margin */
.mv-0   { margin-top: 0; margin-bottom: 0; }
.mv-xs  { margin-top: 5px; margin-bottom: 5px; }
.mv-s   { margin-top: 10px; margin-bottom: 10px; }
.mv-m   { margin-top: 15px; margin-bottom: 15px; }
.mv-l   { margin-top: 20px; margin-bottom: 20px; }
.mv-xl  { margin-top: 30px; margin-bottom: 30px; }
.mv-xxl { margin-top: 40px; margin-bottom: 40px; }
/* horizontal margin */
.mh-0   { margin-left: 0; margin-right: 0; }
.mh-xs  { margin-left: 5px; margin-right: 5px; }
.mh-s   { margin-left: 10px; margin-right: 10px; }
.mh-m   { margin-left: 15px; margin-right: 15px; }
.mh-l   { margin-left: 20px; margin-right: 20px; }
.mh-xl  { margin-left: 30px; margin-right: 30px; }
.mh-xxl { margin-left: 40px; margin-right: 40px; }
/* top margin */
.mt-0   { margin-top: 0 !important; }
.mt-xs  { margin-top: 5px !important; }
.mt-s   { margin-top: 10px !important; }
.mt-m   { margin-top: 15px !important; }
.mt-l   { margin-top: 20px !important; }
.mt-xl  { margin-top: 30px !important; }
.mt-xxl { margin-top: 40px !important; }
/* bottom margin */
.mb-0   { margin-bottom: 0 !important; }
.mb-xs  { margin-bottom: 5px !important; }
.mb-s   { margin-bottom: 10px !important; }
.mb-m   { margin-bottom: 15px !important; }
.mb-l   { margin-bottom: 20px !important; }
.mb-xl  { margin-bottom: 30px !important; }
.mb-xxl { margin-bottom: 40px !important; }
/* left margin */
.ml-0   { margin-left: 0 !important; }
.ml-xs  { margin-left: 5px !important; }
.ml-s   { margin-left: 10px !important; }
.ml-m   { margin-left: 15px !important; }
.ml-l   { margin-left: 20px !important; }
.ml-xl  { margin-left: 30px !important; }
.ml-xxl { margin-left: 40px !important; }
/* right margin */
.mr-0   { margin-right: 0 !important; }
.mr-xs  { margin-right: 5px !important; }
.mr-s   { margin-right: 10px !important; }
.mr-m   { margin-right: 20px !important; }
.mr-l   { margin-right: 20px !important; }
.mr-xl  { margin-right: 30px !important; }
.mr-xxl { margin-right: 40px !important; }

@media screen and (max-width: 600px) {
    html        { font-size: 87.5%; }

    .g-wrapper  { min-width: 320px; padding-left: 0; padding-right: 0; }

    .g-12 .g-3  { width: 100%; display: block; }
    .g-12 .g-6  { width: 100%; display: block; }
    .g-12 .g-9  { width: 100%; display: block; }

    .g-12 .g-4  { width: 100%; display: block; }
    .g-12 .g-8  { width: 100%; display: block; }

    .g-offset-1, .g-offset-2, .g-offset-3, .g-offset-4, .g-offset-5, .g-offset-6
                { margin-left: 0 !important; width: 100% !important; }

    img:not(.rwd-keepSize), object:not(.rwd-keepSize), iframe:not(.rwd-keepSize)
                { width: 100%; max-width: 100% !important; height: auto !important; }
}

@media screen and (min-width: 601px) and (max-width: 989px) {
    .g-wrapper  { min-width: 0; }

    .g-12 .g-3  { width: 50%; }
    .g-12 .g-6  { width: 100%; }
    .g-12 .g-9  { width: 100%; }

    .g-12 .g-4  { width: 50%; }
    .g-12 .g-8  { width: 100%; display: block; }

    .g-offset-1, .g-offset-2, .g-offset-3, .g-offset-4, .g-offset-5, .g-offset-6
                { margin-left: 0 !important; width: 100% !important; }

    img:not(.rwd-keepSize), object:not(.rwd-keepSize), iframe:not(.rwd-keepSize)
                { width: 100%; max-width: 100% !important; height: auto !important; }
}