/* - Reset - */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;/* vertical-align: baseline; */}
button {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;-moz-box-sizing: border-content;}
button::-moz-focus-inner {border: 0;padding: 0;}
img {border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;padding:0px;}
a img{border:0px;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* icon fonts */
@font-face {
font-family: 'notjustagrid';
src: url('/fonts/notjustagrid.eot?44509217');
src: url('/fonts/notjustagrid.eot?44509217#iefix') format('embedded-opentype'),
url('/fonts/notjustagrid.woff?44509217') format('woff'),
url('/fonts/notjustagrid.ttf?44509217') format('truetype'),
url('/fonts/notjustagrid.svg?44509217#notjustagrid') format('svg');
font-weight: normal;
font-style: normal;
}
/* Animation example, for spinners */
.animate-spin {
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(359deg);}
}
.animate-shake{
-webkit-animation-name:shake;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease;
animation-name:shake;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-direction: alternate;
animation-timing-function: ease;
}
@-webkit-keyframes shake{
0%, 100% {-webkit-transform: translateX(0);}
10% {-webkit-transform: translateX(-3px);}
20%{-webkit-transform: translateX(3px);}
30%, 70%{-webkit-transform: translateX(-6px);}
40%, 80%{-webkit-transform: translateX(6px);}
50%{-webkit-transform: translateX(-10px);}
60%{-webkit-transform: translateX(10px);}
90%{-webkit-transform: translateX(-3px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10% {transform: translateX(-3px);}
20%{transform: translateX(3px);}
30%, 70%{transform: translateX(-6px);}
40%, 80%{transform: translateX(6px);}
50%{transform: translateX(-10px);}
60%{transform: translateX(10px);}
90%{transform: translateX(-3px);}
}
.animate-pulse{
-webkit-animation-name: pulse;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 3;
-webkit-animation-direction: both;
animation-name:pulse;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 3;
animation-direction: both;
}
@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.02);}
100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.02);}
100% { transform: scale(1); }
}
.animate-pulse-stronger{
-webkit-animation-name: pulse-stronger;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 3;
-webkit-animation-direction: both;
animation-name:pulse-stronger;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 3;
animation-direction: both;
}
@-webkit-keyframes pulse-stronger {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(2);}
100% { -webkit-transform: scale(1); }
}
@keyframes pulse-stronger {
0% { transform: scale(1); }
50% { transform: scale(2);}
100% { transform: scale(1); }
}
.animate-pulse-shadow{
-webkit-animation-name: pulse-shadow;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 3;
-webkit-animation-direction: both;
animation-name:pulse-shadow;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 3;
animation-direction: both;
}
@-webkit-keyframes pulse-shadow {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.02);box-shadow:0px 20px 40px rgba(0,0,0,0.45); }
100% { -webkit-transform: scale(1); }
}
@keyframes pulse-shadow {
0% { transform: scale(1); }
50% { transform: scale(1.02);box-shadow:0px 20px 40px rgba(0,0,0,0.45); }
100% { transform: scale(1); }
}
/* name, duration, timing, delay, direction, iteration, fill mode, play state */
.animate-bounce {
-webkit-animation-name: bounce;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 0;
-webkit-animation-direction: forwards;
-webkit-animation-iteration-count: 3;
-webkit-animation-fill-mode: forwards;
-webkit-animation-play-state: running;
animation-name: bounce;
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 0;
animation-direction: forwards;
animation-iteration-count: 3;
animation-fill-mode: forwards;
animation-play-state: running;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.animate-infinite{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animate-one{ -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.animate-two{ -webkit-animation-iteration-count: 2; animation-iteration-count: 2;}
.animate-three{ -webkit-animation-iteration-count: 3; animation-iteration-count: 3;}
.animate-four{ -webkit-animation-iteration-count: 4; animation-iteration-count: 4;}
.animate-five{ -webkit-animation-iteration-count: 5; animation-iteration-count: 5;}
.animate-duration-half{-webkit-animation-duration: .5s;animation-duration: .5s;}
.animate-duration-one{-webkit-animation-duration: 1s;animation-duration: 1s;}
.animate-duration-two{-webkit-animation-duration: 2s;animation-duration: 2s;}
.animate-duration-three{-webkit-animation-duration: 3s;animation-duration: 3s;}
.animate-duration-four{-webkit-animation-duration: 4s;animation-duration: 4s;}
.animate-duration-five{-webkit-animation-duration: 5s;animation-duration: 5s;}
.animate-delay-half{-webkit-animation-delay: .5s;animation-delay: .5s;}
.animate-delay-one{-webkit-animation-delay: 1s;animation-delay: 1s;}
.animate-delay-two{-webkit-animation-delay: 2s;animation-delay: 2s;}
.animate-delay-three{-webkit-animation-delay: 3s;animation-delay: 3s;}
.animate-delay-four{-webkit-animation-delay: 4s;animation-delay: 4s;}
.animate-delay-five{-webkit-animation-delay: 5s;animation-delay: 5s;}
/* - buttons - */
.btn {border-radius:4px; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);padding:.75em 1em;transition-duration: 0.3s;margin:.5em;}
.btn.medium{font-size:1.25em;}
.btn.large{font-size:1.5em;}
.btn.huge{font-size:2em;}
.btn:disabled{background:#888; opacity:0.25;}
.btn.ghost {background:none;border-width: 2px; border-style: solid;}
.btn:before, .btn:after {
font-family: "notjustagrid";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
/* fix buttons height, for twitter bootstrap
line-height: 1em;*/
/* you can be more comfortable with increased icons size*/
font-size: 120%;
}
.btn:after{;margin-left:.75em;}
.btn:before{margin-right:.75em;}
.btn.ghost:hover{transform:scale(.96) translate3d(0,0,0);}
.btn.ghost-white:hover{background:#fff;border-color:#fff;color:#000;}
.btn.ghost-palegrey:hover{background:#eee;border-color:#eee;color:#000;}
.btn.ghost-black:hover{background:#000;border-color:000;}
.btn.ghost-lt-blue:hover{background:#03A9F4;border-color:#03A9F4;}
.btn.ghost-lime:hover{background:#CDDC39;border-color:#CDDC39;}
.btn.ghost-pink:hover{background:#E91E63;border-color:#E91E63;}
.btn.ghost-teal:hover{background:#009688;border-color:#009688;}
.btn.ghost-lt-green:hover{background:#8BC34A;border-color:#8BC34A;}
.btn.ghost-blue-grey:hover{background:#607D8B;border-color:#607D8B;}
.btn.ghost-amber:hover{background:#FFC107;border-color:#FFC107;}
.btn.ghost-orange:hover{background:#F57C00;border-color:#F57C00;}
.btn.ghost-deep-orange:hover{background:#FF5722;border-color:#FF5722;}
.btn.ghost-red:hover{background:#F44336;border-color:#F44336;}
/* icons */
/* repurposed the tag for use in displaying icons inline */
i{display:inline-block;}
.icon:before,.icon:after{
font-family: "notjustagrid";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.icon-search:after { content: '\e800'; } /* '' */
.icon-mail:after { content: '\e801'; } /* '' */
.icon-share:after { content: '\e802'; } /* '' */
.icon-ok:after { content: '\e803'; } /* '' */
.icon-ok-circled:after { content: '\e804'; } /* '' */
.icon-cancel:after { content: '\e805'; } /* '' */
.icon-cancel-circled:after { content: '\e806'; } /* '' */
.icon-plus:after { content: '\e807'; } /* '' */
.icon-plus-circled:after { content: '\e808'; } /* '' */
.icon-minus:after { content: '\e809'; } /* '' */
.icon-minus-circled:after { content: '\e80a'; } /* '' */
.icon-share-squared:after { content: '\e80b'; } /* '' */
.icon-left-open:before { content: '\e80c'; } /* '' */
.icon-right-open:after { content: '\e80d'; } /* '' */
.icon-angle-circled-left:before { content: '\e80e'; } /* '' */
.icon-angle-circled-right:after { content: '\e80f'; } /* '' */
.icon-phone:after { content: '\e810'; } /* '' */
.icon-phone-squared:after { content: '\e811'; } /* '' */
.icon-pencil:after { content: '\e812'; } /* '' */
.icon-pencil-squared:after { content: '\e813'; } /* '' */
.icon-attention-alt:after { content: '\e814'; } /* '' */
.icon-arrows-cw:after { content: '\e815'; } /* '' */
.icon-attention-circled:after { content: '\e816'; } /* '' */
.icon-attention:after { content: '\e817'; } /* '' */
.icon-pause:after { content: '\e818'; } /* '' */
.icon-play:after { content: '\e819'; } /* '' */
.icon-stop:after { content: '\e81a'; } /* '' */
.icon-to-end:after { content: '\e81b'; } /* '' */
.icon-to-start:before { content: '\e81c'; } /* '' */
.icon-to-start-alt:before { content: '\e81d'; } /* '' */
.icon-to-end-alt:after { content: '\e81e'; } /* '' */
.icon-trash-empty:after { content: '\e81f'; } /* '' */
.icon-scissors:after { content: '\e820'; } /* '' */
.icon-videocam:after { content: '\e821'; } /* '' */
.icon-camera:after { content: '\e822'; } /* '' */
.icon-home:after { content: '\e823'; } /* '' */
.icon-crop:after { content: '\e824'; } /* '' */
.icon-youtube:after { content: '\e825'; } /* '' */
.icon-twitter:after { content: '\e826'; } /* '' */
.icon-linkedin:after { content: '\e827'; } /* '' */
.icon-gplus:after { content: '\e828'; } /* '' */
.icon-facebook:after { content: '\e829'; } /* '' */
.icon-pinterest-circled:after { content: '\e82a'; } /* '' */
.icon-instagramm:after { content: '\e82b'; } /* '' */
.icon-tumblr:after { content: '\e82c'; } /* '' */
.icon-facebook-squared:after { content: '\e82d'; } /* '' */
.icon-flickr:after { content: '\e82e'; } /* '' */
.icon-gplus-squared:after { content: '\e82f'; } /* '' */
.icon-linkedin-squared:after { content: '\e830'; } /* '' */
.icon-pinterest-squared:after { content: '\e831'; } /* '' */
.icon-tumblr-squared:after { content: '\e832'; } /* '' */
.icon-twitter-squared:after { content: '\e833'; } /* '' */
.icon-vimeo-squared:after { content: '\e834'; } /* '' */
.icon-youtube-squared:after { content: '\e835'; } /* '' */
.icon-heart:after { content: '\e836'; } /* '' */
.icon-heart-empty:after { content: '\e837'; } /* '' */
.icon-star:after { content: '\e838'; } /* '' */
.icon-star-empty:after { content: '\e839'; } /* '' */
.icon-mail-alt:after { content: '\e83a'; } /* '' */
.icon-th-list:after { content: '\e83b'; } /* '' */
.icon-menu:after { content: '\e83c'; } /* '' */
.icon-help:after { content: '\e83d'; } /* '' */
.icon-help-circled:after { content: '\e83e'; } /* '' */
.icon-info-circled:after { content: '\e83f'; } /* '' */
.icon-info:after { content: '\e840'; } /* '' */
.icon-reply:after { content: '\e841'; } /* '' */
.icon-forward:after { content: '\e842'; } /* '' */
.icon-reply-all:after { content: '\e843'; } /* '' */
.icon-zoom-out:after { content: '\e844'; } /* '' */
.icon-zoom-in:after { content: '\e845'; } /* '' */
.icon-sort-name-up:after { content: '\e846'; } /* '' */
.icon-sort-name-down:after { content: '\e847'; } /* '' */
.icon-sort-number-down:after { content: '\e848'; } /* '' */
.icon-sort-number-up:after { content: '\e849'; } /* '' */
.icon-desktop:after { content: '\e84a'; } /* '' */
.icon-laptop:after { content: '\e84b'; } /* '' */
.icon-tablet:after { content: '\e84c'; } /* '' */
.icon-mobile:after { content: '\e84d'; } /* '' */
.icon-location:after { content: '\e84e'; } /* '' */
.icon-user:after { content: '\e84f'; } /* '' */
.icon-users:after { content: '\e850'; } /* '' */
.icon-tools:after { content: '\e851'; } /* '' */
.icon-comment:after { content: '\e852'; } /* '' */
.icon-down-bold:after { content: '\e853'; } /* '' */
.icon-left-bold:after { content: '\e854'; } /* '' */
.icon-right-bold:after { content: '\e855'; } /* '' */
.icon-up-bold:after { content: '\e856'; } /* '' */
.icon-resize-full-alt:after { content: '\e857'; } /* '' */
.icon-calendar-empty:after { content: '\e858'; } /* '' */
.icon-chat:after { content: '\e859'; } /* '' */
.icon-docs:after { content: '\e85a'; } /* '' */
.icon-doc:after { content: '\e85b'; } /* '' */
.icon-cog:after { content: '\e85c'; } /* '' */
.icon-basket:after { content: '\e85d'; } /* '' */
.icon-down-open:after { content: '\e85e'; } /* '' */
.icon-up-open:after { content: '\e85f'; } /* '' */
.icon-angle-circled-up:after { content: '\e860'; } /* '' */
.icon-angle-circled-down:after { content: '\e861'; } /* '' */
.icon-home-1:after { content: '\e862'; } /* '' */
.icon-phone-1:after { content: '\e863'; } /* '' */
.icon-cc-visa:after { content: '\e864'; } /* '' */
.icon-cc-mastercard:after { content: '\e865'; } /* '' */
.icon-cc-discover:after { content: '\e866'; } /* '' */
.icon-cc-amex:after { content: '\e867'; } /* '' */
.icon-cc-paypal:after { content: '\e868'; } /* '' */
.icon-cc-stripe:after { content: '\e869'; } /* '' */
.icon-video-alt:after { content: '\e86a'; } /* '' */
.icon-spinner:after { content: '\e86b'; } /* '' */
/* new icons may 27th 2015 */
.icon-fax:after { content: '\e86c'; } /* '' */
.icon-cog-alt:after { content: '\e86d'; } /* '' */
.icon-cog-1:after { content: '\e86e'; } /* '' */
.icon-mobile-1:after { content: '\e86f'; } /* '' */
.icon-stumbleupon:after { content: '\e870'; } /* '' */
/* new icons June 9 2015 */
.icon-file-pdf:before { content: '\e871'; } /* '' */
.icon-file-word:before { content: '\e872'; } /* '' */
.icon-file-excel:before { content: '\e873'; } /* '' */
.icon-file-powerpoint:before { content: '\e874'; } /* '' */
.icon-file-image:before { content: '\e875'; } /* '' */
.icon-file-video:before { content: '\e876'; } /* '' */
.icon-file-audio:before { content: '\e877'; } /* '' */
.icon-block{font-size:15px;border-radius:3px;width:25px; height:25px;line-height:25px;display:inline-block;text-align:center;}
.icon-block-medium{font-size:20px;width:35px; height:35px;line-height:35px;}
.icon-block-large{font-size:25px;width:45px; height:45px;line-height:45px;}
.icon-block-huge{font-size:30px;width:55px; height:55px;line-height:55px;}
.icon-block-round{border-radius:50%;}
/* Not Just a Grid v2.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* - Type - */
BODY {font-family: 'mr-eaves-xl-modern', sans-serif;font-size:75%;font-weight:300;line-height:1.5em;letter-spacing:1px;color:ddd;-webkit-text-size-adjust: none;}
html>body {font-size: 16px;}
h1, h2, h3, h4, h5, h6 {color:#444;font-family: 'acumin-pro-condensed', sans-serif; font-weight:700;}
p, ol, ul, blockquote, code, dl, dt, dd{color:#444;font-size:1em;font-weight:300;letter-spacing:.02em;line-height:1.5em;}
h1,.h1 {font-size:4.0em;line-height:1.1em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h2,.h2 {font-size:2.7em;line-height:1.17em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h3,.h3 {font-size:2.4em;line-height:1.18em;letter-spacing:-.03em;margin:0px 0px .8em 0px;} /* was 1.38em lh and .5em margin */
h4,.h4 {font-size:2.1em;line-height:1.18em;letter-spacing:-.03em;margin:0px 0px 0.5em 0px;}
h5,.h5 {font-size:1.8em;line-height:1.15em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h6,.h6 {font-size:1.5em;line-height:1.15em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
.serif{font-family:"Times New Roman", Times, serif}
.sans{font-family:'mr-eaves-xl-modern', sans-serif;}
p {margin:0 0 1.5em 0;}
blockquote {margin:10px 45px 15px 45px; font-style:italic; quotes:"\201C""\201D""\2018""\2019"; border-bottom:2px solid #444;border-top:2px solid #444;}
blockquote:before {font-size:24px;content:open-quote;}
blockquote:after {font-size:24px;content:close-quote;}
strong {font-weight:700;}
em, cite, dfn, address {font-style:italic;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted blue;}
acronym{font-variant:small-caps;}
address{margin:0px 0px 1.5em 2.5em;}
del{text-decoration:line-through;}
ins{border-bottom:1px dotted green;text-decoration:none;}
ul, ol{margin:0 0 1em 3em;list-style:disc;list-style-position:outside;}
li{ padding:0px 0px 0px .25em;}
ol {list-style:decimal;}
ol.roman {list-style:lower-roman;}
ol.alpha {list-style:lower-alpha;}
ol.upperalpha {list-style:upper-alpha;}
dl {margin:0px; padding:0px;}
dt {margin:0 0 0 1.5em; font-weight:bold;}
dd {margin:0 0 0 3em;}
sup, sub {font-size:75%;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
a, a:link, a:visited {color:#7cb82f;text-decoration:none;}
a:hover, a:active {color:#223d72;text-decoration:none;}
hr {height:1px;color:#444;background-color:#444;clear:both;margin:20px 30px 20px 30px;border:none;}
code, pre, var, samp{font-family:"Courier New", Courier, monospace;}
small{font-size:60% !important; vertical-align:middle;}
big{font-size:120%; vertical-align:middle;}
/* forms */
/* ---------------------------------------------------------------------------- */
/* vertical form styling ------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */
.vertical_form {letter-spacing:1px;}
.vertical_form fieldset{margin:10px 0px;padding:10px 20px 10px 20px;}
.vertical_form fieldset.fieldsetbuttons {padding:10px 10px 10px 20px;}
.vertical_form fieldset.fieldsetbuttons div {text-align:right;}
.vertical_form legend {color:#666; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); margin:0px;border:1px solid #ccc;padding:3px 6px;background:#eee;border-radius:5px;text-transform:uppercase;box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);}
.vertical_form label {display:block;margin:5px 0px 2px 0px;}
.vertical_form ul {margin:0px; padding:0px;}
.vertical_form li {list-style:none; margin:0px; padding:0px;}
.vertical_form div.form_input_notes {font-size:12px; margin:0px 0px 10px 10px;}
/* ---------------------------------------------------------------------------- */
/* Horizontal form styling ---------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.horizontal_form {letter-spacing:1px;}
.horizontal_form fieldset{margin:10px 0px;padding:10px 20px 10px 20px;}
.horizontal_form fieldset.fieldsetbuttons {padding:10px 10px 10px 20px;}
.horizontal_form fieldset.fieldsetbuttons div {text-align:right;}
.horizontal_form legend {color:#666; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);margin:0px;border:1px solid #888;padding:3px 6px;background:#eee; border-radius:5px;text-transform:uppercase;box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);}
.horizontal_form label {float:left;margin:0px 5px 0px 0px; width:100px; text-align:right; line-height:25px;height:25px;}
.horizontal_form ul {margin:0px; padding:0px;}
.horizontal_form li {list-style:none; vertical-align:middle; margin:10px 0px;clear:left;}
.horizontal_form div.form_input_notes {font-size:12px; display:inline;}
/* ---------------------------------------------------------------------------- */
/* Input field styling -------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.normalfield, .requiredfield {font-family:'mr-eaves-xl-modern',sans-serif;border: 1px solid transparent;border-bottom:1px solid #aaa; color:#6d6d6d; font-size:1em; letter-spacing:1px;padding:4px 2px 4px 2px;border-radius:3px;}
.normalfield {background: #f0f0f0;}
.requiredfield {background: #f5f0f0;}
.fielderror {border: 1px solid #ff4444; background-color:#ffadaf;}
.fieldgood {background: #e0ffc7;}
.requiredfield:focus, .fielderror:focus, .normalfield:focus {border: 1px solid #ddd; -webkit-box-shadow: 0px 0px 7px rgba(0, 144, 255, .5); -moz-box-shadow: 0px 0px 7px rgba(0, 144, 255, .5); box-shadow: 0px 0px 7px rgba(0, 144, 255, .5);}
.requiredfield:focus {background: #fff;}
.normalfield:focus {background: #fff;}
.fielderror:focus {border: 1px solid #ff4444; background-color:#ffadaf;}
.smallfield {font:10px;padding:2px 1px 2px 1px;}
.largefield {font:16px}
.normalfieldfooter {background: #383838;color:#6d6d6d; font-size:1.3em; border: 1px solid #333333;border-right:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; margin-bottom:5px;padding:8px;border-radius:2px;width:100%;}
textarea {overflow:auto;}
div.custom-select {
position: relative;
display: inline-block;
width:100%;
margin-bottom:20px;
}
.custom-select select {
display: inline-block;
width:100%;
padding: 6px 6px 6px 6px;
margin: 0;
outline:none; /* remove focus ring from Webkit */
line-height: 1.2;
font-size:1.4em;
background: #eee;
font-weight:300;
-webkit-appearance:none; /* remove the strong OSX influence from Webkit */
-moz-appearance: none;
appearance: none;
border-radius: 3px;
border:1px solid rgba(0,0,0,0.1);
box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);
}
/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.custom-select select {
padding-right:30px;
}
}
/* Select arrow styling */
.custom-select:after {
content: "▼";
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
font-size: 60%;
line-height: 34px;
padding: 2px 7px 0px 7px;
background: #ddd;
color: #000;
pointer-events:none;
border-left:1px solid #ddd;
border-radius: 0 3px 3px 0;
}
.no-pointer-events .custom-select:after {
content: none;
}
/* UX */
/* Not Just a Grid v2.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* ---------------------------------------------------------------------------- */
/* error boxes ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.warning:before, .error:before, .success:before, .question:before{
font-family: "notjustagrid";
font-style: normal;
font-weight: normal;
speak: none;
position:absolute; left:0px; top:calc(50% - 10px); height:100%;
text-decoration: inherit;
text-align: center;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
font-size:50px;
padding:0px 20px;
}
.warning, .error, .success, .question {border:0px solid #000; border-left-width:10px;color:#444;padding:10px;padding-left:80px;box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;position:relative;margin:20px 0px;border-radius:5px;}
.warning {border-color:#FFA000;background-color:#fff5d9;}
.warning:before{ content: '\e816';color:#FFA000; }
.error {border-color:#D32F2F;background-color:#fff2f4;}
.error:before{ content: '\e806';color:#D32F2F; }
.success {border-color:#689F38;background-color:#e8ede1;}
.success:before{ content: '\e804';color:#689F38; }
.question {border-color:#0288D1;background-color:#e3f4fc;}
.question:before{ content: '\e83e';color:#0288D1; }
/* ---------------------------------------------------------------------------- */
/* Pagination styles ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
div.pagescontainer {padding: 3px;margin: 3px;text-align:right;color:#eee;}
div.pagescontainer a, div.pagescontainer span.ghost, div.pagescontainer span.current {transition-duration: 0.3s;width:30px; height:30px; line-height:30px;font-size:1.25em;text-transform:uppercase;text-decoration: none;letter-spacing:0px;color: #444;padding: 3px 8px 3px 8px;margin:2px;text-align:center;border-radius:2px;background:#fff;box-shadow:0px 7px 5px -5px rgba(0,0,0,0.25), 0px 0px 3px rgba(0,0,0,0.2);}
div.pagescontainer a:hover, div.pagescontainer a:active {background-color:#7cb82f;color: #fff !important;}
div.pagescontainer span.ghost { border-bottom: 1px solid rgba(0,0,0,0.1);background-color:#fff;color:#ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
div.pagescontainer span.current {background-color: #7cb82f;color: #fff;}
/* tables */
/* Not Just a Grid v2.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* ---------------------------------------------------------------------------- */
/* Plain Table ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
table.plain {font: 11px letter-spacing:2px;border-spacing:1px;border-collapse:collapse;}
table.plain caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;color:#444;caption-side: bottom;}
table.plain td, table.plain th {padding:4px 6px 4px 6px;border:1px solid #bbb;}
/* ----- */
/* thead */
/* ----- */
table.plain thead {font-size:12px;font-weight:bold;text-transform:uppercase;text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
table.plain thead th, table.plain thead td {padding:6px;}
table.plain thead tr {background:#eee;}
/* ----- */
/* tfoot */
/* ----- */
table.plain tfoot tr {background:#eee;}
table.plain tfoot {font-size: 10px;}
/* ----- */
/* tbody */
/* ----- */
table.plain tbody tr th {text-align:right;font-weight:bold;background:#eee;}
/* ---------------------------------------------------------------------------- */
/* Datalist Table ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
table.datalist {font-size: 11px;letter-spacing:2px;border-spacing:1px;border-collapse:collapse;}
table.datalist caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;caption-side: bottom;}
table.datalist td, table.datalist th {padding:4px 6px 4px 6px;border:1px solid #bbb;}
/* ----- */
/* thead */
/* ----- */
table.datalist thead {font-size:12px;font-weight:bold;text-transform:uppercase;text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
table.datalist thead th,table.datalist thead td {padding:6px;}
table.datalist thead tr {background:#eee;}
/* ----- */
/* tfoot */
/* ----- */
table.datalist tfoot tr {background:#eee;}
table.datalist tfoot td, table.datalist tfoot th {font-size: 10px;}
/* ----- */
/* tbody */
/* ----- */
table.datalist tbody tr th {text-align:right}
table.datalist tbody tr:nth-child(odd) {background-color:#e6e6e6;}
table.datalist tbody tr:nth-child(even) {background-color:#eee;}
table.datalist tbody tr:nth-child(odd):hover {background-color:#dcdcdc;}
table.datalist tbody tr:nth-child(even):hover {background-color:#d5d5d5;}
/* ---------------------------------------------------------------------------- */
/* Product Table ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
table.productspecs {font: 1em;border-spacing:1px;border-collapse:collapse;}
table.productspecs caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;color:#444;caption-side: bottom;}
table.productspecs td, table.productspecs th {padding:4px 6px 4px 6px;border:1px solid #ddd;}
/* ----- */
/* thead */
/* ----- */
table.productspecs thead {}
table.productspecs thead th, table.productspecs thead td {color:#fff;text-transform:uppercase;padding:5px;font-size:1.2em;font-weight:700;}
table.productspecs thead tr {background:#777;}
/* ----- */
/* tfoot */
/* ----- */
table.productspecs tfoot tr {background:#f2f2f2;}
table.productspecs tfoot {font-size: .9em;}
table.productspecs tfoot td{padding-left:30px;}
/* ----- */
/* tbody */
/* ----- */
table.productspecs tbody tr {background:#fff;}
table.productspecs tbody th {font-weight:bold;}
table.productspecs tbody th.subheading {padding-left:30px;font-weight:400;}
table.productspecs tbody tr.subtitle {background:#ccc;}
/* - misc - */
.zoomer{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;z-index:1 !important;}
.zoomer:hover{-webkit-transform:scale(1.05) translate3d(0,0,0); -moz-transform:scale(1.05) translate3d(0,0,0); -o-transform:scale(1.05) translate3d(0,0,0);-ms-transform:scale(1.05);transform:scale(1.05) translate3d(0,0,0) ;z-index:10 !important;}
.doublezoomer{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;z-index:1 !important;}
.doublezoomer:hover{-webkit-transform:scale(1.5) translate3d(0,0,0); -moz-transform:scale(1.5) translate3d(0,0,0); -o-transform:scale(1.5) translate3d(0,0,0);-ms-transform:scale(1.5);transform:scale(1.5) translate3d(0,0,0) rotate(5deg);z-index:10 !important;}
.zoomable{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.zoomable:hover{box-shadow:0px 20px 40px rgba(0,0,0,0.45);-webkit-transform:scale(1.05) translate3d(0,0,0); -moz-transform:scale(1.05) translate3d(0,0,0); -o-transform:scale(1.05) translate3d(0,0,0);-ms-transform:scale(1.05);transform:scale(1.05) translate3d(0,0,0) ;}
.spinable{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.spinable:hover{-webkit-transform: rotate(359deg) translate3d(0,0,0);transform: rotate(359deg) translate3d(0,0,0); }
/* - Grid - */
/* Set up the basics ----------- */
.container {width:960px;position:relative; margin:auto;}
.full, .half, .threequarter, .quarter,.third,.twothird,.fifth,.twofifth,.threefifth,.fourfifth,.sixth,.fivesixth {float:left;display:inline;margin:0 10px 0 10px;padding:0;}
.first {margin-left:0;}
.last {margin-right:0;}
.nogutter {margin:0;}
.only1400, .only1200, .only960, .onlytablet, .onlysmartphone {display:none;}
/* large desktops 1400 grid----------- */
@media all and (min-width: 1400px) {
.container {width:1380px;}
.full {width:1360px;}
.half {width:670px;}
.threequarter {width:1015px;}
.quarter {width:325px;}
.third {width:440px;}
.twothird {width:900px;}
.fifth {width:256px;}
.twofifth {width:532px;}
.threefifth {width:808px;}
.fourfifth {width:1084px;}
.sixth {width:210px;}
.fivesixth {width:1130px;}
#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G1400";top:10px;}
.notdesktop{display:none;}
.not1400{display:none;}
.only1400{display:block;}
}
/* widescreen desktops 1200 grid----------- */
@media all and (min-width: 1280px) and (max-width: 1399px) {
.container {width:1200px}
.full {width:1180px;}
.half {width:580px;}
.threequarter {width:880px;}
.quarter {width:280px;}
.third {width:380px;}
.twothird {width:780px;}
.fifth {width:220px;}
.twofifth {width:460px;}
.threefifth {width:700px;}
.fourfifth {width:940px;}
.sixth {width:180px;}
.fivesixth {width:980px;}
.full1200 {width:1200px;}
.half1200 {width:580px;}
.threequarter1200 {width:880px;}
.quarter1200 {width:280px;}
.third1200 {width:380px;}
.twothird1200 {width:780px;}
#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G1200";top:10px;}
.notdesktop{display:none;}
.not1200{display:none;}
.only1200{display:block;}
}
/* small desktops and laptops 960 grid----------- */
@media all and (min-width: 960px) and (max-width: 1279px) {
.container {width:960px;}
.full {width:940px;}
.half {width:460px;}
.threequarter {width:700px;}
.quarter {width:220px;}
.third {width:300px;}
.twothird {width:620px;}
.fifth {width:172px;}
.twofifth {width:364px;}
.threefifth {width:556px;}
.fourfifth {width:748px;}
.sixth {width:140px;}
.fivesixth {width:780px;}
.full960 {width:940px;}
.half960 {width:460px;}
.threequarter960 {width:700px;}
.quarter960 {width:220px;}
.third960 {width:300px;}
.twothird960 {width:620px;}
#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G960";top:10px;}
.notdesktop{display:none;}
.not960{display:none;}
.only960{display:block;}
}
/* Tablets ----------- */
@media all and (min-width:720px) and (max-width:959px) {
.container {width:720px;}
.full {width:700px;}
.half {width:340px;}
.threequarter {width:520px;}
.quarter {width:160px;}
.third {width:220px;}
.twothird {width:460px;}
.fifth {width:124px;}
.twofifth {width:268px;}
.threefifth {width:412px;}
.fourfifth {width:556px;}
.sixth {width:100px;}
.fivesixth {width:580px;}
.fulltablet {width:700px;}
.halftablet {width:340px;}
.threequartertablet {width:520px;}
.quartertablet {width:160px;}
.thirdtablet {width:220px;}
.twothirdtablet {width:460px;}
.fifthtablet {width:124px;}
.twofifthtablet {width:268px;}
.threefifthtablet {width:412px;}
.fourfifthtablet {width:556px;}
.sixthtablet {width:100px;}
.fivesixthtablet {width:580px;}
#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"GTAB";top:10px;}
.notdesktop {display:block;}
.onlytablet{display:block;}
.nottablet{display:none;}
}
/* Smartphones ----------- */
@media only screen and (max-width:719px) {
.sb-site {max-width:500px;margin:auto;background:black;}
.container {width:100%; }
.first {margin:0;}
.last {margin:0;}
.full, .half, .threequarter, .quarter,.third,.twothird,.fifth,.twofifth,.threefifth,.fourfifth,.sixth,.fivesixth {clear:both;width:90%;margin:0 5% 0 5%;}
#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"GSMP";top:10px;}
.notdesktop {display:block;}
.onlysmartphone{display:block;}
.notsmartphone {display:none;}
.fullphone{clear:both;width:90%;margin:0 5% 0 5%;}
.halfphone{float:left;clear:none;width:42%; margin:0 5%;}
.halfphone:nth-of-type(2n-1){margin-right:3%}
.halfphone:nth-of-type(2n){margin-left:3%}
.quarterphone{float:left;clear:none;width:18%; margin:0 3%;}
.quarterphone:nth-of-type(4n-3){margin-left:5%}
.quarterphone:nth-of-type(4n){margin-right:5%}
.thirdphone{float:leftclear:none;width:26%; margin:0 3%;}
.thirdphone:nth-of-type(3n-2){margin-left:5%}
.thirdphone:nth-of-type(3n){margin-right:5%}
}
/* cards */
.card {box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;}
.card .cardtitle{padding:10px; font-size:1.4em;}
.card .cardcontent{padding:10px;}
.card .cardlink{text-align:right; padding:5px 10px 5px 0px;}
.card .cardsubtitle{background:#222;color:white; padding:10px; text-align:center;font-weight:400;font-size:1.4em;font-family:'Oxygen', sans-serif;}
.card .cardhero img{width:100%;}
.card .cardcoverlink{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* helpers */
/* Not Just a Grid v2.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence */
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.allcaps, .uppercase{text-transform:uppercase;}
.obj-right{float:right;}
.obj-left{float:left;}
.margin-v-10{margin-top:10px;margin-bottom:10px;}
.margin-v-20{margin-top:20px;margin-bottom:20px;}
.margin-h-10{margin-left:10px;margin-right:10px;}
.margin-h-20{margin-left:20px;margin-right:20px;}
.margin-top-10 {margin-top:10px;}
.margin-top-20 {margin-top:20px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-left-10 {margin-left:10px;}
.margin-left-20 {margin-left:20px;}
.margin-right-10 {margin-right:10px;}
.margin-right-20 {margin-right:20px;}
.margin-10{margin:10px;}
.margin-20{margin:20px;}
.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-v-10{padding-top:10px;padding-bottom:10px;}
.padding-v-20{padding-top:20px;padding-bottom:20px;}
.padding-h-10{padding-left:10px;padding-right:10px;}
.padding-h-20{padding-left:20px;padding-right:20px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-top-10 {padding-top:10px;}
.padding-top-20 {padding-top:20px;}
.padding-left-10 {padding-left:10px;}
.padding-left-20 {padding-left:20px;}
.padding-right-10 {padding-right:10px;}
.padding-right-20 {padding-right:20px;}
.border-radius-5{border-radius:5px;}
.border-radius-10{border-radius:10px;}
.radius-5{border-radius:5px;}
.radius-10{border-radius:10px;}
.border {border:1px solid;}
.rel {position:relative;}
.abs {position:absolute;}
.block {display:block;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.overflow-none {overflow:hidden;}
.overflow-scroll{overflow:scroll;}
.clear {clear:both;}
.no-padding{padding:0;}
.fullwidth{width:100%;}
.borderbox {box-sizing:border-box;}
.display-none {display:none;}
.display {display:block;}
.no-margin{margin:0;}
.softshadow{ box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);}
.longshadow{text-shadow:1px 1px 1px rgba(0,0,0,0.5),2px 2px 1px rgba(0,0,0,0.05),3px 3px 1px rgba(0,0,0,0.05),4px 4px 1px rgba(0,0,0,0.05),5px 5px 1px rgba(0,0,0,0.05), 6px 6px 1px rgba(0,0,0,0.05), 7px 7px 1px rgba(0,0,0,0.05),8px 8px 1px rgba(0,0,0,0.05),9px 9px 1px rgba(0,0,0,0.05),10px 10px 1px rgba(0,0,0,0.05);}
.longshadowbox{box-shadow:1px 1px 1px rgba(0,0,0,0.5),2px 2px 1px rgba(0,0,0,0.05),3px 3px 1px rgba(0,0,0,0.05),4px 4px 1px rgba(0,0,0,0.05),5px 5px 1px rgba(0,0,0,0.05), 6px 6px 1px rgba(0,0,0,0.05), 7px 7px 1px rgba(0,0,0,0.05),8px 8px 1px rgba(0,0,0,0.05),9px 9px 1px rgba(0,0,0,0.05),10px 10px 1px rgba(0,0,0,0.05);}
.hoverable{transition-duration: 0.3s;z-index:1;}
.hoverable:hover{transform:scale(1.2) translate3d(0,0,0);box-shadow:0px 10px 40px 5px rgba(0,0,0,0.5);z-index:2;}
.linkfill{position:absolute; top:0px left:0px; width:100%; height:100%;}
.vertical-align-parent{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.vertical-align-object{position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.responsiveimage{width:100%;}
/* colours */
.bg-white {background:#fff;}
.bg-palegrey{background:#eee;}
.bg-lightgrey{background:#ccc;}
.bg-mediumgrey{background:#777;}
.bg-darkgrey{background:#444;}
.bg-black {background:#000;}
.bg-lt-blue {background:#03A9F4;}
.bg-lime{background:#CDDC39;}
.bg-pink{background:#E91E63;}
.bg-teal{background:#009688;}
.bg-lt-green{background:#8BC34A;}
.bg-blue-grey{background:#607D8B;}
.bg-amber{background:#FFC107;}
.bg-orange{background:#F57C00}
.bg-deep-orange{background:#FF5722}
.bg-red{background:#F44336}
.bg-white.btn:hover{background:#eee;transform:scale(.96) translate3d(0,0,0);}
.bg-palegrey.btn:hover{background:#ddd;transform:scale(.96) translate3d(0,0,0);}
.bg-lightgrey.btn:hover{background:#bbb;transform:scale(.96) translate3d(0,0,0);}
.bg-mediumgrey.btn:hover{background:#666;transform:scale(.96) translate3d(0,0,0);}
.bg-darkgrey.btn:hover{background:#333;transform:scale(.96) translate3d(0,0,0);}
.bg-black.btn:hover{background:#444;transform:scale(.96) translate3d(0,0,0);}
.bg-lt-blue.btn:hover{background:#0288D1;transform:scale(.96) translate3d(0,0,0);}
.bg-lime.btn:hover{background:#AFB42B;transform:scale(.96) translate3d(0,0,0);}
.bg-pink.btn:hover{background:#C2185B;transform:scale(.96) translate3d(0,0,0);}
.bg-teal.btn:hover{background:#00796B;transform:scale(.96) translate3d(0,0,0);}
.bg-lt-green.btn:hover{background:#689F38;transform:scale(.96) translate3d(0,0,0);}
.bg-blue-grey.btn:hover{background:#455A64;transform:scale(.96) translate3d(0,0,0);}
.bg-amber.btn:hover{background:#FFA000;transform:scale(.96) translate3d(0,0,0);}
.bg-orange.btn:hover{background:#F57C00;transform:scale(.96) translate3d(0,0,0);}
.bg-deep-orange.btn:hover{background:#E64A19;transform:scale(.96) translate3d(0,0,0);}
.bg-red.btn:hover{background:#D32F2F;transform:scale(.96) translate3d(0,0,0);}
.fg-white{color:#fff;}
.fg-palegrey{color:#eee;}
.fg-lightgrey{color:#ccc;}
.fg-mediumgrey{color:#777;}
.fg-darkgrey{color:#444;}
.fg-black{color:black;}
.fg-lt-blue {color:#03A9F4;}
.fg-lime{color:#CDDC39;}
.fg-pink{color:#E91E63;}
.fg-teal{color:#009688;}
.fg-lt-green{color:#8BC34A;}
.fg-blue-grey{color:#607D8B;}
.fg-amber{color:#FFC107;}
.fg-orange{color:#F57C00}
.fg-deep-orange{color:#FF5722}
.fg-red{color:#F44336;}
.bg-googleplus{background:#dd4b39}
.bg-vimeo{background:#45bbff}
.bg-tumblr{background:#32506d}
.bg-flickr{background:#ff0084}
.bg-linkedin{background:#007bb5}
.bg-pinterest{background:#cb2027}
.bg-facebook{background:#3b5998}
.bg-twitter{background:#00aced}
.bg-instagram{background:#3f729b}
.bg-youtube{background:#b82621}
.bg-stumbleupon{background:#EB4823;}
.bg-share{background:#008131}
.fg-googleplus{color:#dd4b39}
.fg-vimeo{color:#45bbff}
.fg-tumblr{color:#32506d}
.fg-flickr{color:#ff0084}
.fg-linkedin{color:#007bb5}
.fg-pinterest{color:#cb2027}
.fg-facebook{color:#3b5998}
.fg-twitter{color:#00aced}
.fg-instagram{color:#3f729b}
.fg-youtube{color:#b82621}
.fg-stumbleupon{color:#EB4823;}
.fg-share{color:#008131}
.bdr-white {border-color:#fff;}
.bdr-palegrey{border-color:#eee;}
.bdr-lightgrey{border-color:#ccc;}
.bdr-mediumgrey{border-color:#777;}
.bdr-darkgrey{border-color:#444;}
.bdr-black {border-color:#000;}
.bdr-lt-blue {border-color:#03A9F4;}
.bdr-lime{border-color:#CDDC39;}
.bdr-pink{border-color:#E91E63;}
.bdr-teal{border-color:#009688;}
.bdr-lt-green{border-color:#8BC34A;}
.bdr-blue-grey{border-color:#607D8B;}
.bdr-amber{border-color:#FFC107;}
.bdr-orange{border-color:#F57C00;}
.bdr-deep-orange{border-color:#FF5722;}
.bdr-red{border-color:#F44336;}
/* font weights */
.weight-ultra-black{font-weight:900;}
.weight-black{font-weight:800;}
.weight-bold{font-weight:700;}
.weight-semibold{font-weight:600;}
.weight-medium{font-weight:500;}
.weight-normal{font-weight:400;}
.weight-book{font-weight:300;}
.weight-light{font-weight:200;}
.weight-ultra-light{font-weight:100}