/* 
GLOBAL USE CLASSES ( AT LEAST FOR THE PERIOD OF DEVELOPMENT)
CREATED BY KISS BOTOND www.kissbotond.info
2017 - PLEASE FEEL FREE TO USE IT
*/

/* PADDINGS-LEFT */
.p0   {padding:0px!important;}
.p5   {padding:5px!important;}
.p10  {padding:10px!important;}
.p15  {padding:15px!important;}
.p20  {padding:20px!important;}
.p25  {padding:25px!important;}
.p30  {padding:30px!important;}
.p40  {padding:40px!important;}
.p50  {padding:50px!important;}
.p60  {padding:60px!important;}
.p70  {padding:70px!important;}
.p80  {padding:80px!important;}
.p90  {padding:90px!important;}
.p100 {padding:100px!important;}
/* PADDINGS-LEFT */

/* PADDINGS-RIGHT */
.pl0   {padding-left:0px;}
.pl5   {padding-left:5px;}
.pl10  {padding-left:10px;}
.pl15  {padding-left:15px;}
.pl20  {padding-left:20px;}
.pl25  {padding-left:25px;}
.pl30  {padding-left:30px;}
.pl40  {padding-left:40px;}
.pl50  {padding-left:50px;}
.pl60  {padding-left:60px;}
.pl70  {padding-left:70px;}
.pl80  {padding-left:80px;}
.pl90  {padding-left:90px;}
.pl100 {padding-left:100px;}
/* PADDINGS-LEFT */

/* PADDINGS-RIGHT */
.pr0   {padding-right:0px;}
.pr5   {padding-right:5px;}
.pr10  {padding-right:10px;}
.pr15  {padding-right:15px;}
.pr20  {padding-right:20px;}
.pr25  {padding-right:25px;}
.pr30  {padding-right:30px;}
.pr40  {padding-right:40px;}
.pr50  {padding-right:50px;}
.pr60  {padding-right:60px;}
.pr70  {padding-right:70px;}
.pr80  {padding-right:80px;}
.pr90  {padding-right:90px;}
.pr100 {padding-right:100px;}
/*PADDINGS-RIGHT */

/*PADDINGS-TOP */
.pt0   {padding-top:0px!important;}
.pt5   {padding-top:5px!important;}
.pt10  {padding-top:10px!important;}
.pt15  {padding-top:15px!important;}
.pt20  {padding-top:20px!important;}
.pt25  {padding-top:25px!important;}
.pt30  {padding-top:30px!important;}
.pt40  {padding-top:40px!important;}
.pt50  {padding-top:50px!important;}
.pt60  {padding-top:60px!important;}
.pt70  {padding-top:70px!important;}
.pt80  {padding-top:80px!important;}
.pt90  {padding-top:90px!important;}
.pt100 {padding-top:100px!important;}
/*PADDINGS-TOP */

