@charset "UTF-8";

.row { position: relative; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.center { position: relative; margin: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.col   { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col1  { width: 8.3333333333%;  }
.col2  { width: 16.6666666666%; }
.col3  { width: 25%;            }
.col4  { width: 33.3333333333%; }
.col5  { width: 41.6666666666%; }
.col6  { width: 50%;            }
.col7  { width: 58.3333333333%; }
.col8  { width: 66.6666666666%; }
.col9  { width: 75%;            }
.col10 { width: 83.3333333333%; }
.col11 { width: 91.3333333333%; } 
.col12 { width: 100%; } 

.col img { width: 100%; display: block;}

.l { float: left;}
.r { float: right;}

/* padding -- -- -- -- -- -- -- -- -- -- */
.pv10   { padding-top: 10px;  padding-bottom: 10px;  }
.pv15   { padding-top: 15px;  padding-bottom: 15px;  }
.pv20   { padding-top: 20px;  padding-bottom: 20px;  }
.pv30   { padding-top: 30px;  padding-bottom: 30px;  }
.pv1p   { padding-top: 1%;    padding-bottom: 1%;    }
.pv3p   { padding-top: 3%;    padding-bottom: 3%;    }
.pv5p   { padding-top: 5%;    padding-bottom: 5%;    }
.pv10p  { padding-top: 10%;   padding-bottom: 10%;   }
.pv15p  { padding-top: 15%;   padding-bottom: 15%;   }
.pv20p  { padding-top: 20%;   padding-bottom: 20%;   }
.pv05em { padding-top: .5em;  padding-bottom: .5em;  }
.pv1em  { padding-top: 1em;   padding-bottom: 1em;   }
.pv15em { padding-top: 1.5em; padding-bottom: 1.5em; }
.pv2em  { padding-top: 2em;   padding-bottom: 2em;   }
.pv25em { padding-top: 2.5em; padding-bottom: 2.5em; }
.pv3em  { padding-top: 3em;   padding-bottom: 3em;   }
.pv4em  { padding-top: 4em;   padding-bottom: 4em;   }
.pv5em  { padding-top: 5em;   padding-bottom: 5em;   }
.pv6em  { padding-top: 6em;   padding-bottom: 6em;   }
.pv7em  { padding-top: 7em;   padding-bottom: 7em;   }
.pv8em  { padding-top: 8em;   padding-bottom: 8em;   }
.pv9em  { padding-top: 9em;   padding-bottom: 9em;   }

.ph10    { padding-left: 10px;  padding-right: 10px;  }
.ph15    { padding-left: 15px;  padding-right: 15px;  }
.ph20    { padding-left: 20px;  padding-right: 20px;  }
.ph30    { padding-left: 30px;  padding-right: 30px;  }
.ph40    { padding-left: 40px;  padding-right: 40px;  }
.ph50	 { padding-left: 50px;  padding-right: 50px;  }
.ph1p    { padding-left: 1%;    padding-right: 1%;    }
.ph3p    { padding-left: 3%;    padding-right: 3%;    }
.ph5p    { padding-left: 5%;    padding-right: 5%;    }
.ph10p   { padding-left: 10%;   padding-right: 10%;   }
.ph15p   { padding-left: 15%;   padding-right: 15%;   }
.ph20p   { padding-left: 20%;   padding-right: 20%;   }
.ph05em  { padding-left: .5em;  padding-right: .5em;  }
.ph1em   { padding-left: 1em;   padding-right: 1em;   }
.ph15em  { padding-left: 1.5em; padding-right: 1.5em; }
.ph2em   { padding-left: 2em;   padding-right: 2em;   }
.ph25em  { padding-left: 2.5em; padding-right: 2.5em; }
.ph3em   { padding-left: 3em;   padding-right: 3em;   }
.ph4em   { padding-left: 4em;   padding-right: 4em;   }
.ph5em   { padding-left: 5em;   padding-right: 5em;   }
.ph6em   { padding-left: 6em;   padding-right: 6em;   }
.ph7em   { padding-left: 7em;   padding-right: 7em;   }
.ph8em   { padding-left: 8em;   padding-right: 8em;   }
.ph9em   { padding-left: 9em;   padding-right: 9em;   }

.pt10    { padding-top: 10px;     }
.pt15    { padding-top: 15px;     }
.pt20    { padding-top: 20px;     }
.pt30    { padding-top: 30px;     }
.pt1p    { padding-top: 1%;       }
.pt3p    { padding-top: 3%;       }
.pt5p    { padding-top: 5%;       }
.pt10p   { padding-top: 10%;      }
.pt15p   { padding-top: 15%;      }
.pt20p   { padding-top: 20%;      }
.pt05em  { padding-top: .5em;     }
.pt1em   { padding-top: 1em;      }
.pt15em  { padding-top: 1.5em;    }
.pt2em   { padding-top: 2em;      }
.pt25em  { padding-top: 2.5em;    }
.pt3em   { padding-top: 3em;      }
.pt4em   { padding-top: 4em;      }
.pt5em   { padding-top: 5em;      }
.pt6em   { padding-top: 6em;      }
.pt7em   { padding-top: 7em;      }
.pt8em   { padding-top: 8em;      }
.pt9em   { padding-top: 9em;      }
.pr10    { padding-right: 10px;   }
.pr15    { padding-right: 15px;   }
.pr20    { padding-right: 20px;   }
.pr30    { padding-right: 30px;   }
.pr1p    { padding-right: 1%;     }
.pr3p    { padding-right: 3%;     }
.pr5p    { padding-right: 5%;     }
.pr10p   { padding-right: 10%;    }
.pr15p   { padding-right: 15%;    }
.pr20p   { padding-right: 20%;    }
.pr05em  { padding-right: .5em;   }
.pr1em   { padding-right: 1em;    }
.pr15em  { padding-right: 1.5em;  }
.pr2em   { padding-right: 2em;    }
.pr25em  { padding-right: 2.5em;  }
.pr3em   { padding-right: 3em;    }
.pr4em   { padding-right: 4em;    }
.pr5em   { padding-right: 5em;    }
.pr6em   { padding-right: 6em;    }
.pr7em   { padding-right: 7em;    }
.pr8em   { padding-right: 8em;    }
.pr9em   { padding-right: 9em;    }
.pb10    { padding-bottom: 10px;  }
.pb15    { padding-bottom: 15px;  }
.pb20    { padding-bottom: 20px;  }
.pb30    { padding-bottom: 30px;  }
.pb1p    { padding-bottom: 1%;    }
.pb3p    { padding-bottom: 3%;    }
.pb5p    { padding-bottom: 5%;    }
.pb10p   { padding-bottom: 10%;   }
.pb15p   { padding-bottom: 15%;   }
.pb20p   { padding-bottom: 20%;   }
.pb05em  { padding-bottom: .5em;  }
.pb1em   { padding-bottom: 1em;   }
.pb15em  { padding-bottom: 1.5em; }
.pb2em   { padding-bottom: 2em;   }
.pb25em  { padding-bottom: 2.5em; }
.pb3em   { padding-bottom: 3em;   }
.pb4em   { padding-bottom: 4em;   }
.pb5em   { padding-bottom: 5em;   }
.pb6em   { padding-bottom: 6em;   }
.pb7em   { padding-bottom: 7em;   }
.pb8em   { padding-bottom: 8em;   }
.pb9em   { padding-bottom: 9em;   }
.pl10    { padding-left: 10px;    }
.pl15    { padding-left: 15px;    }
.pl20    { padding-left: 20px;    }
.pl30    { padding-left: 30px;    }
.pl1p    { padding-left: 1%;      }
.pl3p    { padding-left: 3%;      }
.pl5p    { padding-left: 5%;      }
.pl10p   { padding-left: 10%;     }
.pl15p   { padding-left: 15%;     }
.pl20p   { padding-left: 20%;     }
.pl05em  { padding-left: .5em;    }
.pl1em   { padding-left: 1em;     }
.pl15em  { padding-left: 1.5em;   }
.pl2em   { padding-left: 2em;     }
.pl25em  { padding-left: 2.5em;   }
.pl3em   { padding-left: 3em;     }
.pl4em   { padding-left: 4em;     }
.pl5em   { padding-left: 5em;     }
.pl6em   { padding-left: 6em;     }
.pl7em   { padding-left: 7em;     }
.pl8em   { padding-left: 8em;     }
.pl9em   { padding-left: 9em;     }