/* -------------------------------------------------------------------------- */
/* --------------- Grid System & Helpers | Based on Bootstrap --------------- */
/* -------------------------------------------------------------------------- */
/* D = Default	*/
/* S = Small	*/
/* M = Medium	*/
/* B = Big		*/
/* L = Large	*/





/* -------------------------------------------------------------------------- */
/* ------------------------------ SIMPLE RESET ------------------------------ */
/* -------------------------------------------------------------------------- */
*, *:before, *:after {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:middle;
    text-decoration:none;
    list-style-type:none;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}
* {
    font-family:'Source Sans Pro', sans-serif;
    font-size:14px;
    color:#999;
    font-weight:400;
}
html, body {
    width:100%;
    height:100%;
}
body {
    background:#FAFAFA;
    min-width:240px;
}



/* -------------------------------------------------------------------------- */
/* ------------------------- SCROLLBAR AND SELECTION ------------------------ */
/* -------------------------------------------------------------------------- */
::-webkit-scrollbar {
    width:10px;
}
::-webkit-scrollbar-track-piece {
    background:#CCC;
    border-left:0;
}
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background:#333;
    border-radius:4px;
}
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background:#666;
}
::selection{
    background:#333;
    color:#FFF;
}
::-moz-selection{
    background:#333;
    color:#FFF;
}



/* -------------------------------------------------------------------------- */
/* -------------------------------- HELPERS --------------------------------- */
/* -------------------------------------------------------------------------- */

