@font-face {
    font-family: ContactSocial;
    src: url(https://fonts.gstatic.com/s/karla/v5/Zi_e6rBgGqv33BWF8WTq8g.woff2);
}

ul.listsocial span.sociall-title {
	font-size: 14px !important;
	margin-bottom: 0!important;
	line-height: normal!important;
	color: black!important;
}

ul.listsocial span.social-target {
	font-size: 12px !important;
	/*margin-bottom: 0!important;*/
	line-height: normal!important;
	color: blue!important;
}

.widget-content h2.intro {
	font-size: 12px !important;
	line-height: normal!important;
	color #333;
}
.widget-content .intro_text {
	font-size: 12px !important;
	line-height: 18px!important;
}

.widget-content.bottom_right_content {
	font-family: ContactSocial, 'Montserrat', Helvetica, Arial, sans-serif;
}

/* Old Inline */

.top_left,
.top_right,
.bottom_left,
.bottom_right,
.top_left_content,
.top_right_content,
.bottom_left_content,
.bottom_right_content {
	position: fixed;
	z-index: 999999;
}

.top_left,
.top_right,
.bottom_left,
.bottom_right {
	cursor: pointer;
}

.top_left { top: 3%; left: 2%; }
.top_right { top: 3%; right: 2%; }
.bottom_left { bottom: 3%; left: 2%; }
.bottom_right { bottom: 3%; right: 2%; }

.top_left_content { top: 10%; left: 2%; }
.top_right_content { top: 10%; right: 2%; }
.bottom_left_content { bottom: 10%; left: 2%; }
.bottom_right_content { bottom: 10%; right: 2%; }

.widget-content {
	font-family: ContactSocial;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.3);
	font-size: 12px;
	height: 85%;
	overflow-y: auto;
	width: 22%;
	padding: 1%;
}
.widget-content .intro { display: flex; align-items: center; min-height: 40px; margin: 0; padding: 0 1rem; color: #444; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #f3f3f3; letter-spacing: 0.5px; }
.widget-content .intro_text { padding: 0.5rem 1rem; text-align:left; }
.group-title { display: flex; align-items: center; min-height: 40px; margin: 0; padding: 0 1rem; color: #444; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #f3f3f3; letter-spacing: 0.5px; }
.group-body { padding: 0.5rem 1rem; }
.listsocial { margin: 0 -1rem; padding: 0; list-style: none; }
.social-item { padding: 0; margin: 0; }
.social-link { display: flex; padding: 0.35rem 1rem; text-decoration: none; cursor: pointer; }
.social-icon { display: flex; align-items: center; justify-content: center; width: 20px; }
.social-content { min-width: 0; }
.social-icon + .social-content { margin-left: 1rem; text-align:left; }
.social-title { display: block; margin: 0; color: #444; font-size: 12px; text-transform: uppercase; white-space: nowrap; overflow: hidden; ext-overflow: ellipsis; letter-spacing: 0.5px; }
.social-target { display: block; margin: .1rem 0 0; color: #666; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wpsc_hidden { display: none; }

/* Responsive */

@media screen and (max-width: 1000px) {
	.widget-content {
		width: 30%;
	}
}

@media screen and (max-width: 800px) {
	.widget-content {
		width: 40%;
	}
}

@media screen and (max-width: 500px) {
	.widget-content {
		width: 60%;
	}
}

@media screen and (max-width: 400px) {
	.widget-content {
		width: 80%;
	}
}

.sc-more, .sc-more:active {
	background-color: white !important;
	color: #ccc  !important;
	padding: 2px;
	width: auto;
	height: auto;
	margin-left: 15px;
	font-size: 14px;
}

.sc-more:hover, .sc-more:active:hover {
	background-color: #ccc !important;
	color: white !important;
}


/* Social Buttons */
.dsb-btn{padding:8px 16px;margin-right:8px;}.dsb-btn:hover,.dsb-btn:focus,.dsb-btn:active{color:#ffffff !important;text-decoration:none !important}.dsb-white{color:#ffffff}.dsb-facebook{color:#3b5998}.dsb-twitter{color:#4099ff}.dsb-googleplus{color:#dd4b39}.dsb-pinterest{color:#c92228}.dsb-linkedin{color:#007bb5}.dsb-facebook-bg{background:#3b5998}.dsb-twitter-bg{background:#4099ff}.dsb-googleplus-bg{background:#dd4b39}.dsb-pinterest-bg{background:#c92228}.dsb-linkedin-bg{background:#007bb5}.dsb-facebook-bg:hover,.dsb-facebook-bg:focus,.dsb-facebook-bg:active{background:#2d4373}.dsb-twitter-bg:hover,.dsb-twitter-bg:focus,.dsb-twitter-bg:active{background:#0d7eff}.dsb-googleplus-bg:hover,.dsb-googleplus-bg:focus,.dsb-googleplus-bg:active{background:#c23321}.dsb-pinterest-bg:hover,.dsb-pinterest-bg:focus,.dsb-pinterest-bg:active{background:#9d1b1f}.dsb-linkedin-bg:hover,.dsb-linkedin-bg:focus,.dsb-linkedin-bg:active{background:#005882}

.dsb-instagram{color:#cd486b}
.dsb-instagram-bg{color:#cd486b}

.dsb-messenger{color:#0084ff}
.dsb-messenger-bg{background:#0084ff}
.dsb-messenger-bg:hover,.dsb-messenger-bg:focus,.dsb-messenger-bg:active{background:#0d7eff}

.dsb-website{color:#ffc300}
.dsb-website-bg{background:#ffc300}
.dsb-website-bg:hover,.dsb-website-bg:focus,.dsb-website-bg:active{background:#0d7eff}

.dsb-skype{color:#12A5F4}
.dsb-skype-bg{background:#12A5F4}
.dsb-skype-bg:hover,.dsb-skype-bg:focus,.dsb-skype-bg:active{background:#0d7eff}


.dsb-phone{color:#25d366}
.dsb-phone-bg{background:#25d366}
.dsb-phone-bg:hover,.dsb-phone-bg:focus,.dsb-phone-bg:active{background:#0d7eff}

.dsb-snapchat{color:#fffc00}
.dsb-snapchat-bg{background:#fffc00}
.dsb-snapchat-bg:hover,.dsb-snapchat-bg:focus,.dsb-snapchat-bg:active{background:#0d7eff}

.dsb-slack{color:#6ecadc}
.dsb-slack-bg{background:#6ecadc}
.dsb-slack-bg:hover,.dsb-slack-bg:focus,.dsb-slack-bg:active{background:#0d7eff}

.dsb-telegram{color:#0088cc}
.dsb-telegram-bg{background:#0088cc}
.dsb-telegram-bg:hover,.dsb-telegram-bg:focus,.dsb-telegram-bg:active{background:#0d7eff}


.dsb-github{color:#333}
.dsb-github-bg{background:#333}
.dsb-github-bg:hover,.dsb-github-bg:focus,.dsb-github-bg:active{background:#0d7eff}

.dsb-stackoverflow{color:#f48024}
.dsb-stackoverflow-bg{background:#f48024}
.dsb-stackoverflow-bg:hover,.dsb-stackoverflow-bg:focus,.dsb-stackoverflow-bg:active{background:#0d7eff}

.dsb-youtube{color:#ff0000}
.dsb-youtube-bg{background:#ff0000}
.dsb-youtube-bg:hover,.dsb-youtube-bg:focus,.dsb-youtube-bg:active{background:#0d7eff}

.dsb-vimeo{color:#1ab7ea}
.dsb-vimeo-bg{background:#1ab7ea}
.dsb-vimeo-bg:hover,.dsb-vimeo-bg:focus,.dsb-vimeo-bg:active{background:#0d7eff}

.dsb-medium{color:#00ab6c}
.dsb-medium-bg{background:#00ab6c}
.dsb-medium-bg:hover,.dsb-medium-bg:focus,.dsb-medium-bg:active{background:#0d7eff}

.dsb-vkontakte{color:#45668e}
.dsb-vkontakte-bg{background:#45668e}
.dsb-vkontakte-bg:hover,.dsb-vkontakte-bg:focus,.dsb-vkontakte-bg:active{background:#0d7eff}

.dsb-indiegogo{color:#eb1478}
.dsb-indiegogo-bg{background:#eb1478}
.dsb-indiegogo-bg:hover,.dsb-indiegogo-bg:focus,.dsb-indiegogo-bg:active{background:#0d7eff}

.dsb-xing{color:#cfdc00}
.dsb-xing-bg{background:#cfdc00}
.dsb-xing-bg:hover,.dsb-xing-bg:focus,.dsb-xing-bg:active{background:#0d7eff}

.dsb-producthunt{color:#da552f}
.dsb-producthunt-bg{background:#da552f}
.dsb-producthunt-bg:hover,.dsb-producthunt-bg:focus,.dsb-producthunt-bg:active{background:#0d7eff}

.dsb-soundcloud{color:#ff8800}
.dsb-soundcloud-bg{background:#ff8800}
.dsb-soundcloud-bg:hover,.dsb-soundcloud-bg:focus,.dsb-soundcloud-bg:active{background:#0d7eff}

/* Contact Form */

.scontact-field {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
  width: 100%;
  border: 1px solid #ccc!important;
  background: #FFF !important;
  margin: 0 0 5px;
  padding: 6px !important;
}

.scontact-field:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

textarea.scontact-field {
  height: 100px;
  max-width: 100%;
  resize: none;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  /*padding: 10px;*/
}

#btn-send-message {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #4CAF50;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#btn-send-message:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#btn-send-message:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* Icons round */


.sicon {
	font-size: 40px !important;
	padding: 15px;
	/*display: block  !important;*/
}

.social-item .social-link .social-icon {
	vertical-align: middle !important;
}

/* Pic */

.widget-content {
	/*position: relative;*/
}

.widget-content .wpsc-user-img {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 70px;
	height: 70px;
	border-radius: 50px;
}

.widget-content h2, .widget-content .sociall-title {
	color: #686868;
}

.widget-content .sociall-target {
	color: blue;
}

.social-icon img {
	max-width: 20px;
	max-height: 20px;
	width: auto;
	height: auto;
}