@charset "UTF-8";
/*!
 * SocialBox Addon - Flat Styles 1.2.0
 * Copyright by Jonas Döbertin
 * Available only at CodeCanyon: http://codecanyon.net/item/flat-styles-addon-for-socialbox/7585389
 */
/**************************************************************************\
*                                  MIXINS                                  *
\**************************************************************************/
/**************************************************************************\
*                                  COLORS                                  *
\**************************************************************************/
/**************************************************************************\
*                                   GRID                                   *
\**************************************************************************/
.socialbox-row { margin-left: -1px; margin-right: -1px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.socialbox-col-1, .socialbox-col-2, .socialbox-col-3 { position: relative; min-height: 1px; padding-left: 1px; padding-right: 1px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.socialbox-nogutter-row { margin: 0; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.socialbox-nogutter-col-1, .socialbox-nogutter-col-2, .socialbox-nogutter-col-3 { position: relative; min-height: 1px; padding: 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.socialbox-col-3, .socialbox-nogutter-col-3 { width: 100%; }

.socialbox-col-2, .socialbox-nogutter-col-2 { width: 66.66666667%; }

.socialbox-col-1, .socialbox-nogutter-col-1 { width: 33.33333333%; }

/**************************************************************************\
*                                  ICONS                                   *
\**************************************************************************/
/* 64 pixel icons */
.socialbox-icon-64, .socialbox-icon-32 { display: block; margin: 0 auto; padding: 0; background: none; }

/* 64 pixel icons */
.socialbox-icon-64 { width: 64px; height: 64px; }
.socialbox-icon-64.socialbox-icon-dribbble { background-position: 0px 0px; }
.socialbox-icon-64.socialbox-icon-mailchimp { background-position: 0px -64px; }
.socialbox-icon-64.socialbox-icon-facebook { background-position: 0px -128px; }
.socialbox-icon-64.socialbox-icon-forrst { background-position: 0px -192px; }
.socialbox-icon-64.socialbox-icon-github { background-position: 0px -256px; }
.socialbox-icon-64.socialbox-icon-googleplus { background-position: 0px -320px; }
.socialbox-icon-64.socialbox-icon-instagram { background-position: 0px -384px; }
.socialbox-icon-64.socialbox-icon-pinterest { background-position: 0px -448px; }
.socialbox-icon-64.socialbox-icon-soundcloud { background-position: 0px -512px; }
.socialbox-icon-64.socialbox-icon-twitter { background-position: 0px -576px; }
.socialbox-icon-64.socialbox-icon-vimeo { background-position: 0px -640px; }
.socialbox-icon-64.socialbox-icon-youtube { background-position: 0px -704px; }

/* 32 pixel icons */
.socialbox-icon-32 { width: 32px; height: 32px; }
.socialbox-icon-32.socialbox-icon-dribbble { background-position: 0px 0px; }
.socialbox-icon-32.socialbox-icon-mailchimp { background-position: 0px -32px; }
.socialbox-icon-32.socialbox-icon-facebook { background-position: 0px -64px; }
.socialbox-icon-32.socialbox-icon-forrst { background-position: 0px -96px; }
.socialbox-icon-32.socialbox-icon-github { background-position: 0px -128px; }
.socialbox-icon-32.socialbox-icon-googleplus { background-position: 0px -160px; }
.socialbox-icon-32.socialbox-icon-instagram { background-position: 0px -192px; }
.socialbox-icon-32.socialbox-icon-pinterest { background-position: 0px -224px; }
.socialbox-icon-32.socialbox-icon-soundcloud { background-position: 0px -256px; }
.socialbox-icon-32.socialbox-icon-twitter { background-position: 0px -288px; }
.socialbox-icon-32.socialbox-icon-vimeo { background-position: 0px -320px; }
.socialbox-icon-32.socialbox-icon-youtube { background-position: 0px -352px; }

/**************************************************************************\
*                              OLLIE'S STYLE                               *
\**************************************************************************/
.socialbox-style-ollie { padding-left: 1px; padding-right: 1px; }
.socialbox-style-ollie .socialbox-network { background: transparent; display: block; padding: 0 0 20px 0; margin: 0 auto 2px auto; }
.socialbox-style-ollie .socialbox-link { display: block; width: 64px; padding: 0; margin: 0 auto; }
.socialbox-style-ollie .socialbox-icon-64 { background-color: #858585; background-image: url("../img/icons-64-white-symbol.png"); background-size: 64px 768px; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; margin: 0; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { .socialbox-style-ollie .socialbox-icon-64 { background-image: url("../img/icons-64-white-symbol.png"); background-size: 64px 768px; } }
.socialbox-style-ollie .socialbox-icon-dribbble:hover { background-color: #d0316a; }
.socialbox-style-ollie .socialbox-icon-mailchimp:hover { background-color: #999999; }
.socialbox-style-ollie .socialbox-icon-facebook:hover { background-color: #3d599b; }
.socialbox-style-ollie .socialbox-icon-forrst:hover { background-color: #5f9b6a; }
.socialbox-style-ollie .socialbox-icon-github:hover { background-color: #3382c0; }
.socialbox-style-ollie .socialbox-icon-googleplus:hover { background-color: #dc422b; }
.socialbox-style-ollie .socialbox-icon-instagram:hover { background-color: #634d40; }
.socialbox-style-ollie .socialbox-icon-pinterest:hover { background-color: #cb2027; }
.socialbox-style-ollie .socialbox-icon-soundcloud:hover { background-color: #ff7700; }
.socialbox-style-ollie .socialbox-icon-twitter:hover { background-color: #00abee; }
.socialbox-style-ollie .socialbox-icon-vimeo:hover { background-color: #86c9ef; }
.socialbox-style-ollie .socialbox-icon-youtube:hover { background-color: #ff021e; }
.socialbox-style-ollie .socialbox-number, .socialbox-style-ollie .socialbox-metric { color: #454545; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; text-align: center; margin: 0; padding: 0; }
.socialbox-style-ollie .socialbox-number { font-size: 16px; font-weight: 700; margin-top: 10px; }
.socialbox-style-ollie .socialbox-metric { font-size: 12px; font-weight: 400; }

/**************************************************************************\
*                           FLATGRID MONOCHROME                            *
\**************************************************************************/
.socialbox-style-flatgrid-mono, .socialbox-style-flatgrid-colored { padding-left: 1px; padding-right: 1px; }
.socialbox-style-flatgrid-mono .socialbox-network, .socialbox-style-flatgrid-colored .socialbox-network { background: #c0c0c0; display: block; padding: 0 0 10px 0; margin: 0 0 2px 0; }
.socialbox-style-flatgrid-mono .socialbox-icon-64, .socialbox-style-flatgrid-colored .socialbox-icon-64 { background-image: url("../img/icons-64-white-symbol.png"); background-size: 64px 768px; background-repeat: no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { .socialbox-style-flatgrid-mono .socialbox-icon-64, .socialbox-style-flatgrid-colored .socialbox-icon-64 { background-image: url("../img/icons-64-white-symbol.png"); background-size: 64px 768px; } }
.socialbox-style-flatgrid-mono .socialbox-number, .socialbox-style-flatgrid-mono .socialbox-metric, .socialbox-style-flatgrid-colored .socialbox-number, .socialbox-style-flatgrid-colored .socialbox-metric { color: #ffffff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; text-align: center; margin: 0; padding: 0; }
.socialbox-style-flatgrid-mono .socialbox-number, .socialbox-style-flatgrid-colored .socialbox-number { font-size: 20px; font-weight: 700; }
.socialbox-style-flatgrid-mono .socialbox-metric, .socialbox-style-flatgrid-colored .socialbox-metric { font-size: 12px; font-weight: 400; }

/**************************************************************************\
*                           FLATGRID MONOCHROME                            *
\**************************************************************************/
.socialbox-style-flatgrid-colored .socialbox-network-dribbble { background: #d0316a; }
.socialbox-style-flatgrid-colored .socialbox-network-mailchimp { background: #999999; }
.socialbox-style-flatgrid-colored .socialbox-network-facebook { background: #3d599b; }
.socialbox-style-flatgrid-colored .socialbox-network-forrst { background: #5f9b6a; }
.socialbox-style-flatgrid-colored .socialbox-network-github { background: #3382c0; }
.socialbox-style-flatgrid-colored .socialbox-network-googleplus { background: #dc422b; }
.socialbox-style-flatgrid-colored .socialbox-network-instagram { background: #634d40; }
.socialbox-style-flatgrid-colored .socialbox-network-pinterest { background: #cb2027; }
.socialbox-style-flatgrid-colored .socialbox-network-soundcloud { background: #ff7700; }
.socialbox-style-flatgrid-colored .socialbox-network-twitter { background: #00abee; }
.socialbox-style-flatgrid-colored .socialbox-network-vimeo { background: #86c9ef; }
.socialbox-style-flatgrid-colored .socialbox-network-youtube { background: #ff021e; }

/**************************************************************************\
*                                 MASSIVE                                  *
\**************************************************************************/
.socialbox-style-massive ul { list-style: none; padding: 0; margin: 0; width: 100%; }
.socialbox-style-massive .socialbox-network { list-style: none; margin: 0; padding: 0; }
.socialbox-style-massive .socialbox-network-dribbble { background-color: #d0316a; }
.socialbox-style-massive .socialbox-network-mailchimp { background-color: #999999; }
.socialbox-style-massive .socialbox-network-facebook { background-color: #3d599b; }
.socialbox-style-massive .socialbox-network-forrst { background-color: #5f9b6a; }
.socialbox-style-massive .socialbox-network-github { background-color: #3382c0; }
.socialbox-style-massive .socialbox-network-googleplus { background-color: #dc422b; }
.socialbox-style-massive .socialbox-network-instagram { background-color: #634d40; }
.socialbox-style-massive .socialbox-network-pinterest { background-color: #cb2027; }
.socialbox-style-massive .socialbox-network-soundcloud { background-color: #ff7700; }
.socialbox-style-massive .socialbox-network-twitter { background-color: #00abee; }
.socialbox-style-massive .socialbox-network-vimeo { background-color: #86c9ef; }
.socialbox-style-massive .socialbox-network-youtube { background-color: #ff021e; }
.socialbox-style-massive .socialbox-link { display: block; margin: 0; padding: 30px 0; }
.socialbox-style-massive .socialbox-icon-64 { background-image: url("../img/icons-64-white-symbol.png"); background-size: 64px 768px; background-repeat: no-repeat; border: 2px solid #ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { .socialbox-style-massive .socialbox-icon-64 { background-image: url("../img/icons-64-white-symbol.png"); background-size: 64px 768px; } }
.socialbox-style-massive .socialbox-number, .socialbox-style-massive .socialbox-metric { display: block; text-align: center; color: #ffffff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
.socialbox-style-massive .socialbox-number { font-size: 28px; line-height: 28px; font-weight: 300; margin: 30px 0 0 0; }
.socialbox-style-massive .socialbox-metric { font-size: 14px; line-height: 14px; font-weight: 300; }

/**************************************************************************\
*                                   RIKI                                   *
\**************************************************************************/
.socialbox-style-riki .socialbox-title { background: #323a45; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.socialbox-style-riki .socialbox-title h4 { font-family: "Signika", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 52px; text-align: center; margin: 0; padding: 0; color: #f1f1f3; }
.socialbox-style-riki .socialbox-overview { background: #ffffff; padding: 20px; overflow: hidden; }
.socialbox-style-riki .socialbox-overview .socialbox-heart { background: white url("../img/heart.png") top left no-repeat; width: 64px; height: 64px; display: block; float: left; margin: 0 18px 0 0; }
.socialbox-style-riki .socialbox-overview .socialbox-total { font-family: "Signika", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 300; line-height: 1.1; color: #5e6d81; display: block; margin: 10px 0 0; }
.socialbox-style-riki .socialbox-overview span { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.5; color: #9ea7b3; display: block; }
.socialbox-style-riki .socialbox-networks { overflow: hidden; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.socialbox-style-riki .socialbox-networks .socialbox-network { display: block; overflow: hidden; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
.socialbox-style-riki .socialbox-networks .socialbox-network-dribbble { background-color: #d0316a; }
.socialbox-style-riki .socialbox-networks .socialbox-network-dribbble:hover { background-color: #d95a87; }
.socialbox-style-riki .socialbox-networks .socialbox-network-mailchimp { background-color: #999999; }
.socialbox-style-riki .socialbox-networks .socialbox-network-mailchimp:hover { background-color: #adadad; }
.socialbox-style-riki .socialbox-networks .socialbox-network-facebook { background-color: #3d599b; }
.socialbox-style-riki .socialbox-networks .socialbox-network-facebook:hover { background-color: #637aaf; }
.socialbox-style-riki .socialbox-networks .socialbox-network-forrst { background-color: #5f9b6a; }
.socialbox-style-riki .socialbox-networks .socialbox-network-forrst:hover { background-color: #7faf87; }
.socialbox-style-riki .socialbox-networks .socialbox-network-github { background-color: #3382c0; }
.socialbox-style-riki .socialbox-networks .socialbox-network-github:hover { background-color: #5b9bcc; }
.socialbox-style-riki .socialbox-networks .socialbox-network-googleplus { background-color: #dc422b; }
.socialbox-style-riki .socialbox-networks .socialbox-network-googleplus:hover { background-color: #e36755; }
.socialbox-style-riki .socialbox-networks .socialbox-network-instagram { background-color: #634d40; }
.socialbox-style-riki .socialbox-networks .socialbox-network-instagram:hover { background-color: #827066; }
.socialbox-style-riki .socialbox-networks .socialbox-network-pinterest { background-color: #cb2027; }
.socialbox-style-riki .socialbox-networks .socialbox-network-pinterest:hover { background-color: #d54c52; }
.socialbox-style-riki .socialbox-networks .socialbox-network-soundcloud { background-color: #ff7700; }
.socialbox-style-riki .socialbox-networks .socialbox-network-soundcloud:hover { background-color: #ff9233; }
.socialbox-style-riki .socialbox-networks .socialbox-network-twitter { background-color: #00abee; }
.socialbox-style-riki .socialbox-networks .socialbox-network-twitter:hover { background-color: #33bbf1; }
.socialbox-style-riki .socialbox-networks .socialbox-network-vimeo { background-color: #86c9ef; }
.socialbox-style-riki .socialbox-networks .socialbox-network-vimeo:hover { background-color: #9ed3f2; }
.socialbox-style-riki .socialbox-networks .socialbox-network-youtube { background-color: #ff021e; }
.socialbox-style-riki .socialbox-networks .socialbox-network-youtube:hover { background-color: #ff344b; }
.socialbox-style-riki .socialbox-icon-32 { background-color: transparent; background-image: url("../img/icons-32-white-symbol.png"); background-size: 32px 384px; background-repeat: no-repeat; margin: 10px auto 0; padding: 0; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { .socialbox-style-riki .socialbox-icon-32 { background-image: url("../img/icons-64-white-symbol.png"); background-size: 32px 384px; } }
.socialbox-style-riki .socialbox-number { color: #ffffff; text-align: center; display: block; font-family: "Signika", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px; padding: 0; margin: 0 0 10px 0; }

/**************************************************************************\
*                                BIG TACIU                                 *
\**************************************************************************/
.socialbox-style-bigtaciu .socialbox-network { display: block; margin-bottom: 15px; padding: 20px 20px 20px 25px; overflow: hidden; }
.socialbox-style-bigtaciu .socialbox-network:last-child { margin-bottom: none; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-dribbble { background-color: #d0316a; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-mailchimp { background-color: #999999; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-facebook { background-color: #3d599b; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-forrst { background-color: #5f9b6a; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-github { background-color: #3382c0; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-googleplus { background-color: #dc422b; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-instagram { background-color: #634d40; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-pinterest { background-color: #cb2027; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-soundcloud { background-color: #ff7700; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-twitter { background-color: #00abee; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-vimeo { background-color: #86c9ef; }
.socialbox-style-bigtaciu .socialbox-network.socialbox-network-youtube { background-color: #ff021e; }
.socialbox-style-bigtaciu .socialbox-network .socialbox-icon-64 { background-color: transparent; background-image: url("../img/icons-64-white-symbol.png"); background-size: 64px 768px; background-repeat: no-repeat; margin: -10px 0 30px -15px; padding: 0; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { .socialbox-style-bigtaciu .socialbox-network .socialbox-icon-64 { background-image: url("../img/icons-64-white-symbol.png"); background-size: 64px 768px; } }
.socialbox-style-bigtaciu .socialbox-network .socialbox-stats { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; color: white; float: left; }
.socialbox-style-bigtaciu .socialbox-network .socialbox-stats .socialbox-number { font-weight: 500; }
.socialbox-style-bigtaciu .socialbox-network .socialbox-stats .socialbox-metric { font-weight: 300; }
.socialbox-style-bigtaciu .socialbox-network .socialbox-number { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 16px; color: white; float: left; }
.socialbox-style-bigtaciu .socialbox-network .socialbox-action-link { display: block; width: 24px; height: 24px; background-color: transparent; background-image: url("../img/action.png"); background-size: 24px 24px; text-indent: -9999px; float: right; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { .socialbox-style-bigtaciu .socialbox-network .socialbox-action-link { background-image: url("../img/action-2x.jpg"); background-size: 24px 24px; } }