.Show {
  display:block !important;
}
.Hide {
    display:none !important;
    visibility:hidden !important;
}
.Left	{ float:left; }
.Right	{ float:right; }
.Clear	{ clear:both; }
.Txt_Center		{ text-align:center !important; }
.Txt_Right		{ text-align:right !important; }
.Txt_Left 		{ text-align:left !important; }
.Txt_Justify	{ text-align:justify !important; }
.Image {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
}
.Divider {
    margin:20px 0;
    width:100%;
}
.VB_S, .VB_M, .VB_B, .VB_L { display:none !important; }
@media (max-width: 767px) {
    .VB_S { display:block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .VB_M { display:block !important; }
}
@media (min-width: 992px) {
    .VB_B { display:block !important; }
}
@media (min-width: 1199px) {
    .VB_L { display:block !important; }
}
@media (max-width: 767px) {
    .HD_S { display:none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .HD_M { display:none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .HD_B { display:none !important; }
}
@media (min-width: 1199px) {
    .HD_L { display:none !important; }
}





/* -------------------------------------------------------------------------- */
/* -------------------------------- GENERAL --------------------------------- */
/* -------------------------------------------------------------------------- */
.Container {
    margin-right:auto;
    margin-left:auto;
    width:968px;
}
@media (max-width: 767px) {
    .Container { width:auto; }
}
@media (min-width: 768px) {
    .Container { width:750px; }
}
@media (min-width: 992px) {
    .Container { width:968px; }
}
@media (min-width: 1199px) {
    .Container { width:1140px; }
}
.Row {
  margin-left:-15px;
  margin-right:-15px;
}
.S1, .S2, .S3, .S4, .S5, .S6, .S7, .S8, .S9, .S10, .S11, .S12,
.M1, .M2, .M3, .M4, .M5, .M6, .M7, .M8, .M9, .M10, .M11, .M12,
.B1, .B2, .B3, .B4, .B5, .B6, .B7, .B8, .B9, .B10, .B11, .B12,
.L1, .L2, .L3, .L4, .L5, .L6, .L7, .L8, .L9, .L10, .L11, .L12 {
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
}





/* -------------------------------------------------------------------------- */
/* ------------------------------ GRID DEFAULT ------------------------------ */
/* -------------------------------------------------------------------------- */
.B1, .B2, .B3, .B4, .B5, .B6, .B7, .B8, .B9, .B10, .B11, .B12 { float:left; }
.B12 { width:100%;  }
.B11 { width:91.6%; }
.B10 { width:83.3%; }
.B9  { width:75%;   }
.B8  { width:66.6%; }
.B7  { width:58.3%; }
.B6  { width:50%;   }
.B5  { width:41.6%; }
.B4  { width:33.3%; }
.B3  { width:25%;   }
.B2  { width:16.6%; }
.B1  { width:8.3%;  }
.B_Txt_Left    { text-align:left;    }
.B_Txt_Center  { text-align:center;  }
.B_Txt_Right   { text-align:right;   }
.B_Txt_Justify { text-align:justify; }





/* -------------------------------------------------------------------------- */
/* ------------------------------- GRID SMALL ------------------------------- */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .S1, .S2, .S3, .S4, .S5, .S6, .S7, .S8, .S9, .S10, .S11, .S12 { float:left; }
    .S12 { width:100%;  }
    .S11 { width:91.6%; }
    .S10 { width:83.3%; }
    .S9  { width:75%;   }
    .S8  { width:66.6%; }
    .S7  { width:58.3%; }
    .S6  { width:50%;   }
    .S5  { width:41.6%; }
    .S4  { width:33.3%; }
    .S3  { width:25%;   }
    .S2  { width:16.6%; }
    .S1  { width:8.3%;  }
    .S_Txt_Left    { text-align:left;    }
    .S_Txt_Center  { text-align:center;  }
    .S_Txt_Right   { text-align:right;   }
    .S_Txt_Justify { text-align:justify; }
}





/* -------------------------------------------------------------------------- */
/* ------------------------------- GRID MEDIUM ------------------------------ */
/* -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    .M1, .M2, .M3, .M4, .M5, .M6, .M7, .M8, .M9, .M10, .M11, .M12 { float:left; }
    .M12 { width:100%;  }
    .M11 { width:91.6%; }
    .M10 { width:83.3%; }
    .M9  { width:75%;   }
    .M8  { width:66.6%; }
    .M7  { width:58.3%; }
    .M6  { width:50%;   }
    .M5  { width:41.6%; }
    .M4  { width:33.3%; }
    .M3  { width:25%;   }
    .M2  { width:16.6%; }
    .M1  { width:8.3%;  }
    .M_Txt_Left    { text-align:left;    }
    .M_Txt_Center  { text-align:center;  }
    .M_Txt_Right   { text-align:right;   }
    .M_Txt_Justify { text-align:justify; }
}





/* -------------------------------------------------------------------------- */
/* -------------------------------- GRID BIG -------------------------------- */
/* -------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
    .B1, .B2, .B3, .B4, .B5, .B6, .B7, .B8, .B9, .B10, .B11, .B12 { float:left; }
    .B12 { width:100%;  }
    .B11 { width:91.6%; }
    .B10 { width:83.3%; }
    .B9  { width:75%;   }
    .B8  { width:66.6%; }
    .B7  { width:58.3%; }
    .B6  { width:50%;   }
    .B5  { width:41.6%; }
    .B4  { width:33.3%; }
    .B3  { width:25%;   }
    .B2  { width:16.6%; }
    .B1  { width:8.3%;  }
    .B_Txt_Left    { text-align:left;    }
    .B_Txt_Center  { text-align:center;  }
    .B_Txt_Right   { text-align:right;   }
    .B_Txt_Justify { text-align:justify; }
}





/* -------------------------------------------------------------------------- */
/* ------------------------------- GRID LARGE ------------------------------- */
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .L1, .L2, .L3, .L4, .L5, .L6, .L7, .L8, .L9, .L10, .L11, .L12 { float:left; }
    .L12 { width:100%;  }
    .L11 { width:91.6%; }
    .L10 { width:83.3%; }
    .L9  { width:75%;   }
    .L8  { width:66.6%; }
    .L7  { width:58.3%; }
    .L6  { width:50%;   }
    .L5  { width:41.6%; }
    .L4  { width:33.3%; }
    .L3  { width:25%;   }
    .L2  { width:16.6%; }
    .L1  { width:8.3%;  }
    .L_Txt_Left    { text-align:left;    }
    .L_Txt_Center  { text-align:center;  }
    .L_Txt_Right   { text-align:right;   }
    .L_Txt_Justify { text-align:justify; }
}