/*------------------XXXXXXXXXXXXXX  GLOBAL GENERAL  XXXXXXXXXXXXXX------------------------*/
/* =============================================================================
   MARGINS
   ========================================================================== */
.marg_0 { margin: 0; }
.marg_auto { margin: auto; }
.marg_0_auto { margin: 0 auto; }
.marg_10_auto { margin: 10px auto; }
.marg_hrz2per {
   margin-left: 2%;
   margin-right: 2%;
}
.marg_top-80{ margin-top: -80px; }
.marg_top-60{ margin-top: -60px; }
.marg_top-40{ margin-top: -40px; }
.marg_top-20{ margin-top: -20px; }
.marg_top-05{ margin-top: -5px; }
.marg_top0{ margin-top: 0px; }
.marg_top02{ margin-top: 2px; }
.marg_top03{ margin-top: 3px; }
.marg_top05{ margin-top: 5px; }
.marg_top07{ margin-top: 7px; }
.marg_top10{ margin-top: 10px; }
.marg_top15{ margin-top: 15px; }
.marg_top20{ margin-top: 20px; }
.marg_top40{ margin-top: 40px; }
.marg_top150{ margin-top: 150px; }
.marg_left0 { margin-left: 0; }
.marg_left10 { margin-left: 10px; }
.marg_left20 { margin-left: 20px; }
.marg_left30 { margin-left: 30px; }
.marg_left15per { margin-left: 15%; }
.marg_right0 { margin-right: 0; }
.marg_right10 { margin-right: 10px; }
.marg_right20 { margin-right: 20px; }
.marg_bot-80 { margin-bottom: -80px; }
.marg_bot-60 { margin-bottom: -60px; }
.marg_bot-20 { margin-bottom: -20px; }
.marg_bot-10 { margin-bottom: -10px; }
.marg_bot-05 { margin-bottom: -5px; }
.marg_bot03 { margin-bottom: 3px; }
.marg_bot10 { margin-bottom: 10px; }
.marg_bot20 { margin-bottom: 20px; }
.marg_bot40 { margin-bottom: 40px; }

/* =============================================================================
   MARGINS RESPONSIVE
   ========================================================================== */
.marg_left1per_479 { margin-left: 1%; }
.marg_left2per_479 { margin-left: 2%; }
.marg_right1per_479 { margin-right: 1%; }
.marg_right2per_479 { margin-right: 2%; }

/* =============================================================================
   PADDING
   ========================================================================== */
.pad_top_header{ padding-top: 50px; }
.pad_0 { padding: 0; }
.pad_top0 { padding-top: 0px; }
.pad_top10 { padding-top: 10px; }
.pad_top20 { padding-top: 20px; }
.pad_top40 { padding-top: 40px; }
.pad_top80 { padding-top: 80px; }
.pad_top100 { padding-top: 100px; }
.pad_top120 { padding-top: 120px; }
.pad_bot0 { padding-bottom: 0px; }
.pad_bot10 { padding-bottom: 10px; }
.pad_bot20 { padding-bottom: 20px; }
.pad_bot40 { padding-bottom: 40px; }
.pad_bot80 { padding-bottom: 80px; }
.pad_bot100 { padding-bottom: 100px; }
.pad_bot120 { padding-bottom: 120px; }
.pad_vrt10 { padding-top: 10px;  padding-bottom: 10px; }
.pad_vrt20 { padding-top: 20px;  padding-bottom: 20px; }
.pad_vrt30 { padding-top: 30px;  padding-bottom: 30px; }
.pad_vrt40 { padding-top: 40px;  padding-bottom: 40px; }
.pad_hrz10 { padding-left:10px;  padding-right: 10px; }
.pad_hrz20 { padding-left:20px;  padding-right: 20px; }
.pad_hrz30 { padding-left:30px;  padding-right: 30px; }
.pad_hrz40 { padding-left:40px;  padding-right: 40px; }

/* =============================================================================
   BORDERS
   ========================================================================== */