/*PADDINGS-BOTTOM */
.pb0   {padding-top:0px;}
.pb5   {padding-bottom:5px;}
.pb10  {padding-bottom:10px;}
.pb15  {padding-bottom:15px;}
.pb20  {padding-bottom:20px;}
.pb25  {padding-bottom:25px;}
.pb30  {padding-bottom:30px;}
.pb40  {padding-bottom:40px;}
.pb50  {padding-bottom:50px;}
.pb60  {padding-bottom:60px;}
.pb70  {padding-bottom:70px;}
.pb80  {padding-bottom:80px;}
.pb90  {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
/* PADDINGS-BOTTOM */

/* MARGINS */
.m0   {margin:0px;}
.m5   {margin:5px;}
.m10  {margin:10px;}
.m15  {margin:15px;}
.m20  {margin:20px;}
.m25  {margin:25px;}
.m30  {margin:30px;}
.m40  {margin:40px;}
.m50  {margin:50px;}
.m60  {margin:60px;}
.m70  {margin:70px;}
.m80  {margin:80px;}
.m90  {margin:90px;}
.m100 {margin:100px;}
/* MARGINS */

/* LEFT MARGINS */
.ml0   {margin-left:0px;}
.ml5   {margin-left:5px;}
.ml10  {margin-left:10px;}
.ml15  {margin-left:15px;}
.ml20  {margin-left:20px;}
.ml25  {margin-left:25px;}
.ml30  {margin-left:30px;}
.ml40  {margin-left:40px;}
.ml50  {margin-left:50px;}
.ml60  {margin-left:60px;}
.ml70  {margin-left:70px;}
.ml80  {margin-left:80px;}
.ml90  {margin-left:90px;}
.ml100 {margin-left:100px;}
/* LEFT MARGINS */

/* RIGHT MARGINS */
.mr0   {margin-right:0px!important;}
.mr5   {margin-right:5px;}
.mr10  {margin-right:10px;}
.mr15  {margin-right:15px;}
.mr20  {margin-right:20px;}
.mr25  {margin-right:25px;}
.mr30  {margin-right:30px;}
.mr40  {margin-right:40px;}
.mr50  {margin-right:50px;}
.mr60  {margin-right:60px;}
.mr70  {margin-right:70px;}
.mr80  {margin-right:80px;}
.mr90  {margin-right:90px;}
.mr100 {margin-right:100px;}
/* RIGHT MARGINS */

/* TOP MARGINS */
.mt0   {margin-top:0px;}
.mt5   {margin-top:5px;}
.mt10  {margin-top:10px;}
.mt15  {margin-top:15px;}
.mt20  {margin-top:20px;}
.mt25  {margin-top:25px;}
.mt30  {margin-top:30px;}
.mt40  {margin-top:40px;}
.mt50  {margin-top:50px;}
.mt60  {margin-top:60px;}
.mt70  {margin-top:70px;}
.mt80  {margin-top:80px;}
.mt90  {margin-top:90px;}
.mt100 {margin-top:100px;}
/* TOP MARGINS */

/* BOTTOM MARGINS */
.mb0   {margin-top:0px;}
.mb5   {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb15  {margin-bottom:15px;}
.mb20  {margin-bottom:20px;}
.mb25  {margin-bottom:25px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb70  {margin-bottom:70px;}
.mb80  {margin-bottom:80px;}
.mb90  {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
/* BOTTOM MARGINS */

/*BACKGROUNDS*/
.bg-white {background: #ffffff;}
.bg-black {background: #000000;}
.bg-grey {background: #505050;}
.bg-d-grey {background: #808080;}
.bg-l-grey {background: #f5f5f5;}
.bg-xl-grey {background: #f5f5f5;}
.bg-red {background: #ff0000;}
.bg-orange {background: #ffcc00;}
.bg-green {background: #008000;}
.bg-yellow {background: #ffff00!important;}
/*BACKGROUNDS*/

/*BORDER 1 PX*/
.b0  {border: none!important;}
.b1-white  {border: 1px solid #ffffff;}
.b1-black  {border: 1px solid #000000;}
.b1-grey   {border: 1px solid #808080;}
.bl-grey  {border: 1px solid #dfdfdf;}
.b1-red    {border: 1px solid #ff0000;}
.b1-red    {border: 1px solid #ffcc00;}
.b1-green  {border: 1px solid #008000;}
.b1-yellow {border: 1px solid #ffff00;}
.b1-tr {border: 1px solid transparent;}
/*BORDER 1 PX*/

/*BODY FONT SIZE*/
.bf-12 {font-size:12px;}
.bf-13 {font-size:13px;}
.bf-14 {font-size:14px;}
.bf-15 {font-size:15px;}
.bf-16 {font-size:16px;}
.bf-17 {font-size:17px;}
.bf-18 {font-size:18px;}
.bf-19 {font-size:19px;}
/*BODY FONT SIZE*/

.bl1grey {border-left: 1px solid #e4e4e4;}


/*BACKGROUNDS*/
.transpbg {
  background: transparent!important;
}
.transpbg {
  background: transparent!important;
}
.bs {
  box-shadow: none!important;
}
.uppercase {
  text-transform: uppercase;
}
.wt {
  color: #ffffff;
}
.bt {
  color: #000000!important;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute!important;
}
.w100 {
  width: 100px;
}
.tc {text-align: center!important;}






.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
    float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}
@media (max-width: 767px) {    
    .pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}
@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}

@media only screen and (min-width : 368px) {
  .row.is-flex {
      display: flex;
      flex-wrap: wrap;
  }
  .row.is-flex > [class*='col-'] {
      display: flex;
      flex-direction: column;
  }
  .row.is-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .row.is-flex > [class*='col-'] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }
}