/* COLORS */

.white{color: white;}
.red{color: #FF1220;}
.green{color: #00A388;}
.black{color: #0F0F0F;;}
.blue{color: #14387F;}

.bg_white{background-color: white;}
.bg_red{background-color: #FF1220;}
.bg_green{background-color: #00A388;}
.bg_black{background-color: #0F0F0F;}
.bg_blue{background-color: #14387F;}

.border_white{border-color: white;}
.border_red{border-color: #FF1220;}
.border_green{border-color: #00A388;}
.border_black{border-color: #0F0F0F;}
.border_blue{border-color: #14387F;}

/* DISPLAY */

.disp_nb{ display: none !important;}
.disp_bn{ display: block !important;}
.disp_in{ display: inline-block !important;}
.disp_ni{ display: none !important;}
.disp_bi{ display: block !important;}
.disp_ib{ display: inline-block !important;}

.mob_block{ display: block !important;}
.mob_none{ display: none !important;}
.mob_flex{ display: flex !important;}
.mob_inline{ display: inline-block !important;}

@media screen and (min-width: 1200px) {
  .disp_nb{ display: block !important;}
  .disp_bn{ display: none !important;}
  .disp_in{ display: none !important;}
  .disp_ni{ display: inline-block !important;}
  .disp_bi{ display: inline-block !important;}
  .disp_ib{ display: block !important;}

  .mob_block{ display: none !important;}
  .mob_none{ display: block !important;}

  .desk_block{ display: block !important;}
  .desk_none{ display: none !important;}
  .desk_flex{ display: flex !important;}
  .desk_inline{ display: inline-block !important;}
}

.hide-xs{ display: none }
.hide-s{ display: none }
.hide-m{ display: none }
.hide-l{ display: none }
.hide-xl{ display: none }

.clear{
  clear: both;
}

@media screen and (min-width: 480px) {
  .hide-s{ display: block }
}
@media screen and (min-width: 680px) {
  .hide-m{ display: block }
}
@media screen and (min-width: 1000px) {
  .hide-l{ display: block }
}
@media screen and (min-width: 1200px) {
  .hide-xl{ display: block }
}

/* BORDER-RADIUS */

.radius_10{
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.radius_15{
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}
.radius_20{
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
}

/* PADDING */

.pad_10{
  padding: 10px;
}
.pad_15{
  padding: 15px;
}
.pad_20{
  padding: 20px;
}

/* CENTER */

.center{
  margin: 0 auto;
  text-align: center;
}