.bord_top0 { border-top: 0px; }
.bord_bot0 { border-bottom: 0px; }
.bord_right1 { border-right: 1px solid #CECCC6; /*light gray*/}
.bord_bot1 { border-bottom: 1px solid #CECCC6; /*light gray*/}
.bord_1_na { border: 1px solid transparent; }
.bord_2_na { border: 2px solid transparent; }
.bord_3_na { border: 3px solid transparent; }
/* =============================================================================
   LISTS
   ========================================================================== */
.nols {  list-style: none; }
/* =============================================================================
   ALIGNMENT
   ========================================================================== */
.float_left { float: left;}
.float_right { float: right;}
.txt_left{ text-align: left; }
.txt_center{ text-align: center; }
.txt_right{ text-align: right; }
.justify {
    text-align:justify;
    text-justify:inter-word;
}
.uppercase {
    text-transform:uppercase;
}
.italic {
    font-style:italic;
}
/* =============================================================================
   FONT COLORS
   ========================================================================== */
.fc1 { color: #008BCC; /*theme blue*/}
.fc2 { color: #EE2D24; /*theme red*/}
.fc3 { color: #91B760; /*theme green*/}
.fc4 { color: #FBE02C; /*theme yellow*/}
.fc000 { color: #000; /* */}
.fc333 { color: #333; /* */}
.fc666 { color: #666; /* */}
.fc999 { color: #999; /* */}
.fceee { color: #eee; /* */}
.fcfff { color: #fff; /* */}
.fc_alert_red {color: #D62D21; /*Alert Red */}
.f_shad1{ text-shadow: 0px 0px 4px #fff; }
.f_shad2{ text-shadow: 0px 0px 4px #000; }
.f_shad3{ text-shadow: 0px 0px 4px #333; }
.f_shad4{ text-shadow: 0px 0px 4px #ccc; }
.f_shad5{ text-shadow: 0px 0px 4px #999; }
/* =============================================================================
   FONT FAMILYS
   ========================================================================== */
.ff1 { font-family: 'HelveticaNeue-Light'; }
.ff2 { font-family: 'HelveticaNeue-UltraLight'; }
.ff3 { font-family: 'cinzelregular', Georgia; }

/* =============================================================================
   FONT WEIGHTS
   ========================================================================== */
.fw100 { font-weight: 100; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw700 { font-weight: 700; }
.fw_bold { font-weight: bold; }
/* =============================================================================
   FONT SIZE
   ========================================================================== */
.fs8em { font-size: 8em; }
.fs5em { font-size: 5em; }
.fs4em { font-size: 4em; }
.fs3em { font-size: 3em; }
.fs2em { font-size: 2em; }
.fs1em { font-size: 1em; }
.fspt7em { font-size: .7em; }
.fspt5em { font-size: .5em; }
/* =============================================================================
   LINE HEIGHTS
   ========================================================================== */
.l_height_pt4em {
   line-height: .4em
}
/* =============================================================================
   POSITIONING
   ========================================================================== */
.p_rel { position: relative; }
.p_abs { position: absolute; }
.p_fix { position: fixed; }
.p_stat { position: static; }
.p_inherit { position: inherit; }

/* =============================================================================
   Z-INDEX
   ========================================================================== */
.z-1 { z-index: -1; }
.z0 { z-index: 0; }
.z1 { z-index: 1; }
.z2 { z-index: 1; }
.z3 { z-index: 1; }
.z4 { z-index: 1; }
.z10 { z-index: 1; }
.z100 { z-index: 1; }



/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {  
}
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 859px) { 
}
@media screen and (max-width: 767px) { 
   .w767_hide{
      display: none;
   }
}
@media screen and (max-width: 640px) {
   .pad_top_header {
      padding-top: 50px;
   }
}
@media screen and (max-width: 479px) { 
   .w479_hide{
      display: none;
   }
   .marg_left1per_479, .marg_left2per_479, .marg_right1per_479, .marg_right2per_479 { margin-left: 0; }
   
   h1 { font-size: 3em; }
   h2 { font-size: 2em; }
   h3 { font-size: 1.25em; }
   h4 { font-size: 1.15em; }
   h5 { font-size: 1em; }
   h6 { font-size: .9em; }
   p {   font-size: .8em; }
}