/*
 * Helpers
 * @author mfyance
 */

/* =============
   Cleaner
============= */
.cleaner {
    box-sizing: border-box;
    *zoom: 1;
}
.cleaner:after {
    clear: both;
}
.cleaner:before,
.cleaner:after {
    display: table;
    line-height: 0;
    content: "";
}

/* =============
   Flexbox
============= */
.flex--center{
    display: flex;
    align-items: center;
}
.flex--100{
    width: 100%;
    display: flex;
}
.flex--50{
    flex: 0 0 50%;
}

/* =============
   Positions
============= */
.p--r,
.p-r{position: relative;}

/* =============
   Directions
============= */
.d-i--b,
.d--ib{display: inline-block;}
.f--r{float: right;}

.vat{vertical-align: top !important;}
.vam,
.v-a--m{vertical-align: middle !important;}
.overflow--v{
    overflow: visible !important
}
.tar,
.t-a-r{
    text-align: right !important;
}
.tac,
.t-a-c {
	text-align: center !important;
	justify-content: center;
}
.tal,
.t-a-l {
	text-align: left !important;
}
.center-page {
    float: none!important;
    margin: 0 auto!important;
}
.ttu{
    text-transform: uppercase;
}

/* =============
    Color
============= */
.color--white{
    color: #fff
}

/* =============
   Styles
============= */
.italic{
    font-style: italic;
    font-family: 'Lucida-Italic';
}


/* =============
   Positions
============= */
.t-inherit {
    top: inherit !important
}

/* =============
   Paddings
============= */
.p-0 {
    padding: 0!important
}
.p-l--10 {
    padding-left: 10px !important
}
.p-t--16{
    padding-top: 16px;
}
.p-t--30{
    padding-top: 30;
}
.p-l--20 {
    padding-left: 20px !important
}
.p-l--40 {
    padding-left: 40px !important
}
.p-20 {
    padding: 20px !important
}
.p-30 {
    padding: 30px!important
}
.p-50 {
    padding: 50px!important
}
.p-l-0 {
    padding-left: 0!important
}
.p-r-0 {
    padding-right: 0!important
}
.p-t-0 {
    padding-top: 0!important
}
.p-b-0 {
    padding-bottom: 0!important
}
.p-t-10 {
    padding-top: 10px!important
}
.p-b-10 {
    padding-bottom: 10px!important
}

/* =============
   Margin
============= */
.m-0 {
    margin: 0!important
}
.m-r-5 {
    margin-right: 5px!important
}
.m-r-10 {
    margin-right: 10px!important
}
.m-r-15 {
    margin-right: 15px!important
}
.m-l-5 {
    margin-left: 5px!important
}
.m-l-10 {
    margin-left: 10px!important
}
.m-l-15 {
    margin-left: 15px!important
}
.m-t-5 {
    margin-top: 5px!important
}
.m-t-0 {
    margin-top: 0!important
}
.m-t-8 {
    margin-top: 8px!important
}
.m-t-10 {
    margin-top: 10px!important
}
.m-t-15 {
    margin-top: 15px!important
}
.m-t-20 {
    margin-top: 20px!important
}
.m-t-30 {
    margin-top: 30px!important
}
.m-t-40 {
    margin-top: 40px!important
}
.m-t-50 {
    margin-top: 50px!important
}
.m-t-60 {
    margin-top: 60px!important
}
.m-t-70 {
    margin-top: 70px!important
}
.m-t-80 {
    margin-top: 80px!important
}
.m-t-180 {
    margin-top: 180px!important
}
.m-b-0 {
    margin-bottom: 0!important
}
.m-b-5 {
    margin-bottom: 5px!important
}
.m-b-10 {
    margin-bottom: 10px!important
}
.m-b-15 {
    margin-bottom: 15px!important
}
.m-b-20 {
    margin-bottom: 20px!important
}
.m-b-25 {
    margin-bottom: 25px!important
}
.m-b-30 {
    margin-bottom: 30px!important
}
.m-b-40 {
    margin-bottom: 40px!important
}
.m-b-50 {
    margin-bottom: 50px!important
}
.m-b-60 {
    margin-bottom: 60px!important
}
.m-b-90 {
    margin-bottom: 90px!important
}
.m-b-100 {
    margin-bottom: 100px!important
}
.m--a{
    margin: auto;
}


.width100{
    width: 100% !important; 
    min-width: 100%;
}

/* =============
   Page Print
============= */
/*.page--600px{
    max-width: 600px;
    margin:0 auto;
}*/

/* =============
   Border - Box - Bg
============= */
.b-0 {
    border: none!important
}
.bx-shadow {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}
.bx-shadow-none {
    box-shadow: none!important
}
.bg-transparent {
    background-color: transparent!important
}

/* =============
   Fonts
============= */
.f-arial{
    font-family: Arial
}
.font-600,
b,
strong {
    font-weight: 600
}
.f-s-13 {
    font-size: 13px!important
}
.f-s-10 {
    font-size: 10px !important
}
.f-s-11 {
    font-size: 11px !important
}
/* =============
   Z-index
============= */
.z-i-0{
    z-index: 0
}
.z-i-1{
    z-index: 1
}
.z-i-2{
    z-index: 2
}
.z-i-3{
    z-index: 3
}

/* =============
   Animation
============= */
.is-transition{
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/* =============
   Heigth
============= */
.h-100p{
    height: 100%
}
.h--a{
    height: auto !important
}

/* =============
   Width
============= */
.w--1{width: 1%; min-width: 1%;}
.w--2{width: 2%; min-width: 2%;}
.w--3{width: 3%; min-width: 3%;}
.w--4{width: 4%; min-width: 4%;}
.w--5{width: 5%; min-width: 5%;}
.w--6{width: 6%; min-width: 6%;}
.w--7{width: 7%; min-width: 7%;}
.w--8{width: 8%; min-width: 8%;}
.w--9{width: 9%; min-width: 9%;}
.w--10{width: 10%; min-width: 10%;}
.w--11{width: 11%; min-width: 11%;}
.w--12{width: 12%; min-width: 12%;}
.w--13{width: 13%; min-width: 13%;}
.w--14{width: 14%; min-width: 14%;}
.w--15{width: 15%; min-width: 15%;}
.w--16{width: 16%; min-width: 16%;}
.w--17{width: 17%; min-width: 17%;}
.w--18{width: 18%; min-width: 18%;}
.w--19{width: 19%; min-width: 19%;}
.w--20{width: 20%; min-width: 20%;}
.w--25{width: 25%; min-width: 25%;}
.w--30{width: 30%; min-width: 30%;}
.w--35{width: 35%; min-width: 35%;}
.w--40{width: 40%; min-width: 40%;}
.w--45{width: 45%; min-width: 45%;}
.w--50{width: 50%; min-width: 50%;}
.w--55{width: 55%; min-width: 55%;}
.w--60{width: 60%; min-width: 60%;}
.w--65{width: 65%; min-width: 65%;}
.w--70{width: 70%; min-width: 70%;}
.w--75{width: 75%; min-width: 75%;}
.w--80{width: 80%; min-width: 80%;}
.w--85{width: 85%; min-width: 85%;}
.w--90{width: 90%; min-width: 90%;}
.w--95{width: 95%; min-width: 95%;}
.w--100{width: 100% !important; min-width: 100% !important;}
.w--100,
.w-100p{
    width:100%;
}

/* =============
   Show / hide
============= */
.hide,
.hidden{
    display: none !important;
}
.show{
    display: block;
}