Your IP : 3.144.84.91


Current Path : /var/www/www-root/data/www/www.monolith-realty.ru/local/templates/monolitsochi/css/
Upload File :
Current File : /var/www/www-root/data/www/www.monolith-realty.ru/local/templates/monolitsochi/css/social-icons.css

/* SOCIAL ICONS */
.social-icons ul {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 0;
}
.social-icons li,
.soc-avt .row a {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;
  padding: 0px;
  margin: 0px;
}
.social-icons li a:not(:hover) svg path {
  fill: #666666;
}
.social-icons li:before {
  display: none;
}
.social-icons li a,
.soc-avt .row a {
  border-radius: 4px;
  display: block;
  width: 39px;
  height: 39px;
  margin: 4px 0px 4px 8px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  font-size: 0;
}
.soc-avt .row a i {
  display: block;  
  width: 100%;
  height: 100%;
  background: url(../images/svg/social.svg) -2px -190px no-repeat;
}

.soc-serv-accounts table tr .bx-ss-icons .icon i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/svg/social.svg) -2px -190px no-repeat;
}

.social-icons li a:hover,
.soc-avt .row a:hover {
  opacity: 0.8;
}
.soc-avt .row a {
  display: inline-block;
}

.social__item.social__item--image a {
  background-color: #4f5a6b;
  background: url(../images/svg/social.svg) -5px -193px no-repeat;
  width: 33px;
  height: 33px;
  border-radius: 4px;
  display: block;
}
.social__item.social__item--image a:hover {
  opacity: .8;
  transition: opacity 0.3s ease-in-out;
}
.social__item.social__item--image.fb a {
  background-position: -99px -193px;
}
.social__item.social__item--image.tw a {
  background-position: -4px -240px;
}
.social__item.social__item--image.inst a {
  background-position: -146px -334px;
}
.social__item.social__item--image.tel a {
  background-position: -334px -334px;
}
.social__item.social__item--image.yt a {
  background-position: -99px -334px;
}
.social__item.social__item--image.ok a {
  background-position: -52px -193px;
}
.social__item.social__item--image.ml a {
  background-position: -381px -240px;
}
.social__item.social__item--image.vi a {
  background-position: -334px -193px;
}
.social__item.social__item--image.wh a {
  background-position: -334px -240px;
}
.social__item.social__item--image.pt a {
  background-position: -193px -193px;
}
.social__item.social__item--image.zen a {
  background-position: -475px -334px;
}
.social__item.social__item--image.tt a {
  background-position: -522px -334px;
}
.social__item.social__item--image.sc a {
  background-position: -522px -287px;
}
.social__item.social__item--image.li a {
  background-position: -99px -287px;
}

.social__items--size-large .social__item.social__item--image a {
  width: 39px;
  height: 39px;
  background-position: -2px -190px;
}

.social__items--size-large .social__item.social__item--image.fb a {
  background-position: -96px -190px;
}
.social__items--size-large .social__item.social__item--image.tw a {
  background-position: -2px -237px;
}
.social__items--size-large .social__item.social__item--image.inst a {
  background-position: -143px -331px;
}
.social__items--size-large .social__item.social__item--image.tel a {
  background-position: -331px -331px;
}
.social__items--size-large .social__item.social__item--image.yt a {
  background-position: -96px -331px;
}
.social__items--size-large .social__item.social__item--image.ok a {
  background-position: -49px -190px;
}
.social__items--size-large .social__item.social__item--image.ml a {
  background-position: -378px -237px;
}
.social__items--size-large .social__item.social__item--image.vi a {
  background-position: -331px -190px;
}
.social__items--size-large .social__item.social__item--image.wh a {
  background-position: -331px -237px;
}
.social__items--size-large .social__item.social__item--image.pt a {
  background-position: -190px -190px;
}
.social__items--size-large .social__item.social__item--image.zen a {
  background-position: -472px -331px;
}
.social__items--size-large .social__item.social__item--image.tt a {
  background-position: -519px -331px;
}
.social__items--size-large .social__item.social__item--image.sc a {
  background-position: -519px -285px;
}

