/** Custom Format CSS **/

h3.Toggle-panel {
    background-color: inherit;
}
[class^="Box"] {
    display: block;
    border-radius: 4px;
    padding: 15px;
}
.Box-01 {
    background-color: #E3F2FD;
    border: 1px solid #90CAF9;
}
.Box-02 {
    background-color: #F1F8E9;
    border: 1px solid #C5E1A5;
}
.Box-03 {
    background-color: #F3E5F5;
    border: 1px solid #CE93D8;
}
.Box-04 {
    background-color: #FFF8E1;
    border: 1px solid #FFE082;
}
.Box-05 {
    background-color: #FFEBEE;
    border: 1px solid #EF9A9A;
}
.Box-06 {
    background-color: #f5f5f5;
    border: 1px solid #EEEEEE;
}
[class^="Button"] {
    display: inline-block;
    border-radius: 2px;
    padding: 10px 25px;
    color: #FFF;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.Button-01 {
    background-color: #1E88E5;
}
.Button-01:hover {
    background-color: #0D47A1;
}
.Button-02 {
    background-color: #7CB342;
}
.Button-02:hover {
    background-color: #33691E;
}
.Button-03 {
    background-color: #8E24AA;
}
.Button-03:hover {
    background-color: #4A148C;
}
.Button-04 {
    background-color: #FFB300;
}
.Button-04:hover {
    background-color: #FF6F00;
}
.Button-05 {
    background-color: #E53935;
}
.Button-05:hover {
    background-color: #B71C1C;
}
.Button-06 {
    background-color: #00897B;
}
.Button-06:hover {
    background-color: #004D40;
}
ul[class^="List"] li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
}
ul[class^="List"] li:before {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul.List-01 {}
ul.List-01 li:before {
    content: "\f061";
    color: #FF6F00;
}
ul.List-02 {}
ul.List-02 li:before {
    content: "\f0a4";
    color: #2196F3;
}
ul.List-03 {}
ul.List-03 li:before {
    content: "\f138";
    color: #8BC34A;
}
ul.List-04 {}
ul.List-04 li:before {
    content: "\f178";
    color: #9C27B0;
}
ul.List-05 {}
ul.List-05 li:before {
    content: "\f005";
    color: #FDD835;
}
a[class^="Social"] {
    display: inline-block;
    color: #FFF;
    padding: 7px 15px 7px 50px;
    border-radius: 2px;
    border: 2px solid transparent;
    position: relative;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
a[class^="Social"]:before {
    position: absolute;
    width: 27px;
    text-align: center;
    border-right: 1px solid #ddd;
    padding-right: 7px;
    top: 11px;
    left: 15px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a[class^="Social"]:hover {
    background-color: #FFF;
    border: 2px solid #333;
    color: #333;
}
a.Social-Facebook {
    background-color: #4A6EA9;
}
a.Social-Facebook:before {
    content: "\f09a";
}
a.Social-Google {
    background-color: #E36044;
}
a.Social-Google:before {
    content: "\f0d5";
}
a.Social-Twitter {
    background-color: #3BA9E0;
}
a.Social-Twitter:before {
    content: "\f099";
}
a.Social-Skype {
    background-color: #01A4E0;
}
a.Social-Skype:before {
    content: "\f17e";
}
a.Social-Email {
    background-color: #E75A4D;
}
a.Social-Email:before {
    content: "\f0e0";
}
a.Social-Hotline {
    background-color: #FF8F00;
}
a.Social-Hotline:before {
    content: "\f095";
}