@charset "utf-8";
.button.small {
font-size : 14px;
padding : 11px 20px;
background : url(images/btn-small-gradient.png) top repeat-x;
}
.button.medium {
font-size : 16px;
padding : 16px 20px;
background : url(images/btn-medium-gradient.png) top repeat-x;
}
.button.large {
font-size : 18px;
padding : 21px 45px;
font-size : 16px;
background : url(images/btn-large-gradient.png) top repeat-x;
}
.button.xlarge {
font-size : 20px;
padding : 25px 50px;
font-size : 18px;
background : url(images/btn-large-gradient.png) top repeat-x;
}
.button.green {
background-color : #7aa127;
}
.button.orange {
background-color : #f39d12;
}
.button.blue {
background-color : #3498db;
}
.button.pink {
background-color : #e67fb9;
}
.button.red {
background-color : #e74d3c;
}
.button.purple {
background-color : #9c59b6;
}
.button.ocean {
background-color : #1abc9c;
}
.button.black {
background-color : #333334;
}
.button.slateblue {
background-color : #836fff;
}
.button.skyblue {
background-color : #00bfff;
}
.button.coral {
background-color : #ff7f50;
}
.button.khaki {
background-color : #b6af55;
}
.button.cyan {
background-color : #00cdcd;
}
.button.grey {
background-color : #8e8e8e;
}
.button.gold {
background-color : #e0a81c;
}
.button.chocolate {
background-color : #cd661d;
}
.button.raspberry {
background-color : #a23b6f;
}
.button.electricblue {
background-color : #536878;
}
.button.eggplant {
background-color : #614051;
}
.button.ferngreen {
background-color : #4f7942;
}
.button.palebrown {
background-color : #987654;
}
.button:hover {
background-color : #000;
}
.button.black:hover {
background-color : #333334;
}
input.button, input[type="submit"], input[type="button"] {
overflow : visible;
width : auto !important ;
}
ul.fancy-list {
list-style-type : none;
list-style-position : outside;
}
ul.fancy-list li {
display : block;
position : relative;
padding-left : 20px;
line-height : normal;
}
ul.fancy-list li ul {
padding-left : 0;
}
ul.fancy-list.arrow li {
padding-left : 15px;
}
ul.fancy-list li:before {
font-family : FontAwesome;
font-style : normal;
color : #333334;
font-weight : normal;
text-decoration : inherit;
font-size : 14px;
position : absolute;
top : 1px;
left : 0;
}
ul.fancy-list.arrow li:before {
content : "";
}
ul.fancy-list.rounded-arrow li:before {
content : "";
}
ul.fancy-list.double-arrow li:before {
content : "";
}
ul.fancy-list.heart li:before {
content : "";
font-size : 12px;
}
ul.fancy-list.trash li:before {
content : "";
}
ul.fancy-list.star li:before {
content : "";
}
ul.fancy-list.tick li:before {
content : "";
}
ul.fancy-list.rounded-tick li:before {
content : "";
}
ul.fancy-list.cross li:before {
content : "";
}
ul.fancy-list.rounded-cross li:before {
content : "";
}
ul.fancy-list.rounded-question li:before {
content : "";
}
ul.fancy-list.rounded-info li:before {
content : "";
}
ul.fancy-list.delete li:before {
content : "";
}
ul.fancy-list.warning li:before {
content : "";
}
ul.fancy-list.comment li:before {
content : "";
}
ul.fancy-list.edit li:before {
content : "";
}
ul.fancy-list.share li:before {
content : "";
}
ul.fancy-list.plus li:before {
content : "";
}
ul.fancy-list.rounded-plus li:before {
content : "";
}
ul.fancy-list.minus li:before {
content : "";
}
ul.fancy-list.rounded-minus li:before {
content : "";
}
ul.fancy-list.asterisk li:before {
content : "";
}
ul.fancy-list.cart li:before {
content : "";
}
ul.fancy-list.folder li:before {
content : "";
}
ul.fancy-list.folder-open li:before {
content : "";
}
ul.fancy-list.desktop li:before {
content : "";
}
ul.fancy-list.tablet li:before {
content : "";
}
ul.fancy-list.mobile li:before {
content : "";
}
ul.fancy-list.reply li:before {
content : "";
}
ul.fancy-list.quote li:before {
content : "";
}
ul.fancy-list.mail li:before {
content : "";
}
ul.fancy-list.external-link li:before {
content : "";
}
ul.fancy-list.adjust li:before {
content : "";
}
ul.fancy-list.pencil li:before {
content : "";
}
ul.fancy-list.print li:before {
content : "";
}
ul.fancy-list.tag li:before {
content : "";
}
ul.fancy-list.thumbs-up li:before {
content : "";
}
ul.fancy-list.thumbs-down li:before {
content : "";
}
ul.fancy-list.time li:before {
content : "";
}
ul.fancy-list.globe li:before {
content : "";
}
ul.fancy-list.pushpin li:before {
content : "";
}
ul.fancy-list.map-marker li:before {
content : "";
}
ul.fancy-list.link li:before {
content : "";
}
ul.fancy-list.paper-clip li:before {
content : "";
}
ul.fancy-list.download li:before {
content : "";
}
ul.fancy-list.key li:before {
content : "";
}
ul.fancy-list.search li:before {
content : "";
}
ul.fancy-list.rss li:before {
content : "";
}
ul.fancy-list.twitter li:before {
content : "";
}
ul.fancy-list.facebook li:before {
content : "";
}
ul.fancy-list.linkedin li:before {
content : "";
}
ul.fancy-list.google-plus li:before {
content : "";
}
ul.fancy-list.check li:before {
content : "";
}
ul.fancy-list.hand li:before {
content : "";
}
ul.fancy-list.cog li:before {
content : "";
}
ul.fancy-list.play li:before {
content : "";
}
ul.fancy-list.green li:before {
color : #7aa127;
}
ul.fancy-list.orange li:before {
color : #f39d12;
}
ul.fancy-list.blue li:before {
color : #3498db;
}
ul.fancy-list.pink li:before {
color : #e67fb9;
}
ul.fancy-list.red li:before {
color : #e74d3c;
}
ul.fancy-list.purple li:before {
color : #9c59b6;
}
ul.fancy-list.ocean li:before {
color : #1abc9c;
}
ul.fancy-list.slateblue li:before {
color : #836fff;
}
ul.fancy-list.skyblue li:before {
color : #00bfff;
}
ul.fancy-list.coral li:before {
color : #ff7f50;
}
ul.fancy-list.khaki li:before {
color : #b6af55;
}
ul.fancy-list.cyan li:before {
color : #00cdcd;
}
ul.fancy-list.grey li:before {
color : #8e8e8e;
}
ul.fancy-list.gold li:before {
color : #e0a81c;
}
ul.fancy-list.chocolate li:before {
color : #cd661d;
}
ul.fancy-list.raspberry li:before {
color : #a23b6f;
}
ul.fancy-list.electricblue li:before {
color : #536878;
}
ul.fancy-list.eggplant li:before {
color : #614051;
}
ul.fancy-list.ferngreen li:before {
color : #4f7942;
}
ul.fancy-list.palebrown li:before {
color : #987654;
}
ol.fancy-list li span {
color : #333334;
}
ol.decimal {
list-style-type : decimal;
}
ol.decimal-leading-zero {
list-style-type : decimal-leading-zero;
}
ol.lower-alpha {
list-style-type : lower-alpha;
}
ol.lower-roman {
list-style-type : lower-roman;
}
ol.upper-alpha {
list-style-type : upper-alpha;
}
ol.upper-roman {
list-style-type : upper-roman;
}
ol.fancy-list.green li {
color : #7aa127;
}
ol.fancy-list.orange li {
color : #f39d12;
}
ol.fancy-list.blue li {
color : #3498db;
}
ol.fancy-list.pink li {
color : #e67fb9;
}
ol.fancy-list.red li {
color : #e74d3c;
}
ol.fancy-list.purple li {
color : #9c59b6;
}
ol.fancy-list.ocean li {
color : #1abc9c;
}
ol.fancy-list.slateblue li {
color : #836fff;
}
ol.fancy-list.skyblue li {
color : #00bfff;
}
ol.fancy-list.coral li {
color : #ff7f50;
}
ol.fancy-list.khaki li {
color : #b6af55;
}
ol.fancy-list.cyan li {
color : #00cdcd;
}
ol.fancy-list.grey li {
color : #8e8e8e;
}
ol.fancy-list.gold li {
color : #e0a81c;
}
ol.fancy-list.chocolate li {
color : #cd661d;
}
ol.fancy-list.raspberry li {
color : #a23b6f;
}
ol.fancy-list.electricblue li {
color : #536878;
}
ol.fancy-list.eggplant li {
color : #614051;
}
ol.fancy-list.ferngreen li {
color : #4f7942;
}
ol.fancy-list.palebrown li {
color : #987654;
}
.dropcap {
font-size : 24px;
float : left;
margin : 10px 0 10px 0;
text-align : center;
color : #fff;
line-height : 35px;
}
.dropcap.dropcap-default {
font-size : 48px;
width : 58px;
}
.dropcap.dropcap-circle {
width : 40px;
height : 40px;
line-height : 38px;
margin : 5px 10px 0 0;
padding : 0;
border-radius : 30px 30px 30px 30px;
}
.dropcap.dropcap-bordered-circle {
width : 38px;
height : 38px;
line-height : 36px;
margin : 5px 10px 0 0;
padding : 0;
text-align : center;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.3);
border-radius : 30px 30px 30px 30px;
}
.dropcap.dropcap-square {
width : 40px;
height : 40px;
line-height : 38px;
text-align : center;
margin : 5px 10px 0 0;
padding : 0;
}
.dropcap.dropcap-bordered-square {
box-shadow : 0 0 5px rgba(0, 0, 0, 0.3);
width : 38px;
height : 38px;
text-align : center;
margin : 5px 10px 0 0;
padding : 0;
line-height : 36px;
}
.dropcap.dropcap-default {
color : #333334;
}
.dropcap.dropcap-circle {
background : #333334;
}
.dropcap.dropcap-bordered-circle {
background : #333334;
border : #fff solid 2px;
}
.dropcap.dropcap-square {
background : #333334;
}
.dropcap.dropcap-bordered-square {
background : #333334;
border : #fff solid 2px;
}
.dropcap.dropcap-default.green {
color : #7aa127;
}
.dropcap.dropcap-default.orange {
color : #f39d12;
}
.dropcap.dropcap-default.blue {
color : #3498db;
}
.dropcap.dropcap-default.pink {
color : #e67fb9;
}
.dropcap.dropcap-default.red {
color : #e74d3c;
}
.dropcap.dropcap-default.purple {
color : #9c59b6;
}
.dropcap.dropcap-default.ocean {
color : #1abc9c;
}
.dropcap.dropcap-default.slateblue {
color : #836fff;
}
.dropcap.dropcap-default.skyblue {
color : #00bfff;
}
.dropcap.dropcap-default.coral {
color : #ff7f50;
}
.dropcap.dropcap-default.khaki {
color : #b6af55;
}
.dropcap.dropcap-default.cyan {
color : #00cdcd;
}
.dropcap.dropcap-default.grey {
color : #8e8e8e;
}
.dropcap.dropcap-default.gold {
color : #e0a81c;
}
.dropcap.dropcap-default.chocolate {
color : #cd661d;
}
.dropcap.dropcap-default.raspberry {
color : #a23b6f;
}
.dropcap.dropcap-default.electricblue {
color : #536878;
}
.dropcap.dropcap-default.eggplant {
color : #614051;
}
.dropcap.dropcap-default.ferngreen {
color : #4f7942;
}
.dropcap.dropcap-default.palebrown {
color : #987654;
}
.dropcap-circle.green, .dropcap-bordered-circle.green, .dropcap-square.green, .dropcap-bordered-square.green {
background : #7aa127;
}
.dropcap-circle.orange, .dropcap-bordered-circle.orange, .dropcap-square.orange, .dropcap-bordered-square.orange {
background : #f39d12;
}
.dropcap-circle.blue, .dropcap-bordered-circle.blue, .dropcap-square.blue, .dropcap-bordered-square.blue {
background : #3498db;
}
.dropcap-circle.pink, .dropcap-bordered-circle.pink, .dropcap-square.pink, .dropcap-bordered-square.pink {
background : #e67fb9;
}
.dropcap-circle.red, .dropcap-bordered-circle.red, .dropcap-square.red, .dropcap-bordered-square.red {
background : #e74d3c;
}
.dropcap-circle.purple, .dropcap-bordered-circle.purple, .dropcap-square.purple, .dropcap-bordered-square.purple {
background : #9c59b6;
}
.dropcap-circle.ocean, .dropcap-bordered-circle.ocean, .dropcap-square.ocean, .dropcap-bordered-square.ocean {
background : #1abc9c;
}
.dropcap-circle.slateblue, .dropcap-bordered-circle.slateblue, .dropcap-square.slateblue, .dropcap-bordered-square.slateblue {
background : #836fff;
}
.dropcap-circle.skyblue, .dropcap-bordered-circle.skyblue, .dropcap-square.skyblue, .dropcap-bordered-square.skyblue {
background : #00bfff;
}
.dropcap-circle.coral, .dropcap-bordered-circle.coral, .dropcap-square.coral, .dropcap-bordered-square.coral {
background : #ff7f50;
}
.dropcap-circle.khaki, .dropcap-bordered-circle.khaki, .dropcap-square.khaki, .dropcap-bordered-square.khaki {
background : #b6af55;
}
.dropcap-circle.cyan, .dropcap-bordered-circle.cyan, .dropcap-square.cyan, .dropcap-bordered-square.cyan {
background : #00cdcd;
}
.dropcap-circle.grey, .dropcap-bordered-circle.grey, .dropcap-square.grey, .dropcap-bordered-square.grey {
background : #8e8e8e;
}
.dropcap-circle.gold, .dropcap-bordered-circle.gold, .dropcap-square.gold, .dropcap-bordered-square.gold {
background : #e0a81c;
}
.dropcap-circle.chocolate, .dropcap-bordered-circle.chocolate, .dropcap-square.chocolate, .dropcap-bordered-square.chocolate {
background : #cd661d;
}
.dropcap-circle.raspberry, .dropcap-bordered-circle.raspberry, .dropcap-square.raspberry, .dropcap-bordered-square.raspberry {
background : #a23b6f;
}
.dropcap-circle.electricblue, .dropcap-bordered-circle.electricblue, .dropcap-square.electricblue, .dropcap-bordered-square.electricblue {
background : #536878;
}
.dropcap-circle.eggplant, .dropcap-bordered-circle.eggplant, .dropcap-square.eggplant, .dropcap-bordered-square.eggplant {
background : #614051;
}
.dropcap-circle.ferngreen, .dropcap-bordered-circle.ferngreen, .dropcap-square.ferngreen, .dropcap-bordered-square.ferngreen {
background : #4f7942;
}
.dropcap-circle.palebrown, .dropcap-bordered-circle.palebrown, .dropcap-square.palebrown, .dropcap-bordered-square.palebrown {
background : #987654;
}
.titled-box {
margin-bottom : 20px;
width : 100%;
clear : both;
}
.titled-box h6.titled-box-title {
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
padding : 10px 15px;
text-shadow : none;
border-bottom : 5px solid #dfdfdf;
margin : 0;
}
.titled-box-content {
padding : 15px 15px 20px;
line-height : 20px;
}
.titled-box h6.titled-box-title {
background : #333334;
color : #fff;
}
.titled-box-content {
background : #fff;
border : #dfdfdf solid 1px;
border-top : 0;
}
.titled-box.green h6.titled-box-title {
background : #7aa127;
}
.titled-box.blue h6.titled-box-title {
background : #3498db;
}
.titled-box.ocean h6.titled-box-title {
background : #1abc9c;
}
.titled-box.orange h6.titled-box-title {
background : #f39d12;
}
.titled-box.pink h6.titled-box-title {
background : #e67fb9;
}
.titled-box.purple h6.titled-box-title {
background : #9c59b6;
}
.titled-box.red h6.titled-box-title {
background : #e74d3c;
}
.titled-box.slateblue h6.titled-box-title {
background : #836fff;
}
.titled-box.skyblue h6.titled-box-title {
background : #00bfff;
}
.titled-box.coral h6.titled-box-title {
background : #ff7f50;
}
.titled-box.khaki h6.titled-box-title {
background : #b6af55;
}
.titled-box.cyan h6.titled-box-title {
background : #00cdcd;
}
.titled-box.grey h6.titled-box-title {
background : #8e8e8e;
}
.titled-box.gold h6.titled-box-title {
background : #e0a81c;
}
.titled-box.chocolate h6.titled-box-title {
background : #cd661d;
}
.titled-box.raspberry h6.titled-box-title {
background : #a23b6f;
}
.titled-box.electricblue h6.titled-box-title {
background : #536878;
}
.titled-box.eggplant h6.titled-box-title {
background : #614051;
}
.titled-box.ferngreen h6.titled-box-title {
background : #4f7942;
}
.titled-box.palebrown h6.titled-box-title {
background : #987654;
}
.error-box, .warning-box, .success-box, .info-box {
margin-bottom : 20px;
padding : 15px 15px 15px 35px;
clear : both;
}
.error-box a, .warning-box a, .success-box a, .info-box a {
text-decoration : underline;
}
.error-box {
background : #fcc;
border : #f99 solid 1px;
color : #d01313;
position : relative;
}
.error-box:before, .warning-box:before, .success-box:before, .info-box:before {
top : 13px;
left : 10px;
font-family : FontAwesome;
font-style : normal;
font-weight : normal;
text-decoration : inherit;
font-size : 20px;
position : absolute;
}
.error-box:before {
content : "";
color : #c54228;
}
.warning-box {
background : #fdebae;
border : #e6c555 solid 1px;
color : #c79d13;
position : relative;
}
.warning-box:before {
content : "";
color : #e2b828;
}
.success-box {
background : #eafac0;
border : #b1cf67 solid 1px;
color : #7ba411;
position : relative;
}
.success-box:before {
content : "";
color : #75b632;
}
.info-box {
background : #bfe4f9;
border : #68a2cf solid 1px;
color : #2081b9;
position : relative;
}
.info-box:before {
content : "";
color : #008bc1;
}
.error-box a {
color : #d01313;
}
.warning-box a {
color : #c79d13;
}
.success-box a {
color : #7ba411;
}
.info-box a {
color : #2081b9;
}
.highlight {
padding : 3px 6px 4px 7px;
font-weight : bold;
margin : 0 5px 0 2px;
background : #333334;
color : #fff;
}
.highlight-italic {
font-style : italic;
}
.highlight-underlined {
border-bottom : 1px dotted #3d3d3d;
padding-bottom : 2px;
}
.highlight-underlined-italic {
font-style : italic;
border-bottom : 1px dashed #3d3d3d;
padding-bottom : 2px;
}
.highlight.green {
background : #7aa127;
}
.highlight.blue {
background : #3498db;
}
.highlight.ocean {
background : #1abc9c;
}
.highlight.orange {
background : #f39d12;
}
.highlight.pink {
background : #e67fb9;
}
.highlight.purple {
background : #9c59b6;
}
.highlight.red {
background : #e74d3c;
}
.highlight.slateblue {
background : #836fff;
}
.highlight.skyblue {
background : #00bfff;
}
.highlight.coral {
background : #ff7f50;
}
.highlight.khaki {
background : #b6af55;
}
.highlight.cyan {
background : #00cdcd;
}
.highlight.grey {
background : #8e8e8e;
}
.highlight.gold {
background : #e0a81c;
}
.highlight.chocolate {
background : #cd661d;
}
.highlight.raspberry {
background : #a23b6f;
}
.highlight.electricblue {
background : #536878;
}
.highlight.eggplant {
background : #614051;
}
.highlight.ferngreen {
background : #4f7942;
}
.highlight.palebrown {
background : #987654;
}
.highlight-italic.green {
color : #7aa127;
}
.highlight-italic.blue {
color : #3498db;
}
.highlight-italic.ocean {
color : #1abc9c;
}
.highlight-italic.orange {
color : #f39d12;
}
.highlight-italic.pink {
color : #e67fb9;
}
.highlight-italic.purple {
color : #9c59b6;
}
.highlight-italic.red {
color : #e74d3c;
}
.highlight-italic.slateblue {
color : #836fff;
}
.highlight-italic.skyblue {
color : #00bfff;
}
.highlight-italic.coral {
color : #ff7f50;
}
.highlight-italic.khaki {
color : #b6af55;
}
.highlight-italic.cyan {
color : #00cdcd;
}
.highlight-italic.grey {
color : #8e8e8e;
}
.highlight-italic.gold {
color : #e0a81c;
}
.highlight-italic.chocolate {
color : #cd661d;
}
.highlight-italic.raspberry {
color : #a23b6f;
}
.highlight-italic.electricblue {
color : #536878;
}
.highlight-italic.eggplant {
color : #614051;
}
.highlight-italic.ferngreen {
color : #4f7942;
}
.highlight-italic.palebrown {
color : #987654;
}
.highlight-underlined.green, .highlight-underlined-italic.green {
color : #7aa127;
border-bottom : 1px dotted #7aa127;
}
.highlight-underlined.blue, .highlight-underlined-italic.blue {
color : #3498db;
border-bottom : 1px dotted #3498db;
}
.highlight-underlined.ocean, .highlight-underlined-italic.ocean {
color : #1abc9c;
border-bottom : 1px dotted #1abc9c;
}
.highlight-underlined.orange, .highlight-underlined-italic.orange {
color : #f39d12;
border-bottom : 1px dotted #f39d12;
}
.highlight-underlined.pink, .highlight-underlined-italic.pink {
color : #e67fb9;
border-bottom : 1px dotted #e67fb9;
}
.highlight-underlined.purple, .highlight-underlined-italic.purple {
color : #9c59b6;
border-bottom : 1px dotted #9c59b6;
}
.highlight-underlined.red, .highlight-underlined-italic.red {
color : #e74d3c;
border-bottom : 1px dotted #e74d3c;
}
.highlight-underlined.slateblue, .highlight-underlined-italic.slateblue {
color : #836fff;
border-bottom : 1px dotted #836fff;
}
.highlight-underlined.skyblue, .highlight-underlined-italic.skyblue {
color : #00bfff;
border-bottom : 1px dotted #00bfff;
}
.highlight-underlined.coral, .highlight-underlined-italic.coral {
color : #ff7f50;
border-bottom : 1px dotted #ff7f50;
}
.highlight-underlined.khaki, .highlight-underlined-italic.khaki {
color : #b6af55;
border-bottom : 1px dotted #b6af55;
}
.highlight-underlined.cyan, .highlight-underlined-italic.cyan {
color : #00cdcd;
border-bottom : 1px dotted #00cdcd;
}
.highlight-underlined.grey, .highlight-underlined-italic.grey {
color : #8e8e8e;
border-bottom : 1px dotted #8e8e8e;
}
.highlight-underlined.gold, .highlight-underlined-italic.gold {
color : #e0a81c;
border-bottom : 1px dotted #e0a81c;
}
.highlight-underlined.chocolate, .highlight-underlined-italic.chocolate {
color : #cd661d;
border-bottom : 1px dotted #cd661d;
}
.highlight-underlined.raspberry, .highlight-underlined-italic.raspberry {
color : #a23b6f;
border-bottom : 1px dotted #a23b6f;
}
.highlight-underlined.electricblue, .highlight-underlined-italic.electricblue {
color : #536878;
border-bottom : 1px dotted #536878;
}
.highlight-underlined.eggplant, .highlight-underlined-italic.eggplant {
color : #614051;
border-bottom : 1px dotted #614051;
}
.highlight-underlined.ferngreen, .highlight-underlined-italic.ferngreen {
color : #4f7942;
border-bottom : 1px dotted #4f7942;
}
.highlight-underlined.palebrown, .highlight-underlined-italic.palebrown {
color : #987654;
border-bottom : 1px dotted #987654;
}
blockquote {
border-bottom : 3px solid #d9d9d9;
background : #ededed;
display : block;
padding : 25px 25px 25px 50px;
margin : 0;
position : relative;
}
blockquote q {
font-style : normal;
font-size : 14px;
line-height : 24px;
}
blockquote cite {
font-size : 12px;
}
blockquote:before {
content : "";
font-family : FontAwesome;
font-style : normal;
color : #797979;
font-weight : normal;
text-decoration : inherit;
font-size : 20px;
position : absolute;
top : 25px;
left : 20px;
}
blockquote:after {
content : '';
border-bottom : 1px solid #fff;
bottom : 0;
left : 0;
position : absolute;
width : 100%;
}
blockquote.green:before, blockquote.blue:before, blockquote.ocean:before, blockquote.orange:before, blockquote.pink:before, blockquote.purple:before, blockquote.red:before, blockquote.slateblue:before, blockquote.skyblue:before, blockquote.coral:before, blockquote.khaki:before, blockquote.cyan:before, blockquote.grey:before, blockquote.gold:before, blockquote.chocolate:before, blockquote.raspberry:before, blockquote.electricblue:before, blockquote.eggplant:before, blockquote.ferngreen:before, blockquote.palebrown:before {
color : #fff;
}
blockquote.green {
border-bottom : 3px solid #7aa127;
background : #7aa127;
color : #fff;
}
blockquote.blue {
border-bottom : 3px solid #3498db;
background : #3498db;
color : #fff;
}
blockquote.ocean {
border-bottom : 3px solid #1abc9c;
background : #1abc9c;
color : #fff;
}
blockquote.orange {
border-bottom : 3px solid #f39d12;
background : #f39d12;
color : #fff;
}
blockquote.pink {
border-bottom : 3px solid #e67fb9;
background : #e67fb9;
color : #fff;
}
blockquote.purple {
border-bottom : 3px solid #9c59b6;
background : #9c59b6;
color : #fff;
}
blockquote.red {
border-bottom : 3px solid #e74d3c;
background : #e74d3c;
color : #fff;
}
blockquote.slateblue {
border-bottom : 3px solid #836fff;
background : #836fff;
color : #fff;
}
blockquote.skyblue {
border-bottom : 3px solid #00bfff;
background : #00bfff;
color : #fff;
}
blockquote.coral {
border-bottom : 3px solid #ff7f50;
background : #ff7f50;
color : #fff;
}
blockquote.khaki {
border-bottom : 3px solid #b6af55;
background : #b6af55;
color : #fff;
}
blockquote.cyan {
border-bottom : 3px solid #00cdcd;
background : #00cdcd;
color : #fff;
}
blockquote.grey {
border-bottom : 3px solid #8e8e8e;
background : #8e8e8e;
color : #fff;
}
blockquote.gold {
border-bottom : 3px solid #e0a81c;
background : #e0a81c;
color : #fff;
}
blockquote.chocolate {
border-bottom : 3px solid #cd661d;
background : #cd661d;
color : #fff;
}
blockquote.raspberry {
border-bottom : 3px solid #a23b6f;
background : #a23b6f;
color : #fff;
}
blockquote.electricblue {
border-bottom : 3px solid #536878;
background : #536878;
color : #fff;
}
blockquote.eggplant {
border-bottom : 3px solid #614051;
background : #614051;
color : #fff;
}
blockquote.ferngreen {
border-bottom : 3px solid #4f7942;
background : #4f7942;
color : #fff;
}
blockquote.palebrown {
border-bottom : 3px solid #987654;
background : #987654;
color : #fff;
}
.pullquote, .pullquote2, .pullquote3, .pullquote4, .pullquote5, .pullquote6 {
display : inline-block;
margin-bottom : 20px;
margin-right : 4%;
margin-top : 20px;
width : 40%;
}
.pullquote, .pullquote2, .pullquote3, .pullquote4, .pullquote5, .pullquote6 {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 18px;
letter-spacing : -0.5px;
line-height : 30px;
}
.pullquote {
border-left : 3px solid #d9d9d9;
background : #f5f5f5;
letter-spacing : 0;
line-height : 25px;
padding : 15px;
width : 36%;
}
.pullquote2 {
background : #f5f5f5;
border : #fff solid 1px;
box-shadow : 0 0 5px #d0d0d0;
padding : 19px;
}
.pullquote3 {
background : #f5f5f5;
border-bottom : 2px dotted #d9d9d9;
border-top : 2px dotted #d9d9d9;
padding : 19px;
}
.pullquote4 {
border-bottom : 4px double #d9d9d9;
border-top : 4px double #d9d9d9;
margin-top : 20px;
padding : 10px 0;
}
.pullquote5 {
letter-spacing : 0;
line-height : 25px;
padding : 5px 5px 5px 15px;
width : 36%;
}
.pullquote6 {
background : #f5f5f5;
letter-spacing : 0;
line-height : 25px;
padding : 15px;
width : 36%;
}
.quotes:before {
content : open-quote;
display : inline;
font-size : 150%;
font-weight : bold;
margin-right : 5px;
vertical-align : middle;
}
.quotes:after {
content : close-quote;
display : inline;
font-size : 150%;
font-weight : bold;
margin-left : 5px;
vertical-align : middle;
}
.pullquote.aligncenter, .pullquote2.aligncenter, .pullquote3.aligncenter, .pullquote4.aligncenter, .pullquote5.aligncenter, .pullquote6.aligncenter {
display : block;
float : none;
text-align : center;
width : auto;
}
.pullquote.alignleft, .pullquote.aligncenter {
margin-left : 2px;
}
.pullquote.alignright, .pullquote.aligncenter {
margin-right : 2px;
}
.toggle-frame-set {
float : left;
width : 100%;
margin : 0;
padding : 0;
}
.toggle-frame h5.toggle-accordion, .toggle-frame h5.toggle {
clear : both;
margin : 0 0 1px;
background : #ededed;
}
.toggle-frame h5.toggle-accordion a, .toggle-frame h5.toggle a {
color : #333334;
display : block;
padding : 12px 15px 15px 37px;
}
.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active a:hover {
color : #fff !important ;
}
.toggle-content {
clear : both;
padding : 20px 0 20px;
display : none;
}
h5.toggle, h5.toggle-accordion {
font-size : 16px;
clear : both;
position : relative;
padding-left : 22px;
color : #333334;
transition : all 300ms linear;
}
h5.toggle:before, h5.toggle-accordion:before {
font-family : FontAwesome;
font-style : normal;
font-weight : normal;
text-decoration : inherit;
font-size : 18px;
position : absolute;
top : 2px;
left : 0;
content : "";
}
h5.toggle.active:before, h5.toggle-accordion.active:before {
content : "";
}
.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active:before, .toggle-frame h5.toggle.active:before, .toggle-frame h5.toggle-accordion.active:hover, .toggle-frame h5.toggle.active:hover {
color : #fff;
}
.toggle-frame h5.toggle-accordion:before, .toggle-frame h5.toggle:before {
top : 13px;
left : 15px;
}
.toggle-frame h5.toggle, .toggle-frame h5.toggle-accordion {
padding : 0;
}
.faq h5.toggle-accordion {
padding : 0 0 0 42px;
margin-bottom : 13px;
line-height : 35px;
}
.faq h5.toggle-accordion:before {
font-family : 'Lato', sans-serif;
content : '?';
background : #333334;
width : 27px;
height : 27px;
text-align : center;
line-height : 27px;
color : #fff;
border : #d9d9d9 solid 3px;
border-radius : 27px;
}
.faq h5.toggle-accordion.active:before {
content : '?';
}
.faq .toggle-content {
padding : 0 0 10px;
margin-left : 42px;
}
.faq h5.toggle-accordion a {
color : #333334;
}
.tabs-container {
float : left;
width : 100%;
margin : 0 0 20px;
padding : 0;
clear : both;
}
ul.tabs-frame {
float : left;
margin : 0 0 0 2%;
padding : 0;
width : 98%;
}
ul.tabs-frame li {
float : left;
display : inline;
margin : 0 10px 0 0;
padding : 0;
}
ul.tabs-frame li a {
border : #d9d9d9 solid 1px;
border-top : 3px solid #d9d9d9;
border-bottom : 0;
float : left;
margin : 0;
padding : 0 20px;
background : #ededed;
text-align : center;
font-size : 14px;
font-weight : bold;
color : #333334;
line-height : 40px;
}
ul.tabs-frame li a.current {
background : #fff;
color : #333334;
border-bottom : 0;
position : relative;
z-index : 1;
}
.tabs-frame-content {
background : #fff;
border : #d9d9d9 solid 1px;
float : left;
clear : both;
width : 90%;
margin : -1px 0 0;
padding : 25px 5% 15px;
}
.tabs-vertical-container {
float : left;
width : 100%;
margin : 0 0 20px;
padding : 0;
clear : both;
}
ul.tabs-vertical-frame {
float : left;
width : 31%;
margin : 0;
padding : 0 13px 0 0;
}
ul.tabs-vertical-frame li {
float : left;
display : block;
margin : 0 0 10px;
padding : 0;
width : 100%;
position : relative;
}
ul.tabs-vertical-frame li a {
display : block;
border : #d9d9d9 solid 1px;
margin : 0;
padding : 14px 20px;
background : #ededed;
font-weight : bold;
color : #333334;
}
ul.tabs-vertical-frame li a.current {
background : #fff;
}
ul.tabs-vertical-frame li.current a span {
position : absolute;
right : -6px;
top : 16px;
background : url(images/vertical-tabs-active.png) no-repeat;
width : 7px;
height : 12px;
}
.tabs-vertical-frame-content {
background : #fff;
border : #d9d9d9 solid 1px;
float : left;
width : 58%;
margin : -1px 0 0;
padding : 20px 4% 20px;
}
.tabs-vertical-frame-content h4 {
text-transform : none;
}
.pricing-table {
width : 100%;
margin : 30px 0 20px;
padding : 0;
float : left;
}
.pr-tb-col {
position : relative;
border : #f0f0f0 solid 5px;
background : #fafafa;
width : 100%;
margin : 0;
padding : 0;
text-align : center;
transition : box-shadow 0.2s ease-out;
}
.tb-title h5 {
padding : 20px;
font-weight : bold;
font-size : 20px;
line-height : normal;
text-transform : uppercase;
margin-bottom : 0;
}
.tb-header .price {
background : #666667;
margin : 0 -5px;
padding : 20px 20px 20px 20px;
display : block;
font-size : 48px;
font-weight : bold;
color : #fff;
}
.tb-header .price span {
font-size : 18px;
}
.tb-content {
border-top : 5px solid #f0f0f0;
list-style-type : none;
margin : 0;
}
.tb-content li {
background : #f7f7f7;
font-size : 14px;
color : #757575;
border-top : 1px solid #dfdfdf;
border-bottom : 1px solid #fff;
padding : 18px 10px;
}
.pr-tb-col .buy-now {
border-top : 5px solid #f0f0f0;
padding : 20px;
margin : 0;
}
.pr-tb-col .buy-now .button {
margin : 0;
background-color : #333334;
color : #fff;
}
.pr-tb-col, .tb-header .price, .tb-title h5, .pr-tb-col .buy-now {
transition : all 300ms linear;
}
.pr-tb-col.selected, .pr-tb-col:hover {
z-index : 10;
box-shadow : 0 0 15px rgba(0, 0, 0, 0.25);
margin-top : -25px;
}
.pr-tb-col:hover {
z-index : 100;
}
.pr-tb-col.selected .tb-title h5, .pr-tb-col:hover .tb-title h5, .pr-tb-col.selected .buy-now, .pr-tb-col:hover .buy-now {
padding : 25px 20px;
}
.pr-tb-col.selected .tb-header .price, .pr-tb-col:hover .tb-header .price {
padding : 35px 20px;
}
.pricing-table.no-space .column {
margin-right : 0;
}
.pricing-table.no-space .one-fourth {
width : 25%;
}
.pricing-table.no-space .one-third {
width : 33.3%;
}
.pricing-table.no-space .one-half {
width : 50%;
}
.pricing-table.no-space .one-fifth {
width : 20%;
}
.pricing-table.no-space .one-sixth {
width : 16.6%;
}
.pricing-table.no-space .three-fourth {
width : 75%;
}
.pricing-table.no-space .two-third {
width : 66.6%;
}
.pricing-table.no-space .four-fifth {
width : 80%;
}
.pricing-table.no-space .three-fifth {
width : 60%;
}
.pricing-table.no-space .two-fifth {
width : 40%;
}
.pricing-table.no-space .two-sixth {
width : 33.2%;
}
.pricing-table.no-space .three-sixth {
width : 49.8%;
}
.pricing-table.no-space .four-sixth {
width : 66.4%;
}
.pricing-table.no-space .five-sixth {
width : 83%;
}
.progress {
height : 42px;
margin-bottom : 10px;
clear : both;
display : block;
}
.progress .bar {
position : relative;
}
.progress .bar-text {
font-size : 14px;
position : absolute;
top : 0;
left : 0;
line-height : 42px;
box-sizing : border-box;
padding : 0 20px;
color : #fff;
font-weight : bold;
width : 100%;
text-align : left;
display : none;
}
.progress .bar-text > span {
float : right;
display : block;
}
@keyframes progress-bar-stripes {
from {
background-position : 40px 0;
}
to {
background-position : 0 0;
}
}
.progress {
overflow : hidden;
height : 42px;
background-color : #ededed;
}
.progress .bar {
width : 0%;
height : 100%;
color : #fff;
float : left;
font-size : 12px;
text-align : center;
background-color : #0e90d2;
background-repeat : repeat-x;
box-shadow : 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
box-sizing : border-box;
transition : width 0.6s ease;
}
.progress .bar + .bar {
box-shadow : 1px 0 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.progress-striped .bar {
background-image : linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size : 40px 40px;
}
.progress.active .bar {
animation : progress-bar-stripes 2s linear infinite;
}