.social__items--size-large .social__item.social__item--image.li a {
  background-position: -96px -284px;
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image a:not(:hover) {
  background-position-y: -378px;
  opacity: 0.5;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.fb a:not(:hover) {
  background-position-y: -378px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.tw a:not(:hover) {
  background-position-y: -425px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.inst a:not(:hover) {
  background-position-y: -519px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.tel a:not(:hover) {
  background-position-y: -519px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.yt a:not(:hover) {
  background-position-y: -519px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.ok a:not(:hover) {
  background-position-y: -378px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.ml a:not(:hover) {
  background-position-y: -425px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.vi a:not(:hover) {
  background-position-y: -378px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.wh a:not(:hover) {
  background-position-y: -425px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.pt a:not(:hover) {
  background-position-y: -378px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.zen a:not(:hover) {
  background-position-y: -519px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.tt a:not(:hover) {
  background-position-y: -519px;
}
.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.sc a:not(:hover) {
  background-position-y: -472px;
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.li a:not(:hover) {
  background-position-y: -472px;
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image a:not(:hover) {
  background-position-y: -566px;
  opacity: 0.5;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.fb a:not(:hover) {
  background-position-y: -566px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.tw a:not(:hover) {
  background-position-y: -613px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.inst a:not(:hover) {
  background-position-y: -707px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.tel a:not(:hover) {
  background-position-y: -707px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.yt a:not(:hover) {
  background-position-y: -707px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.ok a:not(:hover) {
  background-position-y: -566px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.ml a:not(:hover) {
  background-position-y: -613px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.vi a:not(:hover) {
  background-position-y: -566px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.wh a:not(:hover) {
  background-position-y: -613px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.pt a:not(:hover) {
  background-position-y: -566px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.zen a:not(:hover) {
  background-position-y: -707px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.tt a:not(:hover) {
  background-position-y: -707px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.sc a:not(:hover) {
  background-position-y: -661px;
}
.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.li a:not(:hover) {
  background-position-y: -661px;
}

/*social bg*/
.social__items.social__items--type-image-bg {
  margin: 0px;
  width: 100%;
}
.social__items--type-image-bg .social__link {
  display: block;
  width: 100%;
  background-color: #4a76a8;
  border-radius: 4px;
  min-width: 41px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social__items--type-image-bg .social__item {
  padding: 0px;
}
.social__items--type-image-bg .social__link:before {
  content: "";
  width: 21px;
  height: 20px;
  display: block !important;
  position: relative;
  background: url("../images/svg/social.svg") -11px -388px no-repeat;
}
.social__items--type-image-bg .mymailru .social__link {
  background-color: #168de2;
}
.social__items--type-image-bg .mymailru .social__link:before {
  background-position-x: -152px;
}
.social__items--type-image-bg .openid .social__link {
  background-color: #f17d13;
}
.social__items--type-image-bg .openid .social__link:before {
  background-position-y: -528px;
}
.social__items--type-image-bg .liveinternet .social__link {
  background-color: #f3f3f3;
}
.social__items--type-image-bg .liveinternet .social__link:before {
  background-position: -434px -623px;
}
.social__items--type-image-bg .blogger .social__link {
  background-color: #ff4500;
}
.social__items--type-image-bg .blogger .social__link:before {
  background-position: -59px -482px;
}
.social__items--type-image-bg .livejournal .social__link {
  background-color: #00688a;
}
.social__items--type-image-bg .livejournal .social__link:before {
  background-position: -152px -434px;
}
.social__items--type-image-bg .twitter .social__link {
  background-color: #1da1f2;
}
.social__items--type-image-bg .twitter .social__link:before {
  background-position-y: -434px;
}
.social__items--type-image-bg .yandex .social__link {
  background-color: #ffdb4c;
}
.social__items--type-image-bg .yandex .social__link:before {
  background-position: -575px -434px;
}
.social__items--type-image-bg .facebook .social__link {
  background-color: #3b5998;
}
.social__items--type-image-bg .facebook .social__link:before {
  background-position-x: -105px;
}
.social__items--type-image-bg .office365 .social__link {
  background-color: #ea3c00;
}
.social__items--type-image-bg .office365 .social__link:before {
  background-position: -434px -481px;
}
.social__items--type-image-bg .odnoklassniki .social__link {
  background-color: #ff9205;
}
.social__items--type-image-bg .odnoklassniki .social__link:before {
  background-position-x: -58px;
}
.social__items--type-image-bg .dropbox .social__link {
  background-color: #007ee5;
}
.social__items--type-image-bg .dropbox .social__link:before {
  background-position: -387px -528px;
}
.social__items--type-image-bg .bitrix24 .social__link {
  background-color: #3ebdf4;
}
.social__items--type-image-bg .bitrix24 .social__link:before {
  background-position: -387px -482px;
}
.social__items--type-image-bg .liveid .social__link {
  background-color: #46aade;
}
.social__items--type-image-bg .liveid .social__link:before {
  background-position: -152px -482px;
}
.social__items--type-image-bg .box .social__link {
  background-color: #22a7f0;
}
.social__items--type-image-bg .box .social__link:before {
  background-position-x: -434px;
}
.social__items--type-image-bg .google .social__link {
  background-color: #f3f3f3;
}
.social__items--type-image-bg .google .social__link:before {
  background-position: -575px -482px;
}
.social__items--type-image-bg .google-plus .social__link {
  background-color: #db4437;
}
.social__items--type-image-bg .google-plus .social__link:before {
  background-position: -58px -528px;
}
.social__items--type-image-bg .mailru2 .social__link {
  background-color: #168de2;
}
.social__items--type-image-bg .mailru2 .social__link:before {
  background-position: -482px -482px;
}
.social__items--type-image-bg .openid-mail-ru .social__link {
  background-color: #ffbc3b;
}
.social__items--type-image-bg .openid-mail-ru .social__link:before {
  background-position: -387px -434px;
}

.social__item span {
  display: none;
}
#main .social .social__items.social__items--grid {
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  grid-gap: 8px;
  display: grid;
}

#bx_auth_servform .form-control {
  margin: 10px 0px;
}

.soc-avt a i.openid-mail-ru,
.soc-serv-accounts table tr .bx-ss-icons .icon i.openid-mail-ru {
  background-position: -472px -284px;
}
.soc-avt a i.mailru2,
.soc-serv-accounts table tr .bx-ss-icons .icon i.mailru2 {
  background-position: -378px -237px;
}
.soc-avt a i.livejournal,
.soc-serv-accounts table tr .bx-ss-icons .icon i.livejournal {
  background-position: -143px -237px;
}
.soc-avt a i.liveinternet,
.soc-serv-accounts table tr .bx-ss-icons .icon i.liveinternet {
  background-position: -425px -237px;
}
.soc-avt a i.openid,
.soc-serv-accounts table tr .bx-ss-icons .icon i.openid {
  background-position: -2px -331px;
}
.soc-avt a i.bitrix24,
.soc-serv-accounts table tr .bx-ss-icons .icon i.bitrix24 {
  background-position: -378px -284px;
}
.soc-avt a i.box,
.soc-serv-accounts table tr .bx-ss-icons .icon i.box {
  background-position: -425px -190px;
}
.soc-avt a i.dropbox,
.soc-serv-accounts table tr .bx-ss-icons .icon i.dropbox {
  background-position: -378px -331px;
}
.soc-avt a i.google,
.soc-serv-accounts table tr .bx-ss-icons .icon i.google {
  background-position: -49px -237px;
}
.soc-avt a i.google-plus,
.soc-serv-accounts table tr .bx-ss-icons .icon i.google-plus {
  background-position: -49px -331px;
}
.soc-avt a i.liveid,
.soc-serv-accounts table tr .bx-ss-icons .icon i.liveid {
  background-position: -143px -284px;
}
.soc-avt a i.office365,
.soc-serv-accounts table tr .bx-ss-icons .icon i.office365 {
  background-position: -426px -284px;
}
.soc-avt a i.odnoklassniki,
.soc-serv-accounts table tr .bx-ss-icons .icon i.odnoklassniki {
  background-position: -49px -190px;
}
.soc-avt a i.yandex,
.soc-serv-accounts table tr .bx-ss-icons .icon i.yandex {
  background-position: -97px -237px;
}
.soc-avt a i.blogger,
.soc-serv-accounts table tr .bx-ss-icons .icon i.blogger {
  background-position: -49px -284px;
}
.soc-avt a i.facebook,
.soc-serv-accounts table tr .bx-ss-icons .icon i.facebook {
  background-position: -96px -190px;
}
.soc-avt a i.twitter,
.soc-serv-accounts table tr .bx-ss-icons .icon i.twitter {
  background-position: -2px -237px;
}
.soc-avt a i.mymailru,
.soc-serv-accounts table tr .bx-ss-icons .icon i.mymailru {
  background-position: -143px -190px